|
@@ -57,7 +57,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="content-wrap" id="big-data">
|
|
|
- <div <% if (ctx.tender.info.display.dayMode) { %>class="dark-color"<% } %> style="height: 70px;display: none" id="exitfull-div">
|
|
|
+ <div style="height: 70px;display: none;<% if (ctx.tender.info.display.dayMode) { %> background-color: #fff;<% } else { %> background-color: #2c3237 !important;<% } %>" id="exitfull-div">
|
|
|
<div class="title-main d-flex">
|
|
|
<div class="ml-auto">
|
|
|
<div class="dropdown d-flex float-left mt-1 mr-2">
|
|
@@ -66,7 +66,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="c-body <% if (ctx.tender.info.display.dayMode) { %>c-body-white<% } else { %>dark-color<% } %>">
|
|
|
+ <div class="c-body <% if (ctx.tender.info.display.dayMode) { %>c-body-white<% } %>" <% if (!ctx.tender.info.display.dayMode) { %>style="background-color: #2c3237 !important;"<% } %>>
|
|
|
<div class="sjs-height-0">
|
|
|
<!--<div class="auto-main-height">-->
|
|
|
<div class="main-height-one">
|
|
@@ -384,11 +384,19 @@
|
|
|
const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
|
|
|
const tender = JSON.parse('<%- JSON.stringify(tender) %>');
|
|
|
const cur_uid = parseInt('<%- ctx.session.sessionUser.accountId %>');
|
|
|
+ const dayMode = <%- ctx.tender.info.display.dayMode %>;
|
|
|
//计量完成概况//
|
|
|
var myChart = echarts.init(document.getElementById('jlchart1')<% if (!ctx.tender.info.display.dayMode) { %>, 'dark'<% } %>);
|
|
|
var option = {
|
|
|
+ <% if (ctx.tender.info.display.dayMode) { %>
|
|
|
+ color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
|
|
|
+ '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
|
|
|
+ '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
|
|
|
+ '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
|
|
|
+ <% } else { %>
|
|
|
color: ['rgba(24,144,255,0.7)','rgba(69,183,149,0.7)','rgba(250,204,20,0.7)','rgba(145,82,225,0.7)','rgba(58,207,221,0.7)','rgba(204,73,80,0.7)','rgba(255,255,225,0.7)'],
|
|
|
- <% if (!ctx.tender.info.display.dayMode) { %>backgroundColor: '#343a40 ',<% } %>
|
|
|
+ backgroundColor: '#343a40 ',
|
|
|
+ <% } %>
|
|
|
tooltip: {
|
|
|
trigger: 'item'
|
|
|
},
|
|
@@ -485,7 +493,14 @@
|
|
|
itemStyle:{
|
|
|
normal:{
|
|
|
color:function(params){
|
|
|
+ <% if (ctx.tender.info.display.dayMode) { %>
|
|
|
+ var colorlist = ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
|
|
|
+ '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
|
|
|
+ '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
|
|
|
+ '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'];
|
|
|
+ <% } else { %>
|
|
|
var colorlist = ['rgba(24,144,255,0.7)','rgba(69,183,149,0.7)','rgba(250,204,20,0.7)','rgba(145,82,225,0.7)','rgba(58,207,221,0.7)','rgba(204,73,80,0.7)','rgba(255,255,225,0.7)'];
|
|
|
+ <% } %>
|
|
|
return colorlist[params.dataIndex];
|
|
|
}
|
|
|
}
|
|
@@ -499,8 +514,15 @@
|
|
|
//章节计量情况图//
|
|
|
var myChart2 = echarts.init(document.getElementById('jlchart3')<% if (!ctx.tender.info.display.dayMode) { %>, 'dark'<% } %>);
|
|
|
var option2 = {
|
|
|
+ <% if (ctx.tender.info.display.dayMode) { %>
|
|
|
+ color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
|
|
|
+ '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
|
|
|
+ '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
|
|
|
+ '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
|
|
|
+ <% } else { %>
|
|
|
color: ['rgba(24,144,255,0.7)','rgba(69,183,149,0.7)','rgba(250,204,20,0.7)','rgba(145,82,225,0.7)','rgba(58,207,221,0.7)','rgba(204,73,80,0.7)','rgba(255,255,225,0.7)'],
|
|
|
- <% if (!ctx.tender.info.display.dayMode) { %>backgroundColor: '#343a40 ',<% } %>
|
|
|
+ backgroundColor: '#343a40 ',
|
|
|
+ <% } %>
|
|
|
tooltip: {
|
|
|
trigger: 'axis',
|
|
|
axisPointer: {
|
|
@@ -588,8 +610,15 @@
|
|
|
//4 标段期数计量进度//
|
|
|
var myChart3 = echarts.init(document.getElementById('chartContainer4')<% if (!ctx.tender.info.display.dayMode) { %>, 'dark'<% } %>);
|
|
|
var option3 = {
|
|
|
+ <% if (ctx.tender.info.display.dayMode) { %>
|
|
|
+ color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
|
|
|
+ '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
|
|
|
+ '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
|
|
|
+ '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
|
|
|
+ <% } else { %>
|
|
|
color: ['rgba(24,144,255,0.7)','rgba(69,183,149,0.7)','rgba(250,204,20,0.7)','rgba(145,82,225,0.7)','rgba(204,73,80,0.7)','rgba(58,207,221,0.7)','rgba(255,255,225,0.7)'],
|
|
|
- <% if (!ctx.tender.info.display.dayMode) { %>backgroundColor: '#343a40 ',<% } %>
|
|
|
+ backgroundColor: '#343a40 ',
|
|
|
+ <% } %>
|
|
|
title : {
|
|
|
text: ''
|
|
|
},
|
|
@@ -755,8 +784,15 @@
|
|
|
// 基于准备好的dom,初始化echarts图表
|
|
|
var myChart4 = echarts.init(document.getElementById('chartContainer3')<% if (!ctx.tender.info.display.dayMode) { %>, 'dark'<% } %>);
|
|
|
var option4 = {
|
|
|
+ <% if (ctx.tender.info.display.dayMode) { %>
|
|
|
+ color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
|
|
|
+ '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
|
|
|
+ '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
|
|
|
+ '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
|
|
|
+ <% } else { %>
|
|
|
color:["#17a2b8","#28a745"],
|
|
|
- <% if (!ctx.tender.info.display.dayMode) { %>backgroundColor: '#343a40 ',<% } %>
|
|
|
+ backgroundColor: '#343a40 ',
|
|
|
+ <% } %>
|
|
|
title : {
|
|
|
text: ''
|
|
|
},
|
|
@@ -913,8 +949,15 @@
|
|
|
//变更审批进度//
|
|
|
var myChart5 = echarts.init(document.getElementById('bgchart')<% if (!ctx.tender.info.display.dayMode) { %>, 'dark'<% } %>);
|
|
|
var option5 = {
|
|
|
+ <% if (ctx.tender.info.display.dayMode) { %>
|
|
|
+ color: ['#e9af68','#57b7b6','#e4575a','#959eac','#6699FF',
|
|
|
+ '#d38b70','#8fb7cf','#cd5c5c','#ffa500','#40e0d0',
|
|
|
+ '#1e90ff','#ff6347','#7b68ee','#00fa9a','#ffd700',
|
|
|
+ '#5c616b','#ff6666','#3cb371','#b8860b','#30e0e0'],
|
|
|
+ <% } else {%>
|
|
|
color: ['rgba(145,82,225,0.7)','rgba(58,207,221,0.7)','rgba(204,73,80,0.7)','rgba(24,144,255,0.7)','rgba(69,183,149,0.7)','rgba(250,204,20,0.7)','rgba(255,255,225,0.7)'],
|
|
|
- <% if (!ctx.tender.info.display.dayMode) { %>backgroundColor: '#343a40 ',<% } %>
|
|
|
+ backgroundColor: '#343a40 ',
|
|
|
+ <% } %>
|
|
|
tooltip: {
|
|
|
trigger: 'item'
|
|
|
},
|
|
@@ -1103,6 +1146,7 @@
|
|
|
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"
|
|
@@ -1122,7 +1166,7 @@
|
|
|
<i class="fa fa-caret-down"></i>
|
|
|
</div>
|
|
|
<div class="timeline-item-content">
|
|
|
- <div class="card bg-dark border-secondary text-white">
|
|
|
+ <div class="card ${darkHTML}">
|
|
|
<div class="card-body p-3">
|
|
|
<div class="card-text">
|
|
|
<p class="mb-1"><span
|
|
@@ -1161,7 +1205,7 @@
|
|
|
|
|
|
}
|
|
|
historyHTML += `<div class="timeline-item-content">
|
|
|
- <div class="card bg-dark border-secondary text-white">
|
|
|
+ <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
|
|
@@ -1202,7 +1246,7 @@
|
|
|
historyHTML += `<div class="timeline-item-icon bg-secondary text-light"></div>`
|
|
|
}
|
|
|
historyHTML += `<div class="timeline-item-content">
|
|
|
- <div class="card bg-dark border-secondary text-white">
|
|
|
+ <div class="card ${darkHTML}">
|
|
|
<div class="card-body p-3">
|
|
|
<div class="card-text">
|
|
|
<p class="mb-1"><span class="h5">${auditor.name}</span>
|