index.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Pragma" content="no-cache" />
  6. <meta http-equiv="Cache-Control" content="no-cache" />
  7. <meta http-equiv="Expires" content="0" />
  8. <title>功能管理</title>
  9. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  11. <script>document.write("<link rel='stylesheet' href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "'>");</script>
  12. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  13. <script>document.write("<link rel='stylesheet' href='css/index.css?time=" + new Date().getTime() + "'>");</script>
  14. <style>
  15. .inputDisabled {
  16. background-color: #ddd !important;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <div class="wrapper wrapper-content" ng-controller="indexCtrl as ctl" ng-cloak>
  22. <div class="loading" ng-if="ctl.loading" style="z-index: 920;">
  23. <div class="loading-msg">
  24. <h3>数据加载中,请等待</h3>
  25. <div class="spinner">
  26. <div class="bounce1"></div>
  27. <div class="bounce2"></div>
  28. <div class="bounce3"></div>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="row">
  33. <div class="col-md-12">
  34. <div class="ibox float-e-margins">
  35. <div class="ibox-content">
  36. <div class="row">
  37. <div class="s-page">
  38. <div class="sp-page-col">
  39. <div class="sp-page-title">功能列表</div>
  40. </div>
  41. <div class="sp-page-col sp-mt-5 sp-ml-20">
  42. <span class="sp-btn-gray-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnAddApply()">新增一级应用模块</span>
  43. </div>
  44. </div>
  45. <div class="sp-line-gray"></div>
  46. <div class="sp-page" style="overflow:auto;" id="div_functionsList">
  47. <div class="menu-list" tree-view tree-data="ctl.unit" text-field="CNAME"
  48. user-type-eng="ctl.userTypeEng" item-click="ctl.itemClick($item,$event)"
  49. item-add="ctl.itemAdd($item,$event)" item-edit="ctl.itemEdit($item,$event)"
  50. item-delete="ctl.itemDelete($item,$event)" item-role="ctl.itemRole($item,$event)"
  51. item-sortup="ctl.itemSortup($item,$event)" item-sortdown="ctl.itemSortdown($item,$event)">
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <script type="text/ng-template" id="/treeView.html">
  60. <ul>
  61. <li ng-repeat="item in treeData" ng-include="'/treeItem.html'" ></li>
  62. </ul>
  63. </script>
  64. <script type="text/ng-template" id="/treeItem.html">
  65. <p>
  66. <i ng-click="itemExpended(item, $event);" class="{{getItemIcon(item)}}"></i>
  67. <span ng-click="itemExpended(item, $event);warpCallback('itemClick', item, $event);" class='text-field'>{{item[textField]}}</span>
  68. <span class="edit-menu sp-color-gray" ng-show="item.showFlag">
  69. <i ng-click="warpCallback('itemAdd', item, $event);" ng-if="userTypeEng!='SECADMIN'" class="fa fa-plus sp-pl-10" title="新增"> </i>
  70. <i ng-click="warpCallback('itemEdit', item, $event);" ng-if="userTypeEng!='SECADMIN'" class="fa fa-pencil sp-pl-5" title="修改"> </i>
  71. <i ng-click="warpCallback('itemRole', item, $event);" ng-if="userTypeEng!='SYSADMIN'" class="fa fa-cog sp-pl-5" title="设置角色"></i>
  72. <i ng-click="warpCallback('itemSortup', item, $event);" ng-if="userTypeEng!='SYSADMIN'" class="fa fa-arrow-up sp-pl-5" title="上移"></i>
  73. <i ng-click="warpCallback('itemSortdown', item, $event);" ng-if="userTypeEng!='SYSADMIN'" class="fa fa-arrow-down sp-pl-5" title="下移"></i>
  74. <i ng-click="warpCallback('itemDelete', item, $event);" ng-if="userTypeEng!='SECADMIN'" class="fa fa-trash sp-pl-10 sp-color-red" title="删除"></i>
  75. </span>
  76. </p>
  77. <!--<ul ng-if="!isEnd(item)">
  78. <li ng-repeat="item in item.C_H_I_L_D" ng-include="'/treeItem.html'"></li>
  79. </ul>-->
  80. <ul ng-if="!isEnd(item)" ng-show="item.$$isExpend">
  81. <li ng-repeat="item in item.C_H_I_L_D" ng-include="'/treeItem.html'"></li>
  82. </ul>
  83. </script>
  84. <!-- 新增修改功能信息 start -->
  85. <div class="sp-layer" id="layer_box" style="width:600px;">
  86. <div class="sp-layer-head" style="background:#2176d6">
  87. <div class="sp-page sp-text-center sp-font16">
  88. <span ng-bind="ctl.layerTitle"></span>
  89. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  90. ×
  91. </div>
  92. </div>
  93. </div>
  94. <div class="sp-layer-body">
  95. <div class="sp-page">
  96. <table class="sp-grid-job">
  97. <tbody>
  98. <tr ng-if="ctl.selectedItem.add">
  99. <td style="width: 120px;">父级功能</td>
  100. <td>
  101. <input type="text" class="sp-input" ng-readonly="true" ng-model="ctl.selectedItem.PARENT_CNAME" />
  102. </td>
  103. </tr>
  104. <tr>
  105. <td style="width: 120px;">功能名称</td>
  106. <td>
  107. <input type="text" class="sp-input" ng-model="ctl.selectedItem.CNAME" />
  108. </td>
  109. </tr>
  110. <tr>
  111. <td>调用文件</td>
  112. <td>
  113. <input type="text" class="sp-input" ng-model="ctl.selectedItem.FILEN" />
  114. </td>
  115. </tr>
  116. <tr>
  117. <td>小图标</td>
  118. <td>
  119. <input type="text" class="sp-input" ng-model="ctl.selectedItem.SRCIMG" />
  120. </td>
  121. </tr>
  122. <tr>
  123. <td>大图标</td>
  124. <td>
  125. <input type="text" class="sp-input" ng-model="ctl.selectedItem.SRCIMG32" />
  126. </td>
  127. </tr>
  128. <tr>
  129. <td>打开方式</td>
  130. <td>
  131. <select ng-model="ctl.selectedItem.OPENTYPE">
  132. <option ng-repeat="item in ctl.opentypeArray" value="{{item.CODE}}" ng-bind="item.CNAME"></option>
  133. </select>
  134. </td>
  135. </tr>
  136. <tr>
  137. <td>模块类型</td>
  138. <td>
  139. <select ng-model="ctl.selectedItem.ISFLOW">
  140. <option ng-repeat="item in ctl.isflowArray" value="{{item.CODE}}" ng-bind="item.CNAME"></option>
  141. </select>
  142. </td>
  143. </tr>
  144. <tr>
  145. <td class="sp-text-left">
  146. <span class="sp-checkbox-tabs sp-ml-20" ng-class="{'sp-checkbox-tabs-active': ctl.selectedItem.ISFLOW=='0'}" ng-click="ctl.btnCheckboxClick()">设置流程ID</span>
  147. </td>
  148. <td>
  149. <input type="text" style="width:330px;" placeholder="请输入流程ID" ng-if="ctl.selectedItem.ISFLOW=='0'" class="sp-input" ng-model="ctl.selectedItem.FLOWIDS" />
  150. <span class="sp-btn-blue sp-btn-radius sp-btn-md" ng-if="ctl.selectedItem.ISFLOW=='0'" ng-click="ctl.btnCreateFuncList()">创建功能目录</span>
  151. </td>
  152. </tr>
  153. </tbody>
  154. </table>
  155. <div class="sp-page sp-text-center sp-pt-10 sp-pad-10">
  156. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.btnSetTitle()">
  157. <i class="fa fa-check sp-mr-5"></i>提 交
  158. </button>
  159. <button class="sp-btn-default sp-btn-radius" onclick="sp.layerhide()">
  160. <i class="fa fa-close sp-mr-5"></i>关 闭
  161. </button>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <!-- 新增修改功能信息 end -->
  167. <!-- 设置角色 start -->
  168. <div class="sp-layer" id="layer_rolePart" style="width:700px;">
  169. <div class="sp-layer-head" style="background:#2176d6">
  170. <div class="sp-page sp-text-center sp-font16">
  171. 设置角色
  172. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  173. ×
  174. </div>
  175. </div>
  176. </div>
  177. <div class="sp-layer-body">
  178. <div class="sp-page">
  179. <div class="sp-page">
  180. <div class="checkbox">
  181. <label>
  182. <input ng-change="ctl.selectAll()" ng-model="ctl.isSelectedAll" type="checkbox"> 全选(为方便查找,以下按第一个字拼音字母排列顺序)
  183. </label>
  184. </div>
  185. </div>
  186. <div class="sp-page" style="max-height:500px;overflow:auto">
  187. <div class="checkbox checkbox-list" ng-repeat="item in ctl.roleList">
  188. <div class="sp-lh-30" ng-bind="item.section"></div>
  189. <label class="checkbox-inline col-md-3" ng-repeat="item2 in item.auths track by $index">
  190. <input type="checkbox" ng-change="ctl.isSelected()" ng-model="item2.check">{{item2.ZUM}}
  191. </label>
  192. </div>
  193. </div>
  194. <div class="sp-lh-22 sp-color-red sp-text-center sp-hide" id="noSelectRole_tip">请先选择角色!</div>
  195. <div class="sp-page sp-text-center sp-mt-10">
  196. <span ng-click="ctl.saveRole()" class="sp-btn-blue sp-btn-radius"><i class="fa fa-check sp-mr-5"></i>提 交</span>
  197. <span class="sp-btn-default sp-btn-radius" onclick="sp.layerhide()"><i class="fa fa-close sp-mr-5"></i>关 闭</span>
  198. </div>
  199. </div>
  200. </div>
  201. </div>
  202. <!-- 设置角色 end -->
  203. <!--新增应用模块-->
  204. <div class="sp-layer" id="layer_addApply" style="width:500px;">
  205. <div class="sp-layer-head" style="background:#2176d6">
  206. <div class="sp-page sp-text-center sp-font16">
  207. <span>新增一级应用模块</span>
  208. <div class="sp-layer-close" title="关闭" onclick="sp.closeCenter('.sp-layer')">
  209. ×
  210. </div>
  211. </div>
  212. </div>
  213. <div class="sp-layer-body">
  214. <div class="sp-page">
  215. <table class="sp-grid-job">
  216. <tbody>
  217. <tr>
  218. <td style="width:150px;">模块名称</td>
  219. <td><input type="text" class="sp-input" ng-model="ctl.addApply.CNAME" /></td>
  220. </tr>
  221. <tr>
  222. <td>调用文件</td>
  223. <td>
  224. <input type="text" class="sp-input" ng-model="ctl.addApply.FILEN" />
  225. </td>
  226. </tr>
  227. <tr>
  228. <td>小图标</td>
  229. <td>
  230. <input type="text" class="sp-input" ng-model="ctl.addApply.SRCIMG" />
  231. </td>
  232. </tr>
  233. <tr>
  234. <td>大图标</td>
  235. <td>
  236. <input type="text" class="sp-input" ng-model="ctl.addApply.SRCIMG32" />
  237. </td>
  238. </tr>
  239. </tbody>
  240. </table>
  241. </div>
  242. <div class="sp-page">
  243. <div class="sp-page sp-text-center sp-pt-10 sp-pad-10">
  244. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.btnAddApply_submit()">
  245. <i class="fa fa-check sp-mr-5"></i>提 交
  246. </button>
  247. <button class="sp-btn-default sp-btn-radius" onclick="sp.layerhide()">
  248. <i class="fa fa-close sp-mr-5"></i>关 闭
  249. </button>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <!--新增应用模块-->
  255. </div>
  256. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  257. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  258. <script src="../../AFrontEnd/js/angularjs/dirPagination.js"></script>
  259. <script src="../../apiurljs.js"></script>
  260. <script src="../../js/sm4.js"></script>
  261. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  262. <script>document.write('<scri' + 'pt src="js/index.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');</script>
  263. <script src="../../AFrontEnd/js/special/spng.js"></script>
  264. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  265. </body>
  266. </html>