welcome.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>建筑造价后台</title>
  6. <meta name=description content=纵横变更令审批系统>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="renderer" content="webkit">
  9. <meta name=copyright content=smartcost.com.cn>
  10. <link rel=stylesheet href=css/bootstrap.min.css>
  11. <link rel=stylesheet href=css/style.css>
  12. <link rel="stylesheet" href="css/prism/prism.css">
  13. <script src=js/jquery-1.9.1.min.js></script>
  14. <script src=js/bootstrap.min.js></script>
  15. <script src=js/global.js></script>
  16. <!--代码编辑器-->
  17. <script src="js/codemirror/codemirror.js"></script>
  18. <link rel="stylesheet" href="css/codemirror/codemirror.css">
  19. <script src="js/codemirror/xml.js"></script>
  20. <link rel="stylesheet" href="css/codemirror/material.css">
  21. </html>
  22. </head>
  23. <body>
  24. <div class="header">
  25. <h1 class="logo"><a>建筑造价后台</a></h1>
  26. <div class="header-box">
  27. <div class="header-nav"></div>
  28. <div class="header-user pull-right">
  29. <div class="avatar btn-group">
  30. <a class="dropdown-toggle" data-toggle="dropdown">
  31. <span class="pic"><img src="img/avatar.png"></span>
  32. <span>张三</span>
  33. <span class="caret"></span>
  34. </a>
  35. <ul class="dropdown-menu dropdown-menu-right">
  36. <li><a href="#">账号设置(CLD)</a></li>
  37. <li><a href="#">退出登录</a></li>
  38. </ul>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. <div class="main">
  44. <div class="main-nav">
  45. <div class="nav-top">
  46. <ul class="nav nav-pills nav-stacked bg-nav">
  47. <li><a href="home.html"><i class="glyphicon glyphicon-home" aria-hidden="true"></i> 首页</a></li>
  48. <li><a href="user-list.html"><i class="glyphicon glyphicon-user" aria-hidden="true"></i> 用户管理</a></li>
  49. <li><a href="news.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 通知管理</a></li>
  50. <li class="active"><a href="welcome.html"><i class="glyphicon glyphicon-bell" aria-hidden="true"></i> 欢迎页</a></li>
  51. <li><a href="version.html"><i class="glyphicon glyphicon-tag" aria-hidden="true"></i> 费用定额</a></li>
  52. <li><a href="tools.html"><i class="glyphicon glyphicon-wrench" aria-hidden="true"></i> 工具</a></li>
  53. <li><a href="system-setting.html"><i class="glyphicon glyphicon-pencil" aria-hidden="true"></i> 系统设置</a></li>
  54. <li><a href="manage.html"><i class="glyphicon glyphicon-cog" aria-hidden="true"></i> 后台管理</a></li>
  55. </ul>
  56. </div>
  57. </div>
  58. <div class="main-panel">
  59. <div class="panel-sidebar">
  60. <div class="panel-title">
  61. <div class="title-bar">
  62. <h2>欢迎页</h2>
  63. </div>
  64. </div>
  65. <div class="scrollbar-auto">
  66. <div class="nav-box">
  67. <ul class="nav-list list-unstyled">
  68. <li class=""><a><span class="title">重庆222222定额2018</span><span class="text-muted">(关闭)</span></a></li>
  69. <li class="active"><a><span class="title">广东定额</span><span class="text-muted"></span></a></li>
  70. </ul>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="panel-content">
  75. <div class="panel-title">
  76. <div class="title-main">
  77. <h2>广东定额
  78. <a href="news-add.html" class="btn btn-primary btn-sm pull-right">保存</a>
  79. <a href="#view" data-toggle="modal" data-target="#view" class="btn btn-success btn-sm pull-right">预览</a></h2>
  80. </div>
  81. </div>
  82. <div class="content-wrap">
  83. <div class="c-header" style="padding:0">
  84. <ul class="nav nav-tabs">
  85. <li role="presentation" class="active"><a href="#">免费版</a></li>
  86. <li role="presentation"><a href="#">专业版</a></li>
  87. </ul>
  88. </div>
  89. <div class="c-body">
  90. <div class="form-group">
  91. <label for="title">显示频率</label>
  92. <div class="radio">
  93. <label>
  94. <input type="radio" name="frequency"> 每天显示1次
  95. </label>&nbsp;
  96. <label>
  97. <input type="radio" name="frequency"> 每次登录显示
  98. </label>&nbsp;
  99. <label>
  100. <input type="radio" name="frequency"> 关闭
  101. </label>
  102. </div>
  103. </div>
  104. <div class="form-group">
  105. <label for="title">强制查看</label>
  106. <div class="radio">
  107. <label>
  108. <input type="radio" name="frequency"> 关闭
  109. </label>&nbsp;
  110. <label>
  111. <input type="radio" name="frequency"> 开启(秒)
  112. </label>
  113. <label>
  114. <input type="number" min="10" step="1">
  115. </label>
  116. </div>
  117. <div class="form-group">
  118. <label for="title">内容</label>
  119. <textarea id="editor" name="editor" class="form-control">
  120. <a href="#"><img src="#"></a>
  121. </textarea>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <!-- 预览-->
  129. <div class="modal fade" id="view" tabindex="-1" role="dialog">
  130. <div class="modal-dialog" role="document" style="width:800px">
  131. <div class="modal-content">
  132. <div class="modal-header">
  133. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  134. <h4 class="modal-title" >预览欢迎页</h4>
  135. </div>
  136. <div class="modal-body">
  137. <div style="margin:1px;height:400px;overflow-y: auto">
  138. 内容
  139. </div>
  140. </div>
  141. <div class="modal-footer">
  142. <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147. <script>
  148. var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
  149. mode: "text/html",
  150. lineNumbers: true,
  151. theme:"material"
  152. });
  153. editor.setSize('auto','650px');
  154. </script>
  155. </body>