暂无描述

buMenEdit.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>单位编辑</title>
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="../js/zTree/zTreeStyle.css" />
  9. <link rel="stylesheet" href="../css/init.css" />
  10. <style>
  11. th {
  12. padding: 5px 8px 5px 0;
  13. text-align: right;
  14. }
  15. input {
  16. background-color: #FFF;
  17. background-image: none;
  18. border: 1px solid #ccc;
  19. border-radius: 1px;
  20. color: inherit;
  21. padding: 6px 12px;
  22. }
  23. td {
  24. padding: 6px 0 5px 10px;
  25. }
  26. .addts {
  27. background: #00a1cb;
  28. color: #fff;
  29. padding: 6px 10px;
  30. outline: none;
  31. font-size: 12px;
  32. margin-left: 15px;
  33. border: 0;
  34. border-radius: 3px;
  35. box-sizing: border-box;
  36. }
  37. .seldept {
  38. position: absolute;
  39. z-index: 100;
  40. display: none;
  41. }
  42. ul.ztree {
  43. border: 1px solid #617775;
  44. background: #f0f6e4;
  45. overflow-y: scroll;
  46. overflow-x: auto;
  47. height: 150px;
  48. }
  49. .select {
  50. width: 190px;
  51. background-color: #FFF;
  52. background-image: none;
  53. border: 1px solid #ccc;
  54. border-radius: 1px;
  55. color: inherit;
  56. padding: 6px 12px;
  57. }
  58. </style>
  59. </head>
  60. <body class="gray-bg">
  61. <div style="padding: 10px;">
  62. <div style="padding: 10px;" class="clearFix">
  63. <div>
  64. <span>【单位信息】</span>
  65. <div class="box_content">
  66. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  67. <tr>
  68. <th>父级单位:</th>
  69. <td>
  70. <input type="text" class="pname" readonly="readonly" /><input type="hidden"
  71. class="pid" />
  72. <div class="seldept">
  73. <ul id="treeDemo" class="ztree">
  74. <!--类名为ztree是必须的-->
  75. </ul>
  76. </div>
  77. </td>
  78. </tr>
  79. <tr>
  80. <th>单位名称:</th>
  81. <td>
  82. <input type="text" class="name" /><input type="hidden" class="id" />
  83. </td>
  84. </tr>
  85. <tr>
  86. <th>单位电话:</th>
  87. <td>
  88. <input type="text" class="tel" />
  89. </td>
  90. </tr>
  91. <tr>
  92. <!-- <th>关键字:</th>
  93. <td>
  94. <select id="keyid" name="" class="select"></select>
  95. </td> -->
  96. </tr>
  97. <tr>
  98. <th>单位类型:</th>
  99. <td style="line-height: 0.5;">
  100. <label class="radio-inline">
  101. <input type="radio" name="isdept" value="0" />
  102. 分类
  103. </label>
  104. <label class="radio-inline">
  105. <input type="radio" name="isdept" value="1" />
  106. 二级单位
  107. </label>
  108. <label class="radio-inline">
  109. <input type="radio" name="isdept" value="2" />
  110. 三级单位
  111. </label>
  112. </td>
  113. </tr>
  114. <tr>
  115. <th>承办单位:</th>
  116. <td style="line-height: 0.5;">
  117. <label class="radio-inline">
  118. <input type="radio" name="isdealdept" value="1" checked="checked" />
  119. </label>
  120. <label class="radio-inline">
  121. <input type="radio" name="isdealdept" value="0" />
  122. </label>
  123. </td>
  124. </tr>
  125. <tr>
  126. <th>排列序号:</th>
  127. <td>
  128. <input type="text" class="sort" />
  129. </td>
  130. </tr>
  131. </table>
  132. </div>
  133. </div>
  134. <div class="bton" style="text-align: center;">
  135. <input class="addts" type="button" value="保存" />
  136. </div>
  137. </div>
  138. </div>
  139. <script src="../js/zTree/jquery.ztree.core.js"></script>
  140. <script>
  141. var id = helper.request.queryString("id");
  142. var iscbdw = "";
  143. var roleCode = $.cookie("code");
  144. $(document).ready(function () {
  145. if (roleCode === "WLDW") {
  146. iscbdw = 2;
  147. } else {
  148. iscbdw = "";
  149. }
  150. bind();
  151. ZT($("#keyid"));
  152. $(".pname").click(function () {
  153. if ($(".seldept").is(":hidden")) {
  154. $(".seldept").show();
  155. } else {
  156. $(".seldept").hide();
  157. }
  158. })
  159. $(".seldept").mouseleave(function () {
  160. $(".seldept").hide();
  161. })
  162. if (id) {
  163. $.getJSON(huayi.config.callcenter_url + 'Department/GetDept', {
  164. id: id,
  165. "token": $.cookie("token")
  166. }, function (result) {
  167. if (result.state.toLowerCase() == "success") {
  168. var content = result.data;
  169. if (content.F_PartentId && content.F_PartentId != '0') {
  170. getpname(content.F_PartentId);
  171. } else {
  172. $(".pid").val(0);
  173. $(".pname").val("无父级单位");
  174. }
  175. $(".id").val(content.F_DeptId);
  176. $(".name").val(content.F_DeptName);
  177. $(".tel").val(content.F_DeptPhone);
  178. $(".sort").val(content.F_Sort);
  179. $('#keyid').val(content.F_Valueid)
  180. $("input[name='isdept'][value='" + content.F_IsDept + "']").prop("checked",
  181. true);
  182. $("input[name='isdealdept'][value='" + content.F_IsDealDept + "']").prop(
  183. "checked", true);
  184. }
  185. })
  186. }
  187. });
  188. function getpname(strpid) {
  189. $.getJSON(huayi.config.callcenter_url + 'Department/GetDept', {
  190. id: strpid,
  191. "token": $.cookie("token")
  192. }, function (result) {
  193. if (result.state.toLowerCase() == "success") {
  194. var content = result.data;
  195. $(".pid").val(content.F_DeptId);
  196. $(".pname").val(content.F_DeptName);
  197. }
  198. })
  199. }
  200. var setting = {
  201. data: {
  202. key: {
  203. name: "F_DeptName"
  204. },
  205. simpleData: {
  206. enable: true,
  207. idKey: "F_DeptId",
  208. pIdKey: "F_PartentId",
  209. rootPId: -1
  210. }
  211. },
  212. callback: {
  213. onClick: zTreeOnClick
  214. }
  215. };
  216. function zTreeOnClick(event, treeId, treeNode) {
  217. $(".pid").val(treeNode.F_DeptId);
  218. $(".pname").val(treeNode.F_DeptName);
  219. $(".seldept").hide();
  220. };
  221. function bind() {
  222. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptList", {
  223. "token": $.cookie("token"),
  224. iscbdw: iscbdw,
  225. }, function (result) {
  226. if (result.state.toLowerCase() == "success") {
  227. tree = $.fn.zTree.init($("#treeDemo"), setting, result.data);
  228. } // tree.addNodes(null, 0, {
  229. // "F_DeptId": 0,
  230. // "F_DeptName": "无父级单位"
  231. // });
  232. })
  233. }
  234. //关键字
  235. function ZT(obj) {
  236. obj.empty();
  237. obj.append('<option selected="selected" value="">请选择</option>');
  238. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {
  239. "token": $.cookie("token"),
  240. id: 3
  241. }, function (data) {
  242. if (data.state.toLowerCase() == "success") {
  243. var content = data.data;
  244. $(content).each(function (i, n) {
  245. $("<option value='" + n.F_ValueId + "'>" + n.F_Value + "</option>").appendTo(
  246. obj);
  247. })
  248. }
  249. })
  250. }
  251. //修改工单
  252. $(".addts").click(function () {
  253. var pid = $(".pid").val();
  254. var id = $(".id").val();
  255. var name = $(".name").val();
  256. var tel = $(".tel").val();
  257. var sort = $(".sort").val();
  258. var isdept = $('input[name="isdept"]:checked ').val();
  259. var isdealdept = $('input[name="isdealdept"]:checked ').val();
  260. console.log($('#keyid').val())
  261. if (!name) {
  262. layer.confirm('请输入单位名称!', {
  263. btn: ['确定']
  264. });
  265. return;
  266. }
  267. if (!isdept) {
  268. layer.confirm('请选择单位类型!', {
  269. btn: ['确定']
  270. });
  271. return;
  272. }
  273. // if (!pid) {
  274. // layer.confirm('请选择父级单位!', {
  275. // btn: ['确定']
  276. // });
  277. // return;
  278. // }
  279. $.post(huayi.config.callcenter_url + 'Department/AddDept', {
  280. id: id,
  281. did: pid,
  282. name: name,
  283. phone: tel,
  284. sort: sort,
  285. isdept: isdept,
  286. isdealdept: isdealdept,
  287. valueid: $('#keyid').val(),
  288. "token": $.cookie("token")
  289. }, function (result) {
  290. result = $.parseJSON(result);
  291. if (result.state.toLowerCase() == "success") {
  292. var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
  293. parent.layer.close(index); //再执行关闭
  294. parent.layer.msg("操作成功");
  295. parent.bind();
  296. }
  297. })
  298. });
  299. </script>
  300. </body>
  301. </html>