12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta name="author" content="yihu.com" />
- <meta name="format-detection" content="telephone=no" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
- <title>新增文章</title>
- <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
- <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
- <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
- <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css"/>
- <link rel="stylesheet" type="text/css" href="../css/addArticle.css">
- </head>
- <body>
- <div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1 class="mui-title" style="color:#fff;">新增文章</h1>
- </div>
- </div>
- <div class="input-group input-border width-100 mt10">
- <span class="input-group-addon c-f18 c-333">标题:</span>
- <input type="text" class="form-control width-100 c-f16" id="title" maxlength="50" placeholder="请输入文章标题(50字内)" style="margin:0;">
- </div>
- <div class="input-group input-border width-100 mt10">
- <span class="input-group-addon c-f18 c-333">分类:</span>
- <div class="c-nowrap c-position-r">
- <input readonly="readonly" id="li_expenses" data-code="" value="" placeholder="请选择分类" class="form-control width-100 c-f16" />
- <i class="fa fa-angle-right"></i>
- </div>
- </div>
-
- <div class="bgc-fff c-border-tb mt10 ui-grid ui-grid-middle">
- <div class="ui-col-0 plr10 ptb10">
- <span class="c-f15 c-333">封面:</span>
- </div>
- <div id="img_wrap" class="ui-col-0 img-cover">
- <!--<div class="add-img">-->
- <img id="addCoverImg" src="../images/tianjiatupian_btn.png" width="50" style="vertical-align: baseline;">
- <!--</div>-->
- </div>
- <div class="img-bottom ui-col-1">为了前端的优质显示效果建议,图片大小控制100KB以内,像素200*200以内。格式(jpg、png、gif)</div>
- </div>
- <div class="input-group input-border width-100 mt10">
- <p class="content c-f15 c-333 c-border-b">内容:</p>
- <div id='content' style="overflow: auto; width: 100%;height: 100px;background-color: #fff;" class="ptb10 plr10" contentEditable = true></div>
- </div>
-
- <div class="max-img mt10">
- <p class="text c-f15 c-333 c-border-b">图片(<span id="imgCount">0</span>/9)</p>
- <div id="img_wrapMul" class="clearfix row">
- <div id="add_picMul"></div>
- <div class="add-img plr10 ptb10 fl">
- <img id="addContentImg" src="../images/tianjiatupian_btn.png" width="50">
- </div>
- </div>
- </div>
- <div class="use-range mt10">
- <div class="c-f15 c-333 ptb10 plr10 c-border-b">使用范围</div>
- <div class="ptb10 plr10 c-f14" id="radio_button">
- <input type="radio" class="icon-checkbox" name="userange" id="userange1" value='1'/><label class="mlr10" for="userange1">全市使用</label>
- <input type="radio" class="icon-checkbox" name="userange" id="userange2" value='3'/><label class="mlr10" for="userange2">全社区使用</label>
- <input type="radio" class="icon-checkbox" name="userange" id="userange3" value='4'/><label class="ml10" for="userange3">仅自己使用</label>
- </div>
- </div>
- <div class="mt10 mb-10 pb50">
- <p class="content c-f15 c-333">文章认证机构:<span class="c-f13" style="padding-left: 10px;" id='hospitalName'>思明区莲前街道卫生服务中心</span></p>
- </div>
- <div class="handle-bar c-border-t c-f16">
- <div class="preview">
- <span>预览</span>
- </div>
- <div class="share" id="submit_btn">
- <span>提交审核</span>
- </div>
- </div>
- </body>
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
- <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
- <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
- <script type="text/javascript" src="../../../js/mui.min.js"></script>
- <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/addArticle_photo.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/addArticle.js" type="text/javascript" charset="utf-8"></script>
- </html>
|