投资总控大屏

app/view/datacollect/index_tz.ejs

@@ -1,12 +1,12 @@
 <link href="/public/css/bootstrap/bootstrap-colorpicker.min.css" rel="stylesheet">
-<div class="panel-content">
-    <div class="panel-title fluid border-top-0" style="background:linear-gradient(#ccc, '2%', '#ffffff') !important">
+<div class="panel-content" style="background:#2c3237 !important">
+    <div class="panel-title fluid border-top-0" style="background:#2c3237 !important">
         <div class="title-main d-flex justify-content-between">
             <div class="d-inline-block mr-2"></div>
             <div>
-                <a href="javascript:void(0)"  title="全屏显示" id="showFull"><i class="fa fa-arrows-alt"></i></a>
+                <a href="javascript:void(0)"  title="全屏显示" id="showFull" class="text-white"><i class="fa fa-arrows-alt"></i></a>
                 <div class="btn-group">
-                    <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown" id="zhankai">投资总控</button>
+                    <button type="button" class="btn btn-sm btn-outline-dark text-white dropdown-toggle" data-toggle="dropdown" id="zhankai">投资总控</button>
                     <div class="dropdown-menu" aria-labelledby="zhankai">
                         <% for (const i of ctx.subProject.data_collect_pages) { %>
                             <a class="dropdown-item" href="/sp/<%- ctx.subProject.id %>/datacollect/index/<%- i %>"><% if (i === '7') { %>成本管理<% } else if (i === '8')  { %>投资总控<% } else { %>决策大屏<%- i %><% } %></a>
@@ -17,7 +17,7 @@
         </div>
     </div>
     <div class="content-wrap" id="big-data">
-        <div style="height: 30px;background-color: #d8d8d8; display: none" id="exitfull-div">
+        <div style="height: 30px;background-color: #2c3237; display: none" id="exitfull-div">
             <div class="title-main d-flex">
                 <div class="ml-auto">
                     <div class="dropdown d-flex float-left mt-1 mr-2">
@@ -26,11 +26,11 @@
                 </div>
             </div>
         </div>
-        <div class="c-body" style="background-color: #d8d8d8 !important;">
+        <div class="c-body" style="background:#2c3237 !important;">
             <div class="flex-content">
                 <div class="row m-2">
                     <div class="col-9 m-0 px-0 height-100">
-                        <div class="row m-0 px-0 mb-2 mr-2" style="height: 31vh;background-color: #031c59;">
+                        <div class="row m-0 px-0 mb-2 mr-2 bg-dark" style="height: 31vh;">
                             <div class="col-12 text-white pt-2 pl-3">
                                 <div class="card-big-htext">|  公路总造价占比</div>
                             </div>
@@ -49,7 +49,7 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="row m-0 px-0 mb-2 mr-2" style="height: 31vh;background-color: #031c59;">
+                        <div class="row m-0 px-0 mb-2 mr-2 bg-dark" style="height: 31vh;">
                             <div class="col-12 text-white pt-2 pl-3">
                                 <div class="card-big-htext">|  全过程造价趋势<span class="float-right mr-2">万元&nbsp;</span></div>
                             </div>
@@ -58,11 +58,11 @@
                             </div>
                         </div>
                         <div class="row m-0 px-0 mb-2 mr-2" style="height: 31vh;">
-                            <div class="col-5 px-0 pb-1 height-100" style="background-color: #031c59;">
+                            <div class="col-5 px-0 pb-1 height-100 bg-dark">
                                 <div class="col-12 text-white pt-2 pl-3">
                                     <div class="card-big-htext">|  金额对比<span class="float-right mr-2">万元&nbsp;</span></div>
                                 </div>
-                                <div class="col-12 pb-2 text-white m-0" style="height: 89%;background-color: #031c59;overflow: auto;">
+                                <div class="col-12 pb-2 text-white m-0 bg-dark" style="height: 89%;overflow: auto;">
                                     <style>
                                         .level1-table tbody tr td {
                                             padding: 6px 10px; /* 默认一般是 8~16px，可根据需要继续调小 */
@@ -74,7 +74,7 @@
                                         }
                                     </style>
                                     <table class="level1-table" style="width: 100%; height: 100%;">
-                                        <thead style="height: 27px;border-bottom: 1px solid rgba(255,255,255,0.2);background-color: #122b69;">
+                                        <thead style="height: 27px;border-bottom: 1px solid rgba(255,255,255,0.2);background-color: #2C3034;">
                                             <tr class="text-center">
                                                 <th>分类</th>
                                                 <th>控制目标</th>
@@ -87,7 +87,7 @@
                                 </div>
                             </div>
                             <div class="col-7 m-0 px-0 height-100">
-                                <div class="row ml-2 mr-0 mb-2 height-100" style="background-color: #031c59;">
+                                <div class="row ml-2 mr-0 mb-2 height-100 bg-dark">
                                     <div class="col-12 text-white pt-2 pl-3">
                                         <div class="card-big-htext">|  控制目标与实际投资对比<span class="float-right mr-2">万元&nbsp;</span></div>
                                     </div>
@@ -100,7 +100,7 @@
                     </div>
                     <div class="col-3 m-0 px-0 height-100">
                         <div class="row m-0 px-0 pb-2" style="height: 23.85vh">
-                            <div class="row mx-0 w-100 height-100" style="background-color: #031c59;">
+                            <div class="row mx-0 w-100 height-100 bg-dark">
                                 <div class="col-12 text-white pt-2 pl-3">
                                     <div class="card-big-htext" id="tender1_name">标段1</div>
                                 </div>
@@ -110,7 +110,7 @@
                             </div>
                         </div>
                         <div class="row m-0 px-0 pb-2" style="height: 23.85vh">
-                            <div class="row mx-0 w-100 height-100" style="background-color: #031c59;">
+                            <div class="row mx-0 w-100 height-100 bg-dark">
                                 <div class="col-12 text-white pt-2 pl-3">
                                     <div class="card-big-htext" id="tender2_name">标段2</div>
                                 </div>
@@ -120,7 +120,7 @@
                             </div>
                         </div>
                         <div class="row m-0 px-0 pb-2" style="height: 23.85vh">
-                            <div class="row mx-0 w-100 height-100" style="background-color: #031c59;">
+                            <div class="row mx-0 w-100 height-100 bg-dark">
                                 <div class="col-12 text-white pt-2 pl-3">
                                     <div class="card-big-htext" id="tender3_name">标段3</div>
                                 </div>
@@ -130,7 +130,7 @@
                             </div>
                         </div>
                         <div class="row m-0 pb-2 px-0" style="height: 23.85vh">
-                            <div class="row mx-0 w-100 height-100" style="background-color: #031c59;">
+                            <div class="row mx-0 w-100 height-100 bg-dark">
                                 <div class="col-12 text-white pt-2 pl-3">
                                     <div class="card-big-htext" id="tender4_name">标段4</div>
                                 </div>
@@ -172,12 +172,13 @@
                 color: '#fff',
             }
         },
-        color: ['#009DFF', '#22E4FF',   '#3BFFD0', '#04E38A',
-            '#00FFBB', '#9DFF86', '#6FFFEC', '#5AD2FF',
-            '#00BFFF', '#66FFB2', '#29FFC9', '#7BE7FF',
-            '#1EE8B6', '#8CF7FF',
-        ],
-        backgroundColor: '#031c59',
+        color: ['rgba(38, 217, 217,0.7)','rgba(78, 139, 229,0.7)',
+            'rgba(78, 229, 139,0.7)','rgba(108, 78, 229,0.7)',
+            'rgba(58,207,221,0.7)','rgba(164, 229, 78,0.7)',
+            'rgba(199, 78, 229,0.7)', 'rgba(229, 92, 174, 0.7)',
+            'rgba(229, 214, 78, 0.7)', 'rgba(241, 87, 96, 0.7)',
+            'rgba(242, 179, 82, 0.7)'],
+        backgroundColor: '#343a40 ',
         series: [
             {
                 name: '金额',
@@ -223,12 +224,13 @@
                 overflow: 'truncate'
             }
         },
-        color: ['#009DFF', '#22E4FF', '#3BFFD0', '#04E38A',
-            '#00FFBB', '#9DFF86', '#6FFFEC', '#5AD2FF',
-            '#00BFFF', '#66FFB2', '#29FFC9', '#7BE7FF',
-            '#1EE8B6', '#8CF7FF',
-        ],
-        backgroundColor: '#031c59',
+        color: ['rgba(38, 217, 217,0.7)','rgba(78, 139, 229,0.7)',
+            'rgba(78, 229, 139,0.7)','rgba(108, 78, 229,0.7)',
+            'rgba(58,207,221,0.7)','rgba(164, 229, 78,0.7)',
+            'rgba(199, 78, 229,0.7)', 'rgba(229, 92, 174, 0.7)',
+            'rgba(229, 214, 78, 0.7)', 'rgba(241, 87, 96, 0.7)',
+            'rgba(242, 179, 82, 0.7)'],
+        backgroundColor: '#343a40 ',
         tooltip: {
             trigger: 'axis',
             axisPointer: {            // 坐标轴指示器，坐标轴触发有效
@@ -316,8 +318,13 @@
                 overflow: 'truncate'
             }
         },
-        color: ['#009DFF', '#22E4FF'],
-        backgroundColor: '#031c59',
+        color: ['rgba(38, 217, 217,0.7)','rgba(78, 139, 229,0.7)',
+            'rgba(78, 229, 139,0.7)','rgba(108, 78, 229,0.7)',
+            'rgba(58,207,221,0.7)','rgba(164, 229, 78,0.7)',
+            'rgba(199, 78, 229,0.7)', 'rgba(229, 92, 174, 0.7)',
+            'rgba(229, 214, 78, 0.7)', 'rgba(241, 87, 96, 0.7)',
+            'rgba(242, 179, 82, 0.7)'],
+        backgroundColor: '#343a40 ',
         tooltip: {
             trigger: 'axis',
             axisPointer: {            // 坐标轴指示器，坐标轴触发有效
@@ -424,8 +431,13 @@
                 overflow: 'truncate'
             }
         },
-        color: ['#009DFF', '#22E4FF', '#3BFFD0'],
-        backgroundColor: '#031c59',
+        color: ['rgba(38, 217, 217,0.7)','rgba(78, 139, 229,0.7)',
+            'rgba(78, 229, 139,0.7)','rgba(108, 78, 229,0.7)',
+            'rgba(58,207,221,0.7)','rgba(164, 229, 78,0.7)',
+            'rgba(199, 78, 229,0.7)', 'rgba(229, 92, 174, 0.7)',
+            'rgba(229, 214, 78, 0.7)', 'rgba(241, 87, 96, 0.7)',
+            'rgba(242, 179, 82, 0.7)'],
+        backgroundColor: '#343a40 ',
         tooltip: {
             trigger: 'axis',
             axisPointer: {            // 坐标轴指示器，坐标轴触发有效