advance.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273
  1. 'use strict';
  2. /**
  3. *
  4. *
  5. * @author lanjianrong
  6. * @date 2020/8/12
  7. * @version
  8. */
  9. $(document).ready(function () {
  10. $('#advance_add').click(function() {
  11. postData(`${window.location.pathname}/${type}/create`, {}, res => {
  12. const html = `<tr>
  13. <td><a href="/tender/${res.tid}/advance/${res.id}/detail" data-id="${res.id}">第${res.order}期</a></td>
  14. <td>${res.pay_ratio || 0}%</td>
  15. <td class="text-right">${formatMoney((res.cur_amount || 0), ',', decimal)}</td>
  16. <td class="text-right">${formatMoney((res.prev_amount || 0), ',', decimal)}</td>
  17. <td class="text-right">${formatMoney((res.prev_total_amount || 0),',', decimal)}</td>
  18. <td><a class="btn btn-sm" href="#file" data-toggle="modal" data-target="#file"><i class="fa fa-paperclip "></i> 3</a></td>
  19. <td>${auditConst.statusString[res.status]}</td>
  20. <td><a href="/tender/${res.tid}/advance/${res.id}/detail" class="btn btn-primary btn-sm">编辑</a></td>
  21. </tr>`
  22. $('#advanceList').prepend(html)
  23. $('#advance_add').remove()
  24. window.location.href = `${window.location.pathname}/${res.id}/detail`
  25. })
  26. return false
  27. })
  28. $('#advanceList').on('click', `a[href="#file"]`, function() {
  29. const { fileList = [] } = advanceList.find(item => item.id === parseInt($(this).data('id')))
  30. $('#file-content').empty()
  31. let html = `<thead>
  32. <tr>
  33. <th width="70%">文件名</th>
  34. <th width="20%">上传时间</th>
  35. <th width="10%">操作</th>
  36. </tr>
  37. </thead>`
  38. fileList.forEach(file => {
  39. html+= `<tr>
  40. <td>${file.filename}</td>
  41. <td>${new Date(file.create_time).toLocaleDateString()}</td>
  42. <td>
  43. <a href="/${file.filepath}" target="_blank" title="下载"><i class="fa fa-download"></i></a>
  44. </td>
  45. </tr>`
  46. })
  47. $('#file-content').append(html)
  48. })
  49. $('a[data-target="#sp-list" ]').on('click', function () {
  50. const id = $(this).data('vid')
  51. postData(`${window.location.pathname.replace('/material', '')}/${id}/auditors`, {}, (res) => {
  52. const { auditHistory, auditors, user } = res
  53. let auditorsHTML = ''
  54. let historyHTML = ''
  55. auditors.forEach((auditor, idx) => {
  56. if (idx === 0) {
  57. auditorsHTML += `<li class="list-group-item">
  58. <i class="fa fa fa-play-circle fa-rotate-90"></i> ${auditor.name}
  59. <small class="text-muted">${auditor.role}</small>
  60. <span class="pull-right">原报</span>
  61. </li>`
  62. } else if(idx === auditors.length -1 && idx !== 0) {
  63. auditorsHTML += `<li class="list-group-item">
  64. <i class="fa fa fa-stop-circle"></i> ${auditor.name}
  65. <small class="text-muted">${auditor.role}</small>
  66. <span class="pull-right">终审</span>
  67. </li>`
  68. } else {
  69. auditorsHTML += `<li class="list-group-item">
  70. <i class="fa fa-chevron-circle-down"></i> ${auditor.name}
  71. <small class="text-muted">${auditor.role}</small>
  72. <span class="pull-right">${transFormToChinese(idx)}审</span>
  73. </li>`
  74. }
  75. })
  76. $('#auditor-list').empty()
  77. $('#auditor-list').append(auditorsHTML)
  78. auditHistory.forEach((auditors, idx) => {
  79. if(idx === auditHistory.length - 1 && auditHistory.length !== 1) {
  80. historyHTML += `<div class="text-right"><a href="javascript: void(0);" id="fold-btn" data-target="show"
  81. >展开历史审批流程</a></div>`
  82. }
  83. historyHTML += `<div class="${idx < auditHistory.length - 1 ? 'fold-card' : ''}">
  84. <div class="text-center text-muted">${idx+1}#</div>
  85. <ul class="timeline-list list-unstyled mt-2">`
  86. auditors.forEach((auditor, index) => {
  87. if (index === 0) {
  88. historyHTML += `<li class="timeline-list-item pb-2">
  89. <div class="timeline-item-date">
  90. ${formatDate(auditor.create_time)}
  91. </div>
  92. <div class="timeline-item-tail"></div>
  93. <div class="timeline-item-icon bg-success text-light">
  94. <i class="fa fa-caret-down"></i>
  95. </div>
  96. <div class="timeline-item-content">
  97. <div class="card">
  98. <div class="card-body p-3">
  99. <div class="card-text">
  100. <p class="mb-1"><span
  101. class="h5">${user.name}</span><span
  102. class="pull-right text-success">${idx !== 0 ? '重新' : ''}上报审批</span>
  103. </p>
  104. <p class="text-muted mb-0">${user.role}</p>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </li>
  110. <li class="timeline-list-item pb-2">
  111. <div class="timeline-item-date">
  112. ${formatDate(auditor.end_time)}
  113. </div>`
  114. if(index < auditors.length - 1) {
  115. historyHTML += `<div class="timeline-item-tail"></div>`
  116. }
  117. if(auditor.status === auditConst.status.checked) {
  118. historyHTML += `<div class="timeline-item-icon bg-success text-light">
  119. <i class="fa fa-check"></i>
  120. </div>`
  121. } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {
  122. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  123. <i class="fa fa-level-up"></i>
  124. </div>`
  125. } else if(auditor.status === auditConst.status.checking) {
  126. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  127. <i class="fa fa-ellipsis-h"></i>
  128. </div>`
  129. } else {
  130. historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
  131. }
  132. historyHTML += `<div class="timeline-item-content">
  133. <div class="card">
  134. <div class="card-body p-3">
  135. <div class="card-text">
  136. <p class="mb-1"><span class="h5">${auditor.name}</span><span
  137. class="pull-right ${auditConst.statusClass[auditor.status]}">${auditConst.statusString[auditor.status]}</span>
  138. </p>
  139. <p class="text-muted mb-0">${auditor.role}</p>
  140. </div>
  141. </div>`
  142. if (auditor.opinion) {
  143. historyHTML += `<div class="card-body p-3 border-top">
  144. <p style="margin: 0;">${auditor.opinion}</p>
  145. </div>`
  146. }
  147. historyHTML += `</div></div></li>`
  148. } else {
  149. historyHTML += `<li class="timeline-list-item pb-2">
  150. <div class="timeline-item-date">
  151. ${formatDate(auditor.end_time)}
  152. </div>`
  153. if(index < auditors.length - 1) {
  154. historyHTML += `<div class="timeline-item-tail"></div>`
  155. }
  156. if(auditor.status === auditConst.status.checked) {
  157. historyHTML += `<div class="timeline-item-icon bg-success text-light">
  158. <i class="fa fa-check"></i>
  159. </div>`
  160. } else if(auditor.status === auditConst.status.checkNo || auditor.status === auditConst.status.checkNoPre) {
  161. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  162. <i class="fa fa-level-up"></i>
  163. </div>`
  164. } else if(auditor.status === auditConst.status.checking) {
  165. historyHTML += `<div class="timeline-item-icon bg-warning text-light">
  166. <i class="fa fa-ellipsis-h"></i>
  167. </div>`
  168. } else {
  169. historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
  170. }
  171. historyHTML += `<div class="timeline-item-content">
  172. <div class="card">
  173. <div class="card-body p-3">
  174. <div class="card-text">
  175. <p class="mb-1"><span class="h5">${auditor.name}</span>
  176. <span
  177. class="pull-right
  178. ${auditConst.statusClass[auditor.status]}">${auditor.status !== auditConst.status.uncheck ? auditConst.statusString[auditor.status] : ''}
  179. ${auditor.status === auditConst.status.checkNo ? user.name : ''}
  180. ${auditor.status === auditConst.status.checkNoPre ? auditors[index-1].name : ''}
  181. </span>
  182. </p>
  183. <p class="text-muted mb-0">${auditor.role}</p>
  184. </div>
  185. </div>`
  186. if (auditor.opinion) {
  187. historyHTML += `<div class="card-body p-3 border-top">
  188. <p style="margin: 0;">${auditor.opinion} </p>
  189. </div>`
  190. }
  191. historyHTML += `</div></div></li>`
  192. }
  193. })
  194. historyHTML += '</ul></div>'
  195. })
  196. $('#audit-list').empty()
  197. $('#audit-list').append(historyHTML)
  198. })
  199. })
  200. function formatMoney(s, dot = ',', decimal = 2) {
  201. if (!s) {
  202. s = 0;
  203. return s.toFixed(decimal);
  204. }
  205. s = parseFloat((s + '').replace(/[^\d\.-]/g, '')).toFixed(decimal) + '';
  206. if (!decimal) {
  207. s += '.';
  208. }
  209. const l = s.split('.')[0].split('').reverse(),
  210. r = s.split('.')[1];
  211. let t = '';
  212. for (let i = 0; i < l.length; i++) {
  213. t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? dot : '');
  214. }
  215. return t.split('').reverse().join('') + (decimal === 0 ? '' : '.' + r);
  216. }
  217. function transFormToChinese(num) {
  218. const changeNum = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'];
  219. const unit = ['', '十', '百', '千', '万'];
  220. num = parseInt(num);
  221. const getWan = temp => {
  222. const strArr = temp.toString().split('').reverse();
  223. let newNum = '';
  224. for (let i = 0; i < strArr.length; i++) {
  225. newNum = (i == 0 && strArr[i] == 0 ? '' : (i > 0 && strArr[i] == 0 && strArr[i - 1] == 0 ? '' : changeNum[strArr[i]] + (strArr[i] == 0 ? unit[0] : unit[i]))) + newNum;
  226. }
  227. return strArr.length === 2 && newNum.indexOf('一十') !== -1 ? newNum.replace('一十', '十') : newNum;
  228. };
  229. const overWan = Math.floor(num / 10000);
  230. let noWan = num % 10000;
  231. if (noWan.toString().length < 4) noWan = '0' + noWan;
  232. return overWan ? getWan(overWan) + '万' + getWan(noWan) : getWan(num);
  233. }
  234. function formatDate(date) {
  235. if (!date) return '';
  236. date = new Date(date)
  237. const year = date.getFullYear();
  238. let mon = date.getMonth() + 1;
  239. let day = date.getDate();
  240. let hour = date.getHours();
  241. let minute = date.getMinutes();
  242. let scond = date.getSeconds();
  243. if (mon < 10) {
  244. mon = '0' + mon.toString();
  245. }
  246. if (day < 10) {
  247. day = '0' + day.toString();
  248. }
  249. if (hour < 10) {
  250. hour = '0' + hour.toString();
  251. }
  252. if (minute < 10) {
  253. minute = '0' + minute.toString();
  254. }
  255. if (scond < 10) {
  256. scond = '0' + scond.toString();
  257. }
  258. return `${year}<span>${mon}-${day}</span><span>${hour}:${minute}:${scond}</span>`;
  259. }
  260. })