ZZDianXin_UI - 郑州电信 演示

zhibiaoguanli.html 9.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link href="../css/init.css" rel="stylesheet" />
  9. <link href="../css/layer/need/layer.css" />
  10. <link rel="stylesheet" href="../css/zhibiaoguanli.css" />
  11. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  12. <link rel="stylesheet" href="../css/init.css" />
  13. <title>指标管理</title>
  14. <style>
  15. .btns {
  16. background: #1ab394;
  17. color: #fff;
  18. padding: 3px 10px;
  19. outline: none;
  20. font-size: 12px;
  21. margin-left: 15px;
  22. border: 0;
  23. border-radius: 3px;
  24. }
  25. </style>
  26. </head>
  27. <body>
  28. <div class="daoHang clearfix">
  29. <div class="dhLeft">
  30. <sapn>
  31. <i class="syIcon"></i>位置:
  32. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  33. <a href="javaScript:;">质检管理</a>&gt;
  34. <a href="" style="color: #000;">指标管理</a>
  35. </sapn>
  36. </div>
  37. <div class="dhRight">
  38. <a href="#" title="刷新"><i class="fa fa-refresh"></i></a>
  39. </div>
  40. </div>
  41. <div class="top clearfix">
  42. <div class="topCon">
  43. &nbsp;&nbsp;&nbsp;&nbsp;指标标题:
  44. <input type="text" id="Keys" placeholder="请输入指标标题" /> &nbsp;&nbsp;&nbsp;&nbsp;
  45. <button class="btn sear">搜索</button>
  46. </div>
  47. </div>
  48. <div class='wrap'>
  49. <div class="tbleft">
  50. <h4 style="text-align: center;">指标分类</h4>
  51. <div class="anniu" class="toolbar1">
  52. <button class="leftAdd btn">增加</button>
  53. <button class="leftChange btn">修改</button>
  54. <button class="leftDelete btn">删除</button>
  55. </div>
  56. <table id="tb1">
  57. <thead>
  58. <tr>
  59. <th data-field="checkbox" data-align="center" data-formatter="setCode">编号</th>
  60. <th data-align="center" data-field="F_ParentId" data-formatter="Type">分类名称</th>
  61. <th data-align="center" data-field="F_Expand1">分值</th>
  62. </tr>
  63. </thead>
  64. <tbody></tbody>
  65. </table>
  66. </div>
  67. <!--右边/-->
  68. <div class="tbright">
  69. <h4 style="text-align: center;">指标列表</h4>
  70. <div class="anniu" class="toolbar2">
  71. <button class="rightAdd btn">增加</button>
  72. <button class="rightChange btn">修改</button>
  73. <button class="rightDelete btn">删除</button>
  74. <button class="rightAll btn">所有指标</button>
  75. </div>
  76. <table id="tbr">
  77. <thead>
  78. <tr>
  79. <th data-align="center" data-field="id" data-formatter="setCode">编号</th>
  80. <th data-align="center" data-field="F_CategoryName" data-formatter="Type">指标分类</th>
  81. <th data-align="center" data-field="F_Title">指标标题</th>
  82. <th data-align="center" data-field="F_Score">分值</th>
  83. </tr>
  84. </thead>
  85. <tbody></tbody>
  86. </table>
  87. </div>
  88. </div>
  89. <div class="model">
  90. <!--右边弹框-->
  91. <div class="rightBox">
  92. <div class="btop clearfix">
  93. <p class="rbtl">&nbsp;&nbsp;<span class="tps" style="color: red;"></span></p>
  94. <p class="rbtr" title="关闭">X</p>
  95. </div>
  96. <div class="sqzx">
  97. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  98. <tr>
  99. <th>所属分类:</th>
  100. <td>
  101. <div class="inpBox">
  102. <input type="text" class="inps inps2 _CategoryName tree" id="clbmname" placeholder="请选择分类" />
  103. <input type="hidden" class="inps" id="zrbm" />
  104. <i class="xl xl_two"></i>
  105. <b class="de_icon">X</b>
  106. <div class="addTree">
  107. <ul id="clbmtree" class="ztree"></ul>
  108. </div>
  109. </div>
  110. </td>
  111. </tr>
  112. <tr>
  113. <th>指标标题:</th>
  114. <td>
  115. <div class="inpBox">
  116. <input type="text" class="inps inps2 F_Title" />
  117. </div>
  118. </td>
  119. </tr>
  120. <tr>
  121. <th>指标描述:</th>
  122. <td colspan="5">
  123. <textarea name="" rows="3" cols="20" class="F_Remark"></textarea>
  124. </td>
  125. </tr>
  126. <tr>
  127. <th>指标分值:</th>
  128. <td>
  129. <div class="inpBox">
  130. <input type="text" class="inps inps2 _Score" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " placeholder="请输入数字"/>
  131. </div>
  132. </td>
  133. </tr>
  134. <tr>
  135. <th>排列序号:</th>
  136. <td>
  137. <div class="inpBox">
  138. <input type="text" class="inps inps2 _Sort" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " placeholder="请输入数字" />
  139. </div>
  140. </td>
  141. </tr>
  142. </table>
  143. <div class="btn_">
  144. <input type="button" value="保存" class="btns" id="xg_btn" />
  145. <input type="button" value="保存" class="btns" id="add" />
  146. </div>
  147. </div>
  148. </div>
  149. <!--左边弹框-->
  150. <div class="leftBox">
  151. <div class="btop clearfix">
  152. <p class="rbtl">&nbsp;&nbsp;<span class="tps" style="color: red;"></span></p>
  153. <p class="rbtr" title="关闭">X</p>
  154. </div>
  155. <div class="sqzx">
  156. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  157. <tr>
  158. <th>所属分类:</th>
  159. <td>
  160. <div class="inpBox">
  161. <select name="" id="Left_ParentId"></select>
  162. </div>
  163. </td>
  164. </tr>
  165. <tr>
  166. <th><b class="text-red">*</b>分类名称:</th>
  167. <td>
  168. <div class="inpBox">
  169. <input type="text" class="inps inps2 " id="Left_CategoryName" />
  170. </div>
  171. </td>
  172. </tr>
  173. <tr>
  174. <th>排列序号:</th>
  175. <td>
  176. <div class="inpBox">
  177. <input type="text" class="inps inps2 " id="Left_Sort" onkeyup="this.value=this.value.replace(/[^\d]/g,'') " onafterpaste="this.value=this.value.replace(/[^\d]/g,'') " placeholder="请输入数字"/>
  178. </div>
  179. </td>
  180. </tr>
  181. </table>
  182. <div class="btn_">
  183. <input type="button" value="保存" class="btns" id="Left_xgbtn" />
  184. <input type="button" value="保存" class="btns" id="Left_add" />
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. <script src="../js/zTree/jquery.ztree.core.js"></script>
  190. <script src="../css/laydate/laydate.js"></script>
  191. <script src="../css/layer/layer.js"></script>
  192. <script src="../js/Quality/zhibiaoguanli.js"></script>
  193. </body>
  194. </html>