SysGroupView.cshtml 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264
  1. 
  2. @{
  3. Layout = null;
  4. }
  5. <!DOCTYPE html>
  6. <html>
  7. <head>
  8. <meta name="viewport" content="width=device-width" />
  9. <title>SysGroupView</title>
  10. <link href="~/easyui/themes/default/easyui.css" rel="stylesheet" />
  11. <link rel="stylesheet" type="text/css" href="~/easyui/themes/icon.css" />
  12. <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
  13. <link href="~/Content/js/plugins/layer/skin/layer.css" rel="stylesheet" />
  14. <script src="~/Content/js/jquery.min.js"></script>
  15. <script src="~/Content/js/bootstrap.min.js"></script>
  16. <script src="~/easyui/jquery.easyui.min.js"></script>
  17. <script src="~/easyui/jquery.easyui.mobile.js"></script>
  18. <script src="~/easyui/locale/easyui-lang-zh_CN.js"></script>
  19. <script src="~/Content/js/plugins/layer/laydate/laydate.js"></script>
  20. <script src="~/Content/js/plugins/layer/layer.min.js"></script>
  21. <script src="~/js/Utils.js"></script>
  22. <script src="~/Content/js/SysUser/SysGroup.js"></script>
  23. @*<link href="~/Content/css/Style/Markets.css" rel="stylesheet" />*@
  24. <style>
  25. .td_1 {
  26. padding-bottom: 10px;
  27. padding-left: 10px;
  28. }
  29. .tbToolBar {
  30. padding-left:20px;
  31. padding-bottom: 5px;
  32. }
  33. .tbToolBar .toolbar {
  34. float: left;
  35. }
  36. .tbToolBar .toolbar a {
  37. padding-left: 5px;
  38. padding-right: 5px;
  39. }
  40. .tbToolBar .shuxian,#WarranttoolBar .shuxian{
  41. border-right:1px solid #bbb;
  42. height: 150%;
  43. margin:0 5px;
  44. }
  45. .tbToolBar .toolbar-search {
  46. float: right;
  47. margin-right:40px;
  48. position: absolute;
  49. right: 0;
  50. top: 10px;
  51. z-index: 100;
  52. }
  53. .tbToolBar .toolbar-search .searchbox .l-btn-left {
  54. padding-left: 5px;
  55. }
  56. .tbToolBar .toolbar-search .searchbox .l-btn-left .m-btn-downarrow{
  57. padding-right: 8px;
  58. }
  59. .tbToolBar .toolbar-search .panel {
  60. margin-bottom:5px;
  61. }
  62. .tbToolBar .toolbar-search .panel-header .panel-title {
  63. font-size: 12px;
  64. color: #4994cf;
  65. line-height:16px;
  66. letter-spacing:1px;
  67. margin-left:10px;
  68. }
  69. .tbToolBar .toolbar-search .panel-header .panel-tool a {
  70. display: inline-block;
  71. margin-left:8px;
  72. }
  73. #Search tr td{
  74. padding: 5px 10px;
  75. }
  76. #Search tr td label{
  77. min-width: 60px;
  78. text-align: right;
  79. letter-spacing:1px;
  80. }
  81. #Search.easyui-panel.panel-body {
  82. overflow: auto;
  83. }
  84. .tbToolBar .btn{
  85. margin-left:15px;
  86. margin-top:5px;
  87. margin-bottom: 5px;
  88. float: left;
  89. }
  90. .tbToolBar .input-group {
  91. margin: 3px auto;
  92. max-width:380px;
  93. }
  94. .tbToolBar .control-label{
  95. color: #eed;
  96. background: #abe;
  97. border: 1px solid #aCAaE7;
  98. padding:3px 5px;
  99. font-size:12px;
  100. height:25px;
  101. }
  102. .tbToolBar .form-control{
  103. text-align: left;
  104. padding: 3px 5px;
  105. font-size:12px;
  106. height:25px;
  107. }
  108. .tbToolBar .form-control:focus {
  109. border: 1px solid #8CAAE7;
  110. }
  111. #ResetTool ,#IsEvaTool{
  112. display: none;
  113. }
  114. </style>
  115. </head>
  116. <body>
  117. <section class="hidden">
  118. <input id="hid_Type" name="hid_Type" type="hidden" value="0" />
  119. <input id="hid_IsLock" name="IsLock" type="hidden" value="N" />
  120. <input id="hid_SelectGroup" name="hid_SelectGroup" type="hidden" />
  121. </section>
  122. @*<section class="text-center title">
  123. <h2>市场信息</h2>
  124. </section>*@
  125. <section style="height:95vh; padding: 20px 20px 0;">
  126. <div class="row tbToolBar" id="tbToolBar">
  127. <div class="toolbar">
  128. <label>
  129. <input type="checkbox" id="ckIsLock"> 显示已删除记录
  130. </label>
  131. </div>
  132. <div class="toolbar" id="CurdTool">
  133. <span class="shuxian"></span>
  134. <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="btn_Add()">添加</a>
  135. <span class="shuxian"></span>
  136. <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="btn_Edit()">修改</a>
  137. <span class="shuxian"></span>
  138. <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="btn_Del()">删除</a>
  139. <span class="shuxian"></span>
  140. <a href="#" class="easyui-linkbutton" iconCls="icon-group" plain="true" onclick="btn_Users()">成员管理</a>
  141. <span class="shuxian"></span>
  142. <a href="#" class="easyui-linkbutton" iconCls="icon-KeyAdd" plain="true" onclick="btn_Auth()">权限</a>
  143. </div>
  144. <div class="toolbar" id="ResetTool">
  145. <span class="shuxian"></span>
  146. <a href="#" class="easyui-linkbutton" iconCls="icon-undo" plain="true" onclick="btn_Restore()">恢复删除</a>
  147. </div>
  148. </div>
  149. <table id="dgTable" class="easyui-datagrid" style="height: 100%;"
  150. data-options="singleSelect: true,
  151. method: 'post',
  152. multiSort: false,
  153. toolbar: '#tbToolBar',
  154. fitColumns: true,
  155. rownumbers: true,
  156. onClickRow: function (index, data) {
  157. loadTarget();
  158. }
  159. ">
  160. <thead>
  161. <tr>
  162. <th data-options="field:'GroupID',width:80">组编号</th>
  163. <th data-options="field:'Names',width:150">用户组名称</th>
  164. </tr>
  165. </thead>
  166. </table>
  167. </section>
  168. <section>
  169. <div id="winModal" class="easyui-window winModal" title="编辑维护" style="width: 700px; height: 420px;padding:10px;"
  170. iconCls="icon-save" data-options="modal:true,closed:true">
  171. <div class="easyui-layout" data-options="fit:true" style="height:99%">
  172. <div data-options="region:'center'" style="padding:15px 5px 5px;">
  173. <form id="form">
  174. <table cellpadding="10" cellspacing="0" style="margin-left:10px">
  175. <tr>
  176. <td class="td_1">用户组编号</td>
  177. <td class="td_1" colspan="3"><input class="easyui-textbox" type="text" id="txtGroupID" name="txtGroupID" data-options="required:true" style="width:467px;" /></td>
  178. </tr>
  179. <tr>
  180. <td class="td_1">姓名</td>
  181. <td class="td_1" colspan="3"><input class="easyui-textbox" type="text" id="txtNames" name="txtNames" data-options="required:true" style="width:467px;" /></td>
  182. </tr>
  183. <tr>
  184. <td class="td_1">创建人</td>
  185. <td class="td_1"><input class="easyui-textbox" type="text" id="txtCreateUser" name="txtCreateUser" style="width:200px;" disabled /></td>
  186. <td class="td_1">创建时间</td>
  187. <td class="td_1"><input class="easyui-textbox" type="text" id="txtCreateDate" name="txtCreateDate" style="width:200px;" disabled /></td>
  188. </tr>
  189. <tr>
  190. <td class="td_1">
  191. 简介
  192. </td>
  193. <td colspan="3" class="td_1">
  194. <textarea id="txtRemark" rows="5" style="width:467px"></textarea>
  195. </td>
  196. </tr>
  197. </table>
  198. </form>
  199. </div>
  200. <div data-options="region:'south',border:false" style="text-align:right; padding: 12px 20px;height:52px">
  201. <a class="easyui-linkbutton" id="Save" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="Save()" style="width:80px">确认</a>
  202. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winModal').window('close');" style="width:80px">取消</a>
  203. </div>
  204. </div>
  205. </div>
  206. <div id="winUserModal" class="easyui-window winModal" title="用户组拥有用户管理" style="width: 700px; height: 650px;padding:10px;"
  207. iconCls="icon-save" data-options="modal:true,closed:true">
  208. <div class="easyui-layout" data-options="fit:true" style="height:99%">
  209. <div data-options="region:'center'" style="padding:15px 5px 5px;">
  210. @*<input id="ccSelectUser" class="easyui-tagbox" data-options="url:'/SysUser/GetAllUsers',method:'post',multiple:true,valueField: 'id', textField: 'text'"/>*@
  211. <div style="margin-bottom:5px"><a id="btn" href="#" class="easyui-linkbutton" data-options="" onclick="IsselelctAllUser(true)">全选</a>&nbsp;&nbsp;<a id="btn" href="#" onclick="IsselelctAllUser(false)" class="easyui-linkbutton" data-options="">反选</a></div>
  212. <select class="easyui-combobox" id="ccSelectUser" multiple="true" multiline="true" label="Select States:" data-options="panelHeight:'400px'" labelPosition="top" style="width:100%;height:90px;">
  213. @Html.Raw(ViewBag.SelUserIDs)
  214. </select>
  215. </div>
  216. <div data-options="region:'south',border:false" style="text-align:right; padding: 5px 20px 10px;">
  217. <a class="easyui-linkbutton" data-options="iconCls:'icon-ok'" href="javascript:void(0)" onclick="SaveSelectUsers()" style="width:80px">确认</a>
  218. <a class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" href="javascript:void(0)" onclick="$('#winUserModal').window('close');" style="width:80px">取消</a>
  219. </div>
  220. </div>
  221. </div>
  222. </section>
  223. <script>
  224. function btn_Auth() {
  225. var row = $('#dgTable').datagrid('getSelected');
  226. if (row) {
  227. open("/SystemModule/PowerUI.aspx?as_UserType=group&PrimaryKey=" + row.GroupID, "UserPower", "toolbar=no,scrollbars=yes," + f_Center(720, 700) + ",resizable=yes");
  228. } else {
  229. layer.alert('请选择一条记录进行设置', { icon: 7, title: '提示信息' });
  230. }
  231. }
  232. //弹出窗体居中
  233. function f_Center(ll_Width, ll_Height) {
  234. var ll_Left;
  235. var ll_Top;
  236. var ls_Str;
  237. ll_Left = (screen.width - ll_Width) / 2
  238. ll_Top = (screen.height - ll_Height) / 2
  239. if (ll_Left < 0) {
  240. ll_Left = 0;
  241. }
  242. if (ll_Top < 0) {
  243. ll_Top = 0;
  244. }
  245. ls_Str = "left = " + ll_Left + ",top = " + ll_Top + ",width = " + ll_Width + ",height = " + ll_Height;
  246. return ls_Str;
  247. }
  248. </script>
  249. </body>
  250. </html>