rpt_all_popup.ejs 44 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856
  1. <div class="modal fade" id="paper" data-backdrop="static">
  2. <div class="modal-dialog" role="document">
  3. <div class="modal-content">
  4. <div class="modal-header">
  5. <h5 class="modal-title">页边距(毫米)</h5>
  6. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  7. <span aria-hidden="true">&times;</span>
  8. </button>
  9. </div>
  10. <div class="modal-body">
  11. <div class="row mb-1 justify-content-center">
  12. <div class="col-3">
  13. <div class="input-group input-group-sm ">
  14. <div class="input-group-prepend">
  15. <span class="input-group-text">上</span>
  16. </div>
  17. <input type="number" class="form-control form-control-sm" id="elementMargin_Top" value="12" onchange="rptControlObj.changeMargin('Top', this)" onkeyup="rptControlObj.changeMargin('Top', this)">
  18. </div>
  19. </div>
  20. </div>
  21. <div class="row mb-1 align-items-center">
  22. <div class="col-3">
  23. <div class="input-group input-group-sm ">
  24. <div class="input-group-prepend">
  25. <span class="input-group-text">左</span>
  26. </div>
  27. <input type="number" class="form-control form-control-sm" id="elementMargin_Left" value="12" onchange="rptControlObj.changeMargin('Left', this)" onkeyup="rptControlObj.changeMargin('Left', this)">
  28. </div>
  29. </div>
  30. <div class="col-6">
  31. <h1 class="display-4 text-center"><i class="fa fa-file-o"></i></h1>
  32. </div>
  33. <div class="col-3">
  34. <div class="input-group input-group-sm ">
  35. <div class="input-group-prepend">
  36. <span class="input-group-text">右</span>
  37. </div>
  38. <input type="number" class="form-control form-control-sm" id="elementMargin_Right" value="12" onchange="rptControlObj.changeMargin('Right', this)" onkeyup="rptControlObj.changeMargin('Right', this)">
  39. </div>
  40. </div>
  41. </div>
  42. <div class="row mb-1 justify-content-center">
  43. <div class="col-3">
  44. <div class="input-group input-group-sm ">
  45. <div class="input-group-prepend">
  46. <span class="input-group-text">下</span>
  47. </div>
  48. <input type="number" class="form-control form-control-sm" id="elementMargin_Bottom"value="12" onchange="rptControlObj.changeMargin('Bottom', this)" onkeyup="rptControlObj.changeMargin('Bottom', this)">
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. <div class="modal-footer">
  54. <button type="button" class="btn btn-link btn-sm float-left" data-dismiss="modal" onclick="rptControlObj.restoreMargine(); zTreeOprObj.changeCfg();">恢复默认值</button>
  55. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
  56. <a href="javascript:void(0)" class="btn btn-primary btn-sm" data-dismiss="modal" onclick="rptControlObj.confirmCfgChange()">确定</a>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. <div class="modal fade" id="format" data-backdrop="static">
  62. <div class="modal-dialog" role="document">
  63. <div class="modal-content">
  64. <div class="modal-header">
  65. <h5 class="modal-title">格式</h5>
  66. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  67. <span aria-hidden="true">&times;</span>
  68. </button>
  69. </div>
  70. <div class="modal-body">
  71. <div class="row mb-1" id="font_cfg_blank_flag"></div>
  72. <div class="row mb-1">
  73. <div class="col-3">边框线粗</div>
  74. <div class="col-4">
  75. <select class="form-control form-control-sm" id="cfg_border_thick" onchange="rptControlObj.changeBorderWeight(this)"><option>1</option><option>2</option></select>
  76. </div>
  77. </div>
  78. </div>
  79. <div class="modal-footer">
  80. <button type="button" class="btn btn-link btn-sm float-left" data-dismiss="modal" onclick="rptControlObj.restoreFormat(); zTreeOprObj.changeCfg();">恢复默认值</button>
  81. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
  82. <a href="javascript:void(0)" class="btn btn-primary btn-sm" data-dismiss="modal" onclick="rptControlObj.confirmCfgChange()">确定</a>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <!--弹出设置-->
  88. <div class="modal fade" id="setting" data-backdrop="static">
  89. <div class="modal-dialog" role="document">
  90. <div class="modal-content">
  91. <div class="modal-header">
  92. <h5 class="modal-title">设置</h5>
  93. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  94. <span aria-hidden="true">&times;</span>
  95. </button>
  96. </div>
  97. <div class="modal-body">
  98. <div class="row mb-1">
  99. <div class="col-12 mb-1">
  100. <div class="form-check">
  101. <label class="form-check-label">
  102. <input type="checkbox" class="form-check-input" id="cfg_rpt_vertical_line" onchange="rptControlObj.changeCfgOption('showVerticalLine', this)">
  103. 报表边框竖线
  104. </label>
  105. </div>
  106. </div>
  107. <div class="col-12 mb-1">
  108. <div class="form-check">
  109. <label class="form-check-label">
  110. <input type="checkbox" class="form-check-input" id="cfg_rpt_narrow" onchange="rptControlObj.changeCfgOption('isNarrow', this)">
  111. 内容窄体输出
  112. </label>
  113. </div>
  114. </div>
  115. <div class="col-12 mb-1">
  116. <div class="form-check">
  117. <label class="form-check-label">
  118. <input type="checkbox" class="form-check-input" id="cfg_rpt_fill_zero" onchange="rptControlObj.changeCfgOption('fillZero', this)">
  119. 小数补0
  120. </label>
  121. </div>
  122. </div>
  123. <div class="col-12 mb-1" id="cfg_rpt_close_warter_mark_div" >
  124. <div class="form-check">
  125. <label class="form-check-label">
  126. <input type="checkbox" class="form-check-input" id="cfg_rpt_close_warter_mark" onchange="rptControlObj.changeCfgOption('closeWarterMark', this)">
  127. 导出Excel-不带水印
  128. </label>
  129. </div>
  130. </div>
  131. <div class="col-12 mb-1">
  132. <div class="form-check">
  133. <label class="form-check-label">
  134. <input type="checkbox" class="form-check-input" id="cfg_rpt_continuous" onchange="rptControlObj.changeCfgOption('continuousOutput', this)">
  135. 导出Excel-连续输出(仅流水内容报表有效)
  136. </label>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="modal-footer">
  142. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  143. <a href="javascript:void(0)" class="btn btn-primary btn-sm" data-dismiss="modal" onclick="rptControlObj.confirmCfgChange()">确定</a>
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. <div class="modal fade" id="export_excel" data-backdrop="static">
  149. <div class="modal-dialog" role="document">
  150. <div class="modal-content">
  151. <div class="modal-header">
  152. <h5 class="modal-title">批量导出Excel</h5>
  153. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  154. <span aria-hidden="true">&times;</span>
  155. </button>
  156. </div>
  157. <div class="modal-body">
  158. <div class="row">
  159. <div class="col-6">
  160. <div class="card">
  161. <img class="card-img-top" src="/public/images/p2.png">
  162. <div class="card-body px-3">
  163. <div class="form-check">
  164. <input class="form-check-input" type="radio" name="excelExportTypeRadio" id="excelExportType_AllInOneBook" value="option1" checked>
  165. <label class="form-check-label" for="excelExportType_AllInOneBook">
  166. 多个表导出一个Excel文件
  167. </label>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="col-6">
  173. <div class="card">
  174. <img class="card-img-top" src="/public/images/p1.png">
  175. <div class="card-body px-3">
  176. <div class="form-check">
  177. <input class="form-check-input" type="radio" name="excelExportTypeRadio" id="excelExportType_IndividualBook" value="option2" checked>
  178. <label class="form-check-label" for="excelExportType_IndividualBook">
  179. 每个表导出一个Excel文件
  180. </label>
  181. </div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <div class="modal-footer">
  188. <a onclick="rptControlObj.getExcel()" class="btn btn-primary btn-sm" data-dismiss="modal">确定导出</a>
  189. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">取消</button>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="modal fade" id="eSignature" data-backdrop="static">
  195. <div class="modal-dialog" role="document">
  196. <div class="modal-content">
  197. <div class="modal-header">
  198. <h5 class="modal-title">设置电子签名(审核通过后才显示)</h5>
  199. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  200. <span aria-hidden="true">&times;</span>
  201. </button>
  202. </div>
  203. <div class="modal-body" id="eSignatureBodyDiv">
  204. </div>
  205. <div class="modal-footer">
  206. <button type="button" id="btn_cross_tender" class="btn btn-sm btn-link float-left" data-dismiss="modal" data-toggle="modal" data-target="#batch-eSignature" id="batch-setupProjSignature" onclick="rptSignatureHelper.resetESignature(zTreeOprObj.currentRptPageRst, 'batch-eSignatureBodyDiv'); buildTendersTree();">批量设置其他标段</button>
  207. <!--
  208. <button type="button" class="btn btn-sm btn-link float-left" data-toggle="modal" data-target="#batch-eSignature" id="hidden_show_batch_eSignature" style="display:none"></button>
  209. <button type="button" class="btn btn-sm btn-link float-left" data-dismiss="modal" onclick="setTimeout(function(){$('#hidden_show_batch_eSignature').trigger('click');}, 50);">批量设置其他标段</button>
  210. -->
  211. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal" onclick="rptSignatureHelper.removeSelectSignature()">取消</button>
  212. <a href="javascript:void(0);" onclick="rptSignatureHelper.setupAfterSelectSignature()" class="btn btn-primary btn-sm" data-dismiss="modal">确定</a>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="modal fade" id="batch-eSignature" data-backdrop="static">
  218. <div class="modal-dialog modal-lg" role="document">
  219. <div class="modal-content">
  220. <div class="modal-header">
  221. <h5 class="modal-title">批量设置电子签名</h5>
  222. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  223. <span aria-hidden="true">&times;</span>
  224. </button>
  225. </div>
  226. <div class="modal-body">
  227. <div class="row">
  228. <div class="col-6">
  229. <table class="table table-hover table-bordered" id="batch_tenders_individual">
  230. </table>
  231. </div>
  232. <div class="col-6" id="batch-eSignatureBodyDiv"></div>
  233. </div>
  234. <div class="alert alert-warning">批量操作会覆盖已设置好的电子签名,请谨慎操作。</div>
  235. </div>
  236. <div class="modal-footer">
  237. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  238. <a href="javascript:void(0);" onclick="rptSignatureHelper.setupAfterSelectMultiTenders(SELECTED_TENDERS)" class="btn btn-sm btn-primary" data-dismiss="modal">确定</a>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. <!--弹出添加签名人-->
  244. <div class="modal fade" id="add-sign" data-backdrop="static">
  245. <div class="modal-dialog modal-sm" role="document">
  246. <div class="modal-content">
  247. <div class="modal-header">
  248. <h5 class="modal-title">添加签名</h5>
  249. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  250. <span aria-hidden="true">&times;</span>
  251. </button>
  252. </div>
  253. <div class="modal-body">
  254. <ul class="nav nav-tabs justify-content-center mb-1" role="tablist">
  255. <li class="nav-item">
  256. <a class="nav-link active px-3 p-1" data-toggle="tab" href="#adst-1" role="tab">项目</a>
  257. </li>
  258. <li class="nav-item">
  259. <a class="nav-link px-3 p-1" data-toggle="tab" href="#adst-2" role="tab"><i class="fa fa-user"></i> 角色</a>
  260. </li>
  261. <li class="nav-item">
  262. <a class="nav-link px-3 p-1" data-toggle="tab" href="#adst-3" role="tab">最近使用</a>
  263. </li>
  264. </ul>
  265. <div class="tab-content">
  266. <div class="tab-pane fade show active" id="adst-1" role="tabpanel" aria-labelledby="home-tab">
  267. <div class="input-group input-group-sm mt-1 mb-2">
  268. <div class="input-group-prepend">
  269. <span class="input-group-text" id="inputGroup-sizing-sm"><i class="fa fa-search" onclick="rptSignatureHelper.buildSelectableAccount(this);"></i></span>
  270. </div>
  271. <input type="text" id="search_account" class="form-control form-control-sm" placeholder="搜索..." onkeypress="searchAccount()">
  272. </div>
  273. <div class="modal-height-300" id="project_account_select_div">
  274. </div>
  275. </div>
  276. <div class="tab-pane fade" id="adst-2" role="tabpanel" aria-labelledby="profile-tab">
  277. <a href="javascript:void(0)" onclick="rptSignatureHelper.switchAddRoleDiv(this)" class="btn btn-sm btn-link">添加角色</a>
  278. <div class="modal-height-300">
  279. <!--添加角色-->
  280. <div class="card" id="role_select_acc_div" style="display:none">
  281. <div class="p-2">
  282. <div class="input-group input-group-sm mb-1">
  283. <div class="input-group-prepend">
  284. <span class="input-group-text" id="inputGroup-sizing-sm">角色名称</span>
  285. </div>
  286. <input type="text" class="form-control form-control-sm" id="acc_role_name" placeholder="最多10个字符">
  287. </div>
  288. <div class="input-group input-group-sm mb-1">
  289. <div class="input-group-prepend">
  290. <span class="input-group-text" id="inputGroup-sizing-sm">绑定成员</span>
  291. </div>
  292. <select class="form-control form-control-sm" id="project_account_select_dom">
  293. </select>
  294. </div>
  295. <a href="javascript:void(0)" onclick="rptSignatureHelper.createNewRole(this)" class="btn btn-sm btn-primary">添加角色</a>
  296. </div>
  297. </div>
  298. <ul class="list-group p-2" id="existed_roles_ul">
  299. </ul>
  300. </div>
  301. </div>
  302. <div class="tab-pane fade" id="adst-3" role="tabpanel" aria-labelledby="contact-tab">
  303. <div class="modal-height-300">
  304. <ul class="list-group" id="account_used_select_div"></ul>
  305. </div>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. <!--选择审批人-->
  313. <div class="modal fade" id="audit-select" data-backdrop="static">
  314. <div class="modal-dialog" role="document">
  315. <div class="modal-content">
  316. <div class="modal-header">
  317. <h5 class="modal-title" id="audit-select-title">重置</h5>
  318. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  319. <span aria-hidden="true">&times;</span>
  320. </button>
  321. </div>
  322. <div class="modal-body">
  323. <table class="table table-bordered">
  324. <tr><th style="width: 50%">报表数据</th><th>审批人</th></tr>
  325. <tbody id="audit-select-list">
  326. </tbody>
  327. </table>
  328. <div id="audit-select-hint" class="text-danger">
  329. </div>
  330. </div>
  331. <div class="modal-footer">
  332. <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
  333. <button id="audit-select-ok" class="btn btn-primary btn-sm" onclick="rptCustomObj.resetAuditSelect(this)">确定</button>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. <!--选择标段-->
  339. <div class="modal fade" id="gather-select" data-backdrop="static">
  340. <div class="modal-dialog modal-lg" role="document">
  341. <div class="modal-content">
  342. <div class="modal-header">
  343. <h5 class="modal-title" id="gather-select-title">选择标段</h5>
  344. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  345. <span aria-hidden="true">&times;</span>
  346. </button>
  347. </div>
  348. <div class="modal-body">
  349. <div class="row">
  350. <div class="col-6">
  351. <h5>可选标段 </h5>
  352. <div class="modal-height-300" id="gather-source-spread" style="height: 330px">
  353. </div>
  354. </div>
  355. <div class="col-6">
  356. <h5>已选标段 </h5>
  357. <div class="modal-height-300" id="gather-result-spread">
  358. </div>
  359. <div class="mt-1" id="gather-by-month" style="width: 60%" name="gather-type">
  360. <div class="input-group input-group-sm">
  361. <div class="input-group-prepend">
  362. <span class="input-group-text">汇总年月</span>
  363. </div>
  364. <input id="gather-month" class="datepicker-here form-control form-control-sm" auto-close="true" autocomplete="off" placeholder="点击选择年月" data-view="months" data-min-view="months" data-date-format="yyyy-MM" data-language="zh" type="text" autocomplete="off">
  365. </div>
  366. </div>
  367. <div id="gather-by-zone" name="gather-type">
  368. <div class="input-group input-group-sm">
  369. <div class="input-group-prepend">
  370. <span class="input-group-text">汇总周期</span>
  371. </div>
  372. <input id="gather-zone" class="datepicker-here form-control mt-0" placeholder="点击选择周期" data-range="true" data-multiple-dates-separator=" - " data-min-view="months" data-view="months" data-date-format="yyyy-MM" data-language="zh" type="text" autocomplete="off">
  373. </div>
  374. </div>
  375. <div id="gather-by-stage" name="gather-type">
  376. <div class="input-group input-group-sm">
  377. <div class="input-group-prepend">
  378. <span class="input-group-text">选择期</span>
  379. </div>
  380. <select class="form-control" id="gather-stage">
  381. <option>第1期</option>
  382. </select>
  383. </div>
  384. </div>
  385. <div id="gather-by-stage-zone" name="gather-type">
  386. <div class="input-group input-group-sm">
  387. <div class="input-group-prepend">
  388. <span class="input-group-text">汇总</span>
  389. </div>
  390. <select class="form-control" id="gather-stage-begin">
  391. <option>第1期</option>
  392. </select>
  393. <div class="input-group-prepend">
  394. <span class="input-group-text">至</span>
  395. </div>
  396. <select class="form-control" id="gather-stage-end">
  397. <option>第5期</option>
  398. </select>
  399. </div>
  400. </div>
  401. </div>
  402. <div class="text-danger text-center ml-3" id="gather-hint">我是提示呀</div>
  403. </div>
  404. </div>
  405. <div class="modal-footer">
  406. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  407. <button class="btn btn-sm btn-primary" id="gather-select-ok">确定</button>
  408. </div>
  409. </div>
  410. </div>
  411. </div>
  412. <div class="modal fade" id="stage-select" data-backdrop="static">
  413. <div class="modal-dialog" role="document">
  414. <div class="modal-content">
  415. <div class="modal-header">
  416. <h5 class="modal-title" id="stage-select-title">选择期</h5>
  417. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  418. <span aria-hidden="true">&times;</span>
  419. </button>
  420. </div>
  421. <div class="modal-body">
  422. <div class="row">
  423. <% for (const s of stages) { %>
  424. <div class="col-3">
  425. <div class="custom-control custom-checkbox custom-control-inline">
  426. <input type="checkbox" id="stage-select-<%- s.order %>" name="stage-select-check" stage-order="<%- s.order %>" class="custom-control-input">
  427. <label class="custom-control-label" for="stage-select-<%- s.order %>">第<%- s.order %>期</label>
  428. </div>
  429. </div>
  430. <% } %>
  431. </div>
  432. <div class="alert alert-danger my-2 p-2" id="stage-select-hint">我是提示呀</div>
  433. </div>
  434. <div class="modal-footer">
  435. <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
  436. <button class="btn btn-sm btn-primary" id="stage-select-ok">确定</button>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. <!--管理推荐报表-->
  442. <div class="modal fade" id="man-c" data-backdrop="static">
  443. <div class="modal-dialog" role="document">
  444. <div class="modal-content">
  445. <div class="modal-header">
  446. <h5 class="modal-title">管理推荐报表</h5>
  447. </div>
  448. <div class="modal-body">
  449. <div class="modal-height-500" style="overflow: auto;">
  450. <table class="table table-sm table-bordered" id="report_cust_group_common">
  451. </table>
  452. </div>
  453. </div>
  454. <div class="modal-footer">
  455. <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="revertCommonCustRptCfg();">关闭</button>
  456. <!--有结果出现添加-->
  457. <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="updateCustRptCfg()">确认</button>
  458. </div>
  459. </div>
  460. </div>
  461. </div>
  462. <!--管理定制报表-->
  463. <div class="modal fade" id="man-i" data-backdrop="static">
  464. <div class="modal-dialog" role="document">
  465. <div class="modal-content">
  466. <div class="modal-header">
  467. <h5 class="modal-title">管理定制报表</h5>
  468. </div>
  469. <div class="modal-body">
  470. <div class="modal-height-500" style="overflow: auto;">
  471. <table class="table table-sm table-bordered" id="report_cust_group_individual">
  472. </table>
  473. </div>
  474. </div>
  475. <div class="modal-footer">
  476. <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="revertIndividualCustRptCfg();">关闭</button>
  477. <!--有结果出现添加-->
  478. <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="updateCustRptCfg()">确认</button>
  479. </div>
  480. </div>
  481. </div>
  482. </div>
  483. <% include ../stage/audit_modal.ejs %>
  484. <script>
  485. zTreeOprObj.getCustomerCfg();
  486. zTreeOprObj.iniFontCfgDom(CUST_CFG);
  487. buildCustRptCommon('report_cust_group_common', ORG_TOP_TREE_NODES[1], CUST_TREE_NODES.common, 'true');
  488. buildCustRptCommon('report_cust_group_individual', ORG_TOP_TREE_NODES[0], CUST_TREE_NODES.customize, 'false');
  489. let SELECTED_TENDERS = [];
  490. function buildTendersTree() {
  491. let sortedCat = [];
  492. SELECTED_TENDERS = [];
  493. for (const cat of category) {
  494. if (cat.level > 0) {
  495. sortedCat.push(cat);
  496. }
  497. }
  498. let treeCache = [];
  499. //1. 选择用户已设置的分类
  500. if (sortedCat.length > 0) {
  501. sortedCat.sort(function(i1, i2){
  502. return i1.level - i2.level;
  503. });
  504. const _createItems = function (parentItems, grpLv) {
  505. if (grpLv < sortedCat.length) {
  506. let cat = sortedCat[grpLv];
  507. for (const nv of cat.value) {
  508. let item = {
  509. name: nv.value,
  510. id : nv.id,
  511. cid : nv.cid,
  512. items: [],
  513. isParent: true
  514. };
  515. parentItems.push(item);
  516. _createItems(item.items, grpLv + 1);
  517. }
  518. }
  519. }
  520. _createItems(treeCache, 0);
  521. }
  522. //2. 建立treeNodes
  523. for (const tender of tenders) {
  524. if (tender.category && tender.category.length > 0) {
  525. for (const cat of tender.category) {
  526. }
  527. }
  528. }
  529. //3. 把标段挂上去
  530. let tmpCacheArr = []; //这个临时用来储存相应标段节点挂接信息
  531. let _putTender = function (catLv, tender, parentItems) {
  532. if (catLv < tender.category.length && tender.lastStage !== undefined && tender.lastStage !== null) {
  533. let isSorted = false;
  534. for (let sCat of sortedCat) {
  535. if (sCat.id === tender.category[catLv].cid && sCat.level > 0) {
  536. isSorted = true;
  537. break;
  538. }
  539. }
  540. if (isSorted) {
  541. for (const item of parentItems) {
  542. if (item.cid === tender.category[catLv].cid && item.id === tender.category[catLv].value) {
  543. if (item.items.length > 0) {
  544. //递归循环
  545. _putTender(catLv + 1, tender, item.items);
  546. } else {
  547. //就是这个了
  548. let tdItem = {
  549. name: tender.name,
  550. id : -1,
  551. cid : -1,
  552. tender_id: tender.id,
  553. last_stage: tender.lastStage.order,
  554. last_stage_id: tender.lastStage.id,
  555. report_id: zTreeOprObj.currentNode.refId,
  556. signature: '临时',
  557. items: [],
  558. isParent: false
  559. }; //标段节点
  560. //
  561. tmpCacheArr.push([item, tdItem]);
  562. }
  563. }
  564. }
  565. }
  566. }
  567. }
  568. for (const tender of tenders) {
  569. _putTender(0, tender, treeCache);
  570. }
  571. for (const pairItem of tmpCacheArr) {
  572. pairItem[0].items.push(pairItem[1]);
  573. }
  574. //4. 剔除空items的项
  575. let _removeEmptyItems = function (parentItem) {
  576. let rst = false;
  577. if (parentItem.items.length === 0) {
  578. if (parentItem.isParent) {
  579. rst = true;
  580. }
  581. } else {
  582. for (let idx = parentItem.items.length - 1; idx >= 0; idx--) {
  583. if (_removeEmptyItems(parentItem.items[idx])) {
  584. parentItem.items.splice(idx, 1);
  585. }
  586. }
  587. rst = parentItem.items.length === 0;
  588. }
  589. return rst;
  590. }
  591. for (let idx = treeCache.length - 1; idx >= 0; idx--) {
  592. if (_removeEmptyItems(treeCache[idx])) {
  593. treeCache.splice(idx, 1);
  594. }
  595. }
  596. //console.log(treeCache);
  597. //还要请求各标段的原签名数据
  598. let params = {};
  599. params.selectedTenders = [];
  600. let _getTenderRelatedInfos = function(parentItem, rstArr) {
  601. if (parentItem.items.length === 0) {
  602. if (!parentItem.isParent) {
  603. rstArr.push([parentItem.tender_id, parentItem.last_stage_id, parentItem.report_id]);
  604. }
  605. } else {
  606. for (let idx = parentItem.items.length - 1; idx >= 0; idx--) {
  607. _getTenderRelatedInfos(parentItem.items[idx], rstArr);
  608. }
  609. }
  610. };
  611. let _addHint = function(parentItem, relArr) {
  612. if (parentItem.items.length === 0) {
  613. if (!parentItem.isParent) {
  614. for (const rel of relArr) {
  615. if (rel.tender_id === parentItem.tender_id && rel.sid === parentItem.last_stage_id && rel.rpt_id === parentItem.report_id) {
  616. let hintStr = '';
  617. if (rel.rel_content instanceof Array) {
  618. for (let idx = 0; idx < rel.rel_content.length; idx++) {
  619. const dtlRel = rel.rel_content[idx];
  620. if (idx > 0) {
  621. hintStr = hintStr + '、';
  622. }
  623. hintStr = hintStr + '(' + dtlRel.signature_name + ')' + dtlRel.user_name;
  624. }
  625. }
  626. parentItem.signature = hintStr;
  627. break;
  628. }
  629. }
  630. }
  631. } else {
  632. for (let idx = parentItem.items.length - 1; idx >= 0; idx--) {
  633. _getTenderRelatedInfos(parentItem.items[idx], relArr);
  634. }
  635. }
  636. };
  637. for (let idx = treeCache.length - 1; idx >= 0; idx--) {
  638. _getTenderRelatedInfos(treeCache[idx], params.selectedTenders);
  639. }
  640. $.bootstrapLoading.start();
  641. CommonAjax.postXsrfEx("/tender/report_api/getMultiRoleRelationships", params, 30000, true, getCookie('csrfToken'),
  642. function(result){
  643. $.bootstrapLoading.end();
  644. let relArr = result.data;
  645. for (const rel of relArr) {
  646. rel.rel_content = JSON.parse(rel.rel_content);
  647. }
  648. console.log(relArr);
  649. //5. 加hint
  650. for (let idx = treeCache.length - 1; idx >= 0; idx--) {
  651. _addHint(treeCache[idx], relArr);
  652. }
  653. //6. 建树
  654. _buildTenderTree('batch_tenders_individual', treeCache);
  655. }, function(err){
  656. $.bootstrapLoading.end();
  657. }, function(ex){
  658. $.bootstrapLoading.end();
  659. }
  660. );
  661. }
  662. function searchAccount() {
  663. if (event.keyCode == 13) {
  664. rptSignatureHelper.buildSelectableAccount(this);
  665. }
  666. }
  667. function _buildTenderTree(tbDomId, tendersArr) {
  668. let tbDom = $("#" + tbDomId);
  669. tbDom.empty();
  670. //tbDom.append('<tr><th>类别</th><th>包含报表</th><th>显示</th></tr>');
  671. tbDom.append('<thead><tr><th>名称</th><th width="50">计量期</th><th width="40">签名</th><th width="40">选择</th></tr></thead>');
  672. tbDom.append('<tbody>');
  673. const _createRow = function (rowItem, lv) {
  674. let tdClassStr = 'in-' + lv;
  675. if (rowItem.isParent) {
  676. tbDom.append('<tr><td class="' + tdClassStr + '"><i class="fa fa-folder-o"></i>&nbsp;&nbsp;' + rowItem.name + '</td><td></td><td></td><td></td></tr>');
  677. } else {
  678. let hrefStr = '/tender/' + rowItem.tender_id;
  679. //<a href="biaoduan-panel.html" target="_blank">WWUJ-1</a>
  680. let lastStgStr = '';
  681. if (rowItem.last_stage === -1) {
  682. lastStgStr = '台账';
  683. } else {
  684. lastStgStr = '第' + rowItem.last_stage + '期';
  685. }
  686. //let chgStr = 'changeCrossTender(this, SELECTED_TENDERS,' + rowItem.tender_id + ', ' + rowItem.last_stage_id + ', ' + rowItem.report_id + ')';
  687. if (rowItem.signature !== undefined && rowItem.signature !== null && rowItem.signature !== '') {
  688. let hintStr = '<i class="fa fa-exclamation-circle text-primary" data-container="body" data-toggle="tooltip" data-placement="bottom" data-original-title="' + rowItem.signature + '"></i>';
  689. tbDom.append('<tr><td class="' + tdClassStr + '"><a href="' + hrefStr + '" target="_blank">' + rowItem.name + '</a></td><td>' + lastStgStr + '</td><td>' + hintStr + '</td><td><input type="checkbox" onclick="changeCrossTender(this, SELECTED_TENDERS, ' + rowItem.tender_id + ', ' + rowItem.last_stage_id + ', ' + rowItem.report_id + ')' + '"></td></tr>');
  690. } else {
  691. tbDom.append('<tr><td class="' + tdClassStr + '"><a href="' + hrefStr + '" target="_blank">' + rowItem.name + '</a></td><td>' + lastStgStr + '</td><td></td><td><input type="checkbox" onclick="changeCrossTender(this, SELECTED_TENDERS, ' + rowItem.tender_id + ', ' + rowItem.last_stage_id + ', ' + rowItem.report_id + ')' + '"></td></tr>');
  692. }
  693. }
  694. if (rowItem.items && rowItem.items.length > 0) {
  695. for (const subItem of rowItem.items) {
  696. _createRow(subItem, lv + 1);
  697. }
  698. }
  699. }
  700. let grpLv = 1;
  701. for (const tItem of tendersArr) {
  702. _createRow(tItem, grpLv);
  703. }
  704. tbDom.append('</tbody>');
  705. }
  706. function buildCustRptCommon(tbDomId, topTreeNode, checkingArr, isCommonStr) {
  707. let tbDom = $("#" + tbDomId);
  708. tbDom.empty();
  709. tbDom.append('<tr><th>类别</th><th>包含报表</th><th>显示</th></tr>');
  710. let _countAvailableTpls = function (tItem) {
  711. let rst = 0;
  712. if (tItem.nodeType === 1 && tItem.items && tItem.items.length > 0) {
  713. for (const dItem of tItem.items) {
  714. if (dItem.nodeType === 2) {
  715. if (dItem.released) rst++;
  716. } else {
  717. rst += _countAvailableTpls(dItem);
  718. }
  719. }
  720. }
  721. return rst;
  722. };
  723. let _pushRptLine = function (parentItem, rptItem, level, needChk, parentNodeIdStr, thisItemSeq) {
  724. if (rptItem.nodeType === 1) {
  725. let amt = _countAvailableTpls(rptItem);
  726. if (amt > 0) {
  727. let padding_leftStr = '';
  728. // classStr = '',
  729. if (level > 0) {
  730. // classStr = 'pl-' + (level + 3);
  731. let rem = 1.5 * level;
  732. padding_leftStr = 'padding-left: ' + rem + 'rem!important'; //不受层数限制
  733. }
  734. if (needChk) {
  735. let chkName = parentItem.name + FOLDER_SEPERATER + rptItem.name;
  736. let checkedStr = (checkingArr.indexOf(chkName) >= 0) ? ' checked' : '';
  737. let sIdStr = parentNodeIdStr + '_sub_' + thisItemSeq;
  738. // tbDom.append('<tr><td class="' + classStr + '">' + rptItem.name + '</td><td>' + amt + '</td><td><input id="' + sIdStr + '" onchange="changeFolder(this, ' + isCommonStr + ', \'' + parentNodeIdStr + '\' )" hiddenval="' + chkName + '" type="checkbox"' + checkedStr + '></td></tr>');
  739. tbDom.append('<tr><td style="' + padding_leftStr + '">' + rptItem.name + '</td><td>' + amt + '</td><td><input id="' + sIdStr + '" onchange="changeFolder(this, ' + isCommonStr + ', \'' + parentNodeIdStr + '\' )" hiddenval="' + chkName + '" type="checkbox"' + checkedStr + '></td></tr>');
  740. } else {
  741. // tbDom.append('<tr><td class="' + classStr + '">' + rptItem.name + '</td><td>' + amt + '</td><td></td></tr>');
  742. tbDom.append('<tr><td style="' + padding_leftStr + '">' + rptItem.name + '</td><td>' + amt + '</td><td></td></tr>');
  743. }
  744. if (rptItem.items && rptItem.items.length > 0) {
  745. for (const subItem of rptItem.items) {
  746. _pushRptLine(rptItem, subItem, level + 1, true, '');
  747. }
  748. }
  749. }
  750. }
  751. }
  752. let TplAmts = [];
  753. let parentIdx = 0;
  754. let subCnt = topTreeNode.items.length;
  755. for (const topItem of topTreeNode.items) {
  756. const avRpts = _countAvailableTpls(topItem);
  757. if (avRpts > 0) {
  758. TplAmts.push(avRpts);
  759. let checkedStr = (checkingArr.indexOf(topItem.name) >= 0) ? ' checked' : '';
  760. let pIdStr = tbDomId + '_' + parentIdx + '_' + subCnt;
  761. tbDom.append('<tr><td>' + topItem.name + '</td><td>' + TplAmts[TplAmts.length - 1] + '</td><td><input id="' + pIdStr + '" onchange="changeFolder(this, ' + isCommonStr + ', null)" hiddenval="' + topItem.name + '" type="checkbox"' + checkedStr + '></td></tr>');
  762. if (topItem.items && topItem.items.length > 0) {
  763. let subSeq = 0;
  764. for (const subItem of topItem.items) {
  765. _pushRptLine(topItem, subItem, 1, true, pIdStr, subSeq);
  766. }
  767. subSeq++;
  768. }
  769. parentIdx++;
  770. }
  771. }
  772. }
  773. function updateCustRptCfg(){
  774. let params = {};
  775. params.nodeItems = CUST_TREE_NODES;
  776. CommonAjax.postXsrfEx("/tender/report_api/updateCustNode", params, 60000, true, getCookie('csrfToken'),
  777. function(result){
  778. try {
  779. // console.log(result);
  780. ORG_CUST_TREE_NODES.common = JSON.parse(JSON.stringify(CUST_TREE_NODES.common));
  781. ORG_CUST_TREE_NODES.customize = JSON.parse(JSON.stringify(CUST_TREE_NODES.customize));
  782. //刷新报表模板树
  783. TOP_TREE_NODES = JSON.parse(JSON.stringify(ORG_TOP_TREE_NODES));
  784. // 移除未被选择的模板
  785. filterUnchkTplTreeNode(TOP_TREE_NODES[0], CUST_TREE_NODES.customize);
  786. filterUnchkTplTreeNode(TOP_TREE_NODES[1], CUST_TREE_NODES.common);
  787. zTreeOprObj.getReportTemplateTree();
  788. } catch(err) {
  789. }
  790. }, function(err){
  791. // hintBox.unWaitBox();
  792. }, function(ex){
  793. // hintBox.unWaitBox();
  794. }
  795. );
  796. }
  797. function revertCommonCustRptCfg(){
  798. CUST_TREE_NODES.common = JSON.parse(JSON.stringify(ORG_CUST_TREE_NODES.common));
  799. buildCustRptCommon('report_cust_group_common', ORG_TOP_TREE_NODES[1], CUST_TREE_NODES.common, 'true');
  800. }
  801. function revertIndividualCustRptCfg(){
  802. CUST_TREE_NODES.customize = JSON.parse(JSON.stringify(ORG_CUST_TREE_NODES.customize));
  803. buildCustRptCommon('report_cust_group_individual', ORG_TOP_TREE_NODES[0], CUST_TREE_NODES.customize, 'false');
  804. }
  805. function changeCrossTender(dom, rstArr, tenderId, stageId, reportId) {
  806. if (dom.checked) {
  807. let item = [tenderId, stageId, reportId];
  808. rstArr.push(item);
  809. } else {
  810. for (let idx = rstArr.length - 1; idx >= 0; idx--) {
  811. if (rstArr[idx][0] === tenderId && rstArr[idx][1] === stageId && rstArr[idx][2] === reportId) {
  812. rstArr.splice(idx, 1); //删除当前标段
  813. //这里不break,防止一些冗余数据
  814. }
  815. }
  816. }
  817. }
  818. function changeFolder(dom, isCommon, parentIdStr) {
  819. let prop = null;
  820. if (isCommon) {
  821. prop = CUST_TREE_NODES.common;
  822. } else {
  823. prop = CUST_TREE_NODES.customize;
  824. }
  825. let idx = prop.indexOf(dom.attributes['hiddenval'].value);
  826. if (dom.checked) {
  827. if (idx < 0) {
  828. prop.push(dom.attributes['hiddenval'].value);
  829. if (parentIdStr === null) {
  830. //这是父节点,需要把所有子节点都勾上
  831. //后期补上
  832. }
  833. }
  834. } else {
  835. if (idx >= 0) {
  836. prop.splice(idx, 1);
  837. if (parentIdStr === null) {
  838. //这是父节点,需要把所有子节点都uncheck
  839. //后期补上
  840. }
  841. }
  842. }
  843. }
  844. </script>