123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303 |
- <!--弹出添加标段-->
- <div class="modal fade" id="add-bd" data-backdrop="static">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">添加新标段</h5>
- </div>
- <div class="modal-body">
- <div class="form-group">
- <label>标段名称<b class="text-danger">*</b></label>
- <input class="form-control form-control-sm" placeholder="输入标段名称" type="text" name="name">
- </div>
- <div class="form-group">
- <style>
- .tooltip-inner {
- max-width: initial;
- }
- </style>
- <label ><b class="text-danger">*</b>计价标准<a style="" href="javascript:void(0)" data-toggle="tooltip" data-placement="right" title="" data-original-title="用于初始化新建模板、项目节、标准清单" class="ml-2"><i class="fa fa-info-circle"></i></a></label>
- <div>
- <% for (const [i, v] of valuations.entries()) { %>
- <div class="form-check form-check-inline mt-2">
- <input class="form-check-input" name="valuation" type="radio" id="valuation<%- v.id %>" value="<%- v.id %>" <% if (i === 0) { %>checked<% } %>>
- <label class="form-check-label" for="valuation<%- v.id %>"><%- v.name %></label>
- </div>
- <% } %>
- </div>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
- <button type="button" class="btn btn-primary btn-sm" id="add-bd-ok">确定添加</button>
- </div>
- </div>
- </div>
- </div>
- <!--弹出分类设置-->
- <div class="modal fade" id="cate-set" data-backdrop="static">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">分类设置</h5>
- </div>
- <div class="modal-body">
- <div class="modal-height-300">
- <ul id="treeLevel" class="ztree"></ul>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
- <button type="button" class="btn btn-primary btn-sm" id="set-cate-ok">确定</button>
- </div>
- </div>
- </div>
- </div>
- <!--弹出计量模式选择-->
- <div class="modal fade" id="jlms" data-backdrop="static">
- <div class="modal-dialog modal-lg" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">选择计量模式</h5>
- <button type="button" class="close" data-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- <div class="modal-body">
- <div class="row">
- <% for (const mt in measureType) { %>
- <div class="col-6">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title"><i class="fa fa-bookmark"></i><%- measureType[mt].title %></h5>
- <p class="card-text"><b><%- measureType[mt].name %></b><%- measureType[mt].hint%></p>
- <a href="#" mst="<%- measureType[mt].value %>" class="btn btn-primary btn-sm">选择他</a>
- </div>
- </div>
- </div>
- <% } %>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="modal fade" id="sp-list" data-backdrop="static">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <h5 class="modal-title">审批进度详情</h5>
- </div>
- <div class="modal-body">
- <div class="modal-height-500" style="overflow: auto" id="audit-list">
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
- </div>
- </div>
- </div>
- </div>
- <script>
- $(document).ready(function () {
- // 获取审批流程
- $('a[data-target="#sp-list" ]').on('click', function () {
- const type = $(this).attr('data-type');
- const data = {
- order: $(this).attr('data-order'),
- };
- const tenderId = $(this).attr('data-tender');
- let url = '';
- let auditConst2 = '';
- if (type === 'stage') {
- url = '/tender/' + tenderId + '/measure/stage/auditors';
- auditConst2 = JSON.parse('<%- JSON.stringify(auditConst.stage) %>');
- } else if (type === 'ledger') {
- url = '/tender/' + tenderId + '/measure/ledger/auditors';
- auditConst2 = JSON.parse('<%- JSON.stringify(auditConst.ledger) %>');
- } else if (type === 'material') {
- url = '/tender/' + tenderId + '/measure/material/auditors';
- auditConst2 = JSON.parse('<%- JSON.stringify(auditConst.material) %>');
- }
- const dayMode = true;
- postData(url, data, function (result) {
- const { auditHistory, auditors, user } = result
- let historyHTML = ''
- const leftAuditors = auditors;
- const darkHTML = !dayMode ? 'bg-dark border-secondary text-white' : '';
- auditHistory.forEach((auditors, idx) => {
- if(idx === auditHistory.length - 1 && auditHistory.length !== 1) {
- historyHTML += `<div class="text-right"><a href="javascript: void(0);" id="fold-btn" data-target="show"
- >展开历史审批流程</a></div>`
- }
- historyHTML += `<div class="${idx < auditHistory.length - 1 ? 'fold-card' : ''}">
- <div class="text-center text-muted">${idx + 1}#</div>
- <ul class="timeline-list list-unstyled mt-2">`
- auditors.forEach((auditor, index) => {
- if (index === 0) {
- historyHTML += `<li class="timeline-list-item pb-2">
- <div class="timeline-item-date">
- ${formatDate(auditor.begin_time, !dayMode)}
- </div>
- <div class="timeline-item-tail"></div>
- <div class="timeline-item-icon bg-success text-light">
- <i class="fa fa-caret-down"></i>
- </div>
- <div class="timeline-item-content">
- <div class="card ${darkHTML}">
- <div class="card-body p-3">
- <div class="card-text">
- <p class="mb-1"><span
- class="h5">${user.name}</span><span
- class="pull-right text-success">${idx !== 0 ? '重新' : ''}上报审批</span>
- </p>
- <p class="text-muted mb-0">${user.role}</p>
- </div>
- </div>
- </div>
- </div>
- </li>
- <li class="timeline-list-item pb-2">
- <div class="timeline-item-date">
- ${formatDate(auditor.end_time, !dayMode)}
- </div>`
- if(index < auditors.length - 1) {
- historyHTML += `<div class="timeline-item-tail"></div>`
- }
- if(auditor.status === auditConst2.status.checked) {
- historyHTML += `<div class="timeline-item-icon bg-success text-light">
- <i class="fa fa-check"></i>
- </div>`
- } else if(auditor.status === auditConst2.status.checkNo || auditor.status === auditConst2.status.checkNoPre) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-level-up"></i>
- </div>`
- } else if(auditor.status === auditConst2.status.checking) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-ellipsis-h"></i>
- </div>`
- } else {
- historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
- }
- historyHTML += `<div class="timeline-item-content">
- <div class="card ${darkHTML}">
- <div class="card-body p-3">
- <div class="card-text">
- <p class="mb-1"><span class="h5">${auditor.name}</span><span
- class="pull-right ${auditConst2.statusClass[auditor.status]}">${auditConst2.statusString[auditor.status]}</span>
- </p>
- <p class="text-muted mb-0">${auditor.role}</p>
- </div>
- </div>`
- if (auditor.opinion) {
- historyHTML += `<div class="card-body p-3 border-top">
- <p style="margin: 0;">${auditor.opinion}</p>
- </div>`
- }
- historyHTML += `</div></div></li>`
- } else {
- historyHTML += `<li class="timeline-list-item pb-2">
- <div class="timeline-item-date">
- ${formatDate(auditor.end_time, !dayMode)}
- </div>`
- if(index < auditors.length - 1) {
- historyHTML += `<div class="timeline-item-tail"></div>`
- }
- if(auditor.status === auditConst2.status.checked) {
- historyHTML += `<div class="timeline-item-icon bg-success text-light">
- <i class="fa fa-check"></i>
- </div>`
- } else if(auditor.status === auditConst2.status.checkNo || auditor.status === auditConst2.status.checkNoPre) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-level-up"></i>
- </div>`
- } else if(auditor.status === auditConst2.status.checking) {
- historyHTML += `<div class="timeline-item-icon bg-warning text-light">
- <i class="fa fa-ellipsis-h"></i>
- </div>`
- } else {
- historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
- }
- historyHTML += `<div class="timeline-item-content">
- <div class="card ${darkHTML}">
- <div class="card-body p-3">
- <div class="card-text">
- <p class="mb-1"><span class="h5">${auditor.name}</span>
- <span
- class="pull-right
- ${auditConst2.statusClass[auditor.status]}">${auditor.status !== auditConst2.status.uncheck ? auditConst2.statusString[auditor.status] : ''}
- ${auditor.status === auditConst2.status.checkNo ? user.name : ''}
- ${auditor.status === auditConst2.status.checkNoPre && auditor.sort - 1 > 0 ? _.find(auditors, { sort: auditor.sort - 1 }).name : ''}
- </span>
- </p>
- <p class="text-muted mb-0">${auditor.role}</p>
- </div>
- </div>`
- if (auditor.opinion) {
- historyHTML += `<div class="card-body p-3 border-top">
- <p style="margin: 0;">${auditor.opinion} </p>
- </div>`
- }
- historyHTML += `</div></div></li>`
- }
- })
- historyHTML += '</ul></div>'
- })
- $('#audit-list').empty()
- $('#audit-list').append(historyHTML)
- });
- });
- // 展开/收起历史审核记录
- $('#audit-list').on('click', 'a', function() {
- const type = $(this).data('target')
- const auditCard = $(this).parent().parent()
- if (type === 'show') {
- $(this).data('target', 'hide')
- auditCard.find('.fold-card').slideDown('swing', () => {
- auditCard.find('#end-target').text($(this).data('idx') + '#')
- auditCard.find('#fold-btn').text('收起历史审核记录')
- })
- } else {
- $(this).data('target', 'show')
- auditCard.find('.fold-card').slideUp('swing', () => {
- auditCard.find('#end-target').text('1#')
- auditCard.find('#fold-btn').text('展开历史审核记录')
- })
- }
- });
- function formatDate(date, dayMode) {
- if (!date) return '';
- date = new Date(date)
- const year = date.getFullYear();
- let mon = date.getMonth() + 1;
- let day = date.getDate();
- let hour = date.getHours();
- let minute = date.getMinutes();
- let scond = date.getSeconds();
- if (mon < 10) {
- mon = '0' + mon.toString();
- }
- if (day < 10) {
- day = '0' + day.toString();
- }
- if (hour < 10) {
- hour = '0' + hour.toString();
- }
- if (minute < 10) {
- minute = '0' + minute.toString();
- }
- if (scond < 10) {
- scond = '0' + scond.toString();
- }
- return `${year}<span class="${dayMode ? 'text-light' : ''}">${mon}-${day}</span><span class="${dayMode ? 'text-light' : ''}">${hour}:${minute}:${scond}</span>`;
- };
- })
- </script>
|