datacollect_modal.ejs 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392
  1. <!--分类管理 -->
  2. <div class="modal fade" id="sort" data-backdrop="static">
  3. <div class="modal-dialog" role="document">
  4. <div class="modal-content">
  5. <div class="modal-header">
  6. <h5 class="modal-title">决策大屏标段管理</h5>
  7. </div>
  8. <div class="modal-body">
  9. <div class="mb-2">
  10. <span>新增的标段是否默认展示到决策大屏:</span>
  11. <a class="btn btn-sm btn-light">
  12. <div class="custom-control custom-checkbox">
  13. <input type="radio" name="add_datacollect" class="custom-control-input" value="1" <% if (ctx.session.sessionProject.page_show.addDataCollect === 1) { %>checked<% } %> id="yes_datacollect">
  14. <label class="custom-control-label text-primary" for="yes_datacollect">是</label>
  15. </div>
  16. </a>
  17. <a class="btn btn-sm btn-light">
  18. <div class="custom-control custom-checkbox">
  19. <input type="radio" name="add_datacollect" class="custom-control-input" value="0" <% if (ctx.session.sessionProject.page_show.addDataCollect === 0) { %>checked<% } %> id="no_datacollect">
  20. <label class="custom-control-label text-primary" for="no_datacollect">否</label>
  21. </div>
  22. </a>
  23. </div>
  24. <div class="alert alert-warning mb-1">已勾选的标段将展示到决策大屏中</div>
  25. <div class="zTreeDemoBackground left modal-height-500" style="overflow: auto">
  26. <table class="table table-hover table-bordered">
  27. <thead>
  28. <tr>
  29. <th>名称</th>
  30. <th width="40"><input style="vertical-align: middle" type="checkbox" id="select-tender-all"></th>
  31. </tr>
  32. </thead>
  33. <tbody id="copyModalContent">
  34. </tbody>
  35. </table>
  36. </div>
  37. </div>
  38. <div class="modal-footer">
  39. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  40. <button type="button" class="btn btn-sm btn-primary" id="tender_dataCollect_btn">确定</button>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. <!--权限管理 -->
  46. <div class="modal fade" id="power" data-backdrop="static">
  47. <div class="modal-dialog" role="document">
  48. <div class="modal-content">
  49. <div class="modal-header">
  50. <h5 class="modal-title">权限管理</h5>
  51. </div>
  52. <div class="modal-body">
  53. <!--<div class="form-check">-->
  54. <!--<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios1" value="option1">-->
  55. <!--<label class="form-check-label" for="exampleRadios1">-->
  56. <!--仅自己可见(只有管理员自己可以看到)-->
  57. <!--</label>-->
  58. <!--</div>-->
  59. <div class="form-check">
  60. <!--<input class="form-check-input" type="radio" name="exampleRadios" id="exampleRadios2" value="option2" checked>-->
  61. <label class="form-check-label" for="exampleRadios2">
  62. 指定成员可见(只有指定的成员可以访问当前数据大屏)
  63. </label>
  64. </div>
  65. <div class="px-3 py-2">
  66. <div class="">
  67. <!--<div class="input-group">-->
  68. <!--<input class="form-control" placeholder="搜索用户组、成员" type="text">-->
  69. <!--<div class="input-group-append">-->
  70. <!--<button class="btn btn-outline-secondary" type="button"><i class="fa fa-search"></i></button>-->
  71. <!--</div>-->
  72. <!--</div>-->
  73. <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="dropdownMenuButton"
  74. data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  75. 添加成员
  76. </button>
  77. <div class="dropdown-menu dropdown-menu-left" aria-labelledby="dropdownMenuButton" style="width:220px">
  78. <div class="mb-2 p-2"><input class="form-control form-control-sm" placeholder="姓名/手机 检索"
  79. id="gr-search" autocomplete="off"></div>
  80. <dl class="list-unstyled book-list">
  81. <% accountGroup.forEach((group, idx) => { %>
  82. <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>"
  83. data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
  84. <div class="dd-content" data-toggleid="<%- idx %>">
  85. <dd class="border-bottom p-2 mb-0" data-companyid="<%- group.companyId %>"><p class="mb-0 d-flex"><span class="text-primary">该单位下所有组员</span></p></dd>
  86. <% group.groupList.forEach(item => { %>
  87. <% if (item.id !== ctx.session.sessionUser.accountId) { %>
  88. <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>">
  89. <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
  90. class="ml-auto"><%- item.mobile %></span></p>
  91. <span class="text-muted"><%- item.role %></span>
  92. </dd>
  93. <% } %>
  94. <% });%>
  95. </div>
  96. <% }) %>
  97. </dl>
  98. </div>
  99. <div class="card mt-1">
  100. <ul class="list-unstyled modal-height-500" id="audit-list" style="overflow: auto">
  101. <% for (const audit of dataCollectAudits) { %>
  102. <li class="border-bottom p-2 mb-0">
  103. <a href="javascript:void(0)" class="text-danger pull-right" data-id="<%- audit.id %>" data-type="<% if (audit.uid) { %>audit<% } else if (audit.groupid) { %>group<% } else { %>company<% } %>">
  104. <i class="fa fa-remove text-danger remove-audit"></i></a><%- audit.name %>
  105. <small class="text-muted ml-1"><% if (audit.company_id) { %>参建单位<% } else { %>账号<% if (!audit.uid) { %>组<% } %><% } %></small>
  106. </li>
  107. <% } %>
  108. <!--<li class="border-bottom p-2 mb-0"><a href="" class="text-danger pull-right"><i class="fa fa-remove text-danger"></i></a>梁琪波<small class="text-muted ml-1">账号</small></li>-->
  109. </ul>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <div class="modal-footer">
  115. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
  116. <!--<button type="button" class="btn btn-sm btn-primary">确定</button>-->
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <% if (is_dz2) { %>
  122. <!--决策大屏六设置-->
  123. <div class="modal fade" id="dpsix-set" data-backdrop="static">
  124. <div class="modal-dialog" role="document">
  125. <div class="modal-content">
  126. <div class="modal-header">
  127. <h5 class="modal-title">数据统计设置</h5>
  128. </div>
  129. <div class="modal-body">
  130. <ul class="list-unstyled">
  131. <li class="d-flex justify-content-start align-items-center mb-3">
  132. <span class="col-auto">工程收入:</span>
  133. <span class="mr-2">
  134. <select class="form-control form-control-sm" id="sr_cate_select">
  135. <option value="0">请选择分类</option>
  136. <% for (const c of categoryData) { %>
  137. <option value="<%- c.id %>"><%- c.name %></option>
  138. <% } %>
  139. </select>
  140. </span>
  141. <span>
  142. <select class="form-control form-control-sm" id="sr_cate_value_select">
  143. <option value="0">请选择值</option>
  144. </select>
  145. </span>
  146. </li>
  147. <li class="d-flex justify-content-start align-items-center mb-3">
  148. <span class="col-auto">工程成本:</span>
  149. <span class="mr-2">
  150. <select class="form-control form-control-sm" id="cb_cate_select">
  151. <option value="0">请选择分类</option>
  152. <% for (const c of categoryData) { %>
  153. <option value="<%- c.id %>"><%- c.name %></option>
  154. <% } %>
  155. </select>
  156. </span>
  157. <span>
  158. <select class="form-control form-control-sm" id="cb_cate_value_select">
  159. <option value="0">请选择值</option>
  160. </select>
  161. </span>
  162. </li>
  163. <li class="d-flex justify-content-start align-items-center mb-1">
  164. <span class="col-auto">工程成本费用分类(最多只能选择4个,界面只有4个):</span>
  165. <span class="mr-2">
  166. <div class="dropdown show">
  167. <button class="btn btn-sm dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">请选择值</button>
  168. <div class="dropdown-menu pb-1" aria-labelledby="dropdownMenuButton" x-placement="bottom-start" >
  169. <div class="px-3" id="cb_show_select">
  170. <% const xmgl = categoryData.find(item => item.name === '管理类别'); %>
  171. <% if (xmgl && xmgl.value && xmgl.value.length !== 0) { %>
  172. <% for (const v of xmgl.value) { %>
  173. <div class="form-check py-1">
  174. <input class="form-check-input" type="checkbox" id="xmgl_value_<%- v.id %>" value="<%- v.id %>">
  175. <label class="form-check-label" for="xmgl_value_<%- v.id %>"><%- v.value %></label>
  176. </div>
  177. <% } %>
  178. <% } %>
  179. </div>
  180. </div>
  181. </div>
  182. </span>
  183. </li>
  184. <li class="d-flex justify-content-start align-items-center mb-3">
  185. <span class="col-auto" id="show_xmgl"></span>
  186. </li>
  187. </ul>
  188. </div>
  189. <div class="modal-footer">
  190. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  191. <button type="button" class="btn btn-sm btn-primary" id="dp06_save_btn">确定</button>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <script>
  197. const daPing06Set = JSON.parse(unescape('<%- escape(JSON.stringify(daPing06Set)) %>'));
  198. $(function () {
  199. $('#sr_cate_select').change(function () {
  200. const val = $(this).val()
  201. const cate = category.find(item => item.id === parseInt(val))
  202. $('#sr_cate_value_select').html(cate ? cate.value.map(item => `<option value="${item.id}">${item.value}</option>`).join('') : '<option value="0">请选择值</option>');
  203. })
  204. $('#cb_cate_select').change(function () {
  205. const val = $(this).val()
  206. const cate = category.find(item => item.id === parseInt(val))
  207. $('#cb_cate_value_select').html(cate ? cate.value.map(item => `<option value="${item.id}">${item.value}</option>`).join('') : '<option value="0">请选择值</option>');
  208. });
  209. $('#dpsix-set').on('show.bs.modal', function (e) {
  210. if (daPing06Set.sr) {
  211. $('#sr_cate_select').val(daPing06Set.sr);
  212. $('#sr_cate_value_select').html(category.find(item => item.id === parseInt(daPing06Set.sr)).value.map(item => `<option value="${item.id}" ${daPing06Set.sr_value === item.id ? 'selected' : ''}>${item.value}</option>`).join(''));
  213. } else {
  214. $('#sr_cate_value_select').html('<option value="0">请选择值</option>')
  215. }
  216. if (daPing06Set.cb) {
  217. $('#cb_cate_select').val(daPing06Set.cb);
  218. $('#cb_cate_value_select').html(category.find(item => item.id === parseInt(daPing06Set.cb)).value.map(item => `<option value="${item.id}" ${daPing06Set.cb_value === item.id ? 'selected' : ''}>${item.value}</option>`).join(''));
  219. } else {
  220. $('#cb_cate_value_select').html('<option value="0">请选择值</option>')
  221. }
  222. $('#cb_show_select').find('input').prop('checked', false);
  223. const show_xmgl_array = [];
  224. $('#cb_show_select').find('input').each(function () {
  225. if (daPing06Set.cb_show && daPing06Set.cb_show.length > 0 && daPing06Set.cb_show.includes(parseInt($(this).val()))) {
  226. $(this).prop('checked', true);
  227. show_xmgl_array.push($(this).next().text());
  228. }
  229. });
  230. $('#show_xmgl').text(show_xmgl_array.join('、'));
  231. });
  232. $('#cb_show_select').on('click', function (e) {
  233. e.stopPropagation();
  234. });
  235. $('#cb_show_select input').on('click', function () {
  236. const checked = $('#cb_show_select input:checked');
  237. if (checked.length > 4) {
  238. $(this).prop('checked', false);
  239. toastr.warning('最多只能选择4个');
  240. return;
  241. }
  242. const show_xmgl_array = [];
  243. $('#cb_show_select').find('input').each(function () {
  244. if ($(this).is(':checked')) {
  245. show_xmgl_array.push($(this).next().text());
  246. }
  247. });
  248. $('#show_xmgl').text(show_xmgl_array.join('、'));
  249. });
  250. $('#dp06_save_btn').click(function () {
  251. if ($('#sr_cate_select').val() === '0') {
  252. toastr.warning('请选择工程收入分类');
  253. return;
  254. }
  255. if ($('#sr_cate_value_select').val() === '0') {
  256. toastr.warning('请选择工程收入分类值');
  257. return;
  258. }
  259. if ($('#cb_cate_select').val() === '0') {
  260. toastr.warning('请选择工程成本费用分类');
  261. return;
  262. }
  263. if ($('#cb_cate_value_select').val() === '0') {
  264. toastr.warning('请选择工程成本费用分类值');
  265. return;
  266. }
  267. // if ($('#cb_show_select input:checked').length === 0) {
  268. // toastr.warning('请选择要展示的列');
  269. // return;
  270. // }
  271. daPing06Set.sr = parseInt($('#sr_cate_select').val());
  272. daPing06Set.sr_value = parseInt($('#sr_cate_value_select').val());
  273. daPing06Set.cb = parseInt($('#cb_cate_select').val());
  274. daPing06Set.cb_value = parseInt($('#cb_cate_value_select').val());
  275. daPing06Set.cb_show = $('#cb_show_select input:checked').map((index, item) => parseInt($(item).val())).get();
  276. console.log(daPing06Set);
  277. postData('/setting/datacollect/save', { type: 'save-dp06', daPing06Set }, function (result) {
  278. toastr.success('设置成功');
  279. $('#dpsix-set').modal('hide');
  280. })
  281. });
  282. })
  283. </script>
  284. <% } %>
  285. <script>
  286. $(function () {
  287. let timer = null
  288. let oldSearchVal = null
  289. const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
  290. const accountList = JSON.parse(unescape('<%- escape(JSON.stringify(accountList)) %>'));
  291. const cur_uid = parseInt(<%- ctx.session.sessionUser.accountId %>);
  292. $('#gr-search').bind('input propertychange', function(e) {
  293. oldSearchVal = e.target.value
  294. timer && clearTimeout(timer)
  295. timer = setTimeout(() => {
  296. const newVal = $('#gr-search').val()
  297. let html = ''
  298. if (newVal && newVal === oldSearchVal) {
  299. accountList.filter(item => item && cur_uid !== item.id && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1))).forEach(item => {
  300. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  301. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  302. class="ml-auto">${item.mobile || ''}</span></p>
  303. <span class="text-muted">${item.role || ''}</span>
  304. </dd>`
  305. })
  306. $('.book-list').empty()
  307. $('.book-list').append(html)
  308. } else {
  309. if (!$('.acc-btn').length) {
  310. accountGroup.forEach((group, idx) => {
  311. if (!group) return
  312. html += `<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${idx}" data-type="hide"><i class="fa fa-plus-square"></i>
  313. </a> ${group.groupName}</dt>
  314. <div class="dd-content" data-toggleid="${idx}">
  315. <dd class="border-bottom p-2 mb-0" data-companyid="${group.companyId}"><p class="mb-0 d-flex"><span class="text-primary">该单位下所有组员</span></p></dd>`
  316. group.groupList.forEach(item => {
  317. if (item.id !== cur_uid) {
  318. html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
  319. <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
  320. class="ml-auto">${item.mobile || ''}</span></p>
  321. <span class="text-muted">${item.role || ''}</span>
  322. </dd>`
  323. }
  324. });
  325. html += '</div>'
  326. })
  327. $('.book-list').empty()
  328. $('.book-list').append(html)
  329. }
  330. }
  331. }, 400);
  332. });
  333. // 添加到成员中
  334. $('.book-list').on('click', 'dt', function () {
  335. const idx = $(this).find('.acc-btn').attr('data-groupid')
  336. const type = $(this).find('.acc-btn').attr('data-type')
  337. if (type === 'hide') {
  338. $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
  339. $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o')
  340. $(this).find('.acc-btn').attr('data-type', 'show')
  341. })
  342. } else {
  343. $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
  344. $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square')
  345. $(this).find('.acc-btn').attr('data-type', 'hide')
  346. })
  347. }
  348. return false
  349. });
  350. // 添加到成员中
  351. $('dl').on('click', 'dd', function () {
  352. const id = parseInt($(this).data('id'));
  353. const compnayId = parseInt($(this).data('companyid'));
  354. if (!isNaN(id) && id !== 0) {
  355. postData('/setting/datacollect/save', { type: 'add-audit', id }, function (result) {
  356. setList(result);
  357. })
  358. } else if (!isNaN(compnayId) && compnayId !== 0) {
  359. postData('/setting/datacollect/save', { type: 'add-company', id: compnayId }, function (result) {
  360. setList(result);
  361. })
  362. }
  363. });
  364. // 删除审批人
  365. $('body').on('click', '#audit-list li>a', function () {
  366. console.log($(this).attr('data-id'), $(this).attr('data-type'));
  367. if ($(this).attr('data-type') === 'audit') {
  368. postData('/setting/datacollect/save', { type: 'del-audit', id: $(this).attr('data-id') }, function (result) {
  369. setList(result);
  370. })
  371. } else if ($(this).attr('data-type') === 'group') {
  372. postData('/setting/datacollect/save', { type: 'del-group', id: $(this).attr('data-id') }, function (result) {
  373. setList(result);
  374. })
  375. } else if ($(this).attr('data-type') === 'company') {
  376. postData('/setting/datacollect/save', { type: 'del-company', id: $(this).attr('data-id') }, function (result) {
  377. setList(result);
  378. })
  379. }
  380. });
  381. function setList(datas) {
  382. let list = '';
  383. for (const audit of datas) {
  384. list += '<li class="border-bottom p-2 mb-0"><a href="javascript:void(0)" class="text-danger pull-right" data-id="'+ audit.id +'"' + ' data-type="'+ (audit.uid ? 'audit' : (audit.groupid ? 'group' : 'company')) +'">' +
  385. '<i class="fa fa-remove text-danger remove-audit"></i></a>'+ audit.name +'<small class="text-muted ml-1">'+ (audit.company_id ? '参建单位' : '账号'+ (!audit.uid ? '组' : '')) +'</small></li>';
  386. }
  387. $('#audit-list').html(list);
  388. }
  389. })
  390. </script>