addArticle.html 5.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="author" content="yihu.com" />
  6. <meta name="format-detection" content="telephone=no" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  8. <title>新增文章</title>
  9. <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
  10. <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
  11. <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
  12. <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css"/>
  13. <link rel="stylesheet" type="text/css" href="../css/addArticle.css">
  14. </head>
  15. <body>
  16. <div class="h45">
  17. <div class="demo-comtop">
  18. <a class="mui-action-back"></a>
  19. <h1 class="mui-title" style="color:#fff;">新增文章</h1>
  20. </div>
  21. </div>
  22. <div class="input-group input-border width-100 mt10">
  23. <span class="input-group-addon c-f18 c-333">标题:</span>
  24. <input type="text" class="form-control width-100 c-f16" id="title" maxlength="50" placeholder="请输入文章标题(50字内)" style="margin:0;">
  25. </div>
  26. <div class="input-group input-border width-100 mt10">
  27. <span class="input-group-addon c-f18 c-333">分类:</span>
  28. <div class="c-nowrap c-position-r">
  29. <input readonly="readonly" id="li_expenses" data-code="" value="" placeholder="请选择分类" class="form-control width-100 c-f16" />
  30. <i class="fa fa-angle-right"></i>
  31. </div>
  32. </div>
  33. <div class="bgc-fff c-border-tb mt10 ui-grid ui-grid-middle">
  34. <div class="ui-col-0 plr10 ptb10">
  35. <span class="c-f15 c-333">封面:</span>
  36. </div>
  37. <div id="img_wrap" class="ui-col-0 img-cover">
  38. <!--<div class="add-img">-->
  39. <img id="addCoverImg" src="../images/tianjiatupian_btn.png" width="50" style="vertical-align: baseline;">
  40. <!--</div>-->
  41. </div>
  42. <div class="img-bottom ui-col-1">为了前端的优质显示效果建议,图片大小控制100KB以内,像素200*200以内。格式(jpg、png、gif)</div>
  43. </div>
  44. <div class="input-group input-border width-100 mt10">
  45. <p class="content c-f15 c-333 c-border-b">内容:</p>
  46. <div id='content' style="overflow: auto; width: 100%;height: 100px;background-color: #fff;" class="ptb10 plr10" contentEditable = true></div>
  47. </div>
  48. <div class="max-img mt10">
  49. <p class="text c-f15 c-333 c-border-b">图片(<span id="imgCount">0</span>/9)</p>
  50. <div id="img_wrapMul" class="clearfix row">
  51. <div id="add_picMul"></div>
  52. <div class="add-img plr10 ptb10 fl">
  53. <img id="addContentImg" src="../images/tianjiatupian_btn.png" width="50">
  54. </div>
  55. </div>
  56. </div>
  57. <div class="use-range mt10">
  58. <div class="c-f15 c-333 ptb10 plr10 c-border-b">使用范围</div>
  59. <div class="ptb10 plr10 c-f14" id="radio_button">
  60. <input type="radio" class="icon-checkbox" name="userange" id="userange1" value='1'/><label class="mlr10" for="userange1">全市使用</label>
  61. <input type="radio" class="icon-checkbox" name="userange" id="userange2" value='3'/><label class="mlr10" for="userange2">全社区使用</label>
  62. <input type="radio" class="icon-checkbox" name="userange" id="userange3" value='4'/><label class="ml10" for="userange3">仅自己使用</label>
  63. </div>
  64. </div>
  65. <div class="mt10 mb-10 pb50">
  66. <p class="content c-f15 c-333">文章认证机构:<span class="c-f13" style="padding-left: 10px;" id='hospitalName'>思明区莲前街道卫生服务中心</span></p>
  67. </div>
  68. <div class="handle-bar c-border-t c-f16">
  69. <div class="preview">
  70. <span>预览</span>
  71. </div>
  72. <div class="share" id="submit_btn">
  73. <span>提交审核</span>
  74. </div>
  75. </div>
  76. </body>
  77. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  78. <script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
  79. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js" type="text/javascript" charset="utf-8"></script>
  80. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css" />
  81. <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
  82. <script src="../../../widget/mobiscroll/2.17.1/js/mobiscroll.js" type="text/javascript" charset="utf-8"></script>
  83. <link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.17.1/css/mobiscroll.css" />
  84. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  85. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  86. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  87. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  88. <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
  89. <script src="../js/addArticle_photo.js" type="text/javascript" charset="utf-8"></script>
  90. <script src="../js/addArticle.js" type="text/javascript" charset="utf-8"></script>
  91. </html>