From c03085a0483484c10cb1c60b59e58b9021347a39 Mon Sep 17 00:00:00 2001
From: xzt <1113240624@qq.com>
Date: Wed, 22 May 2024 09:51:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../projectInfo/projectProcess/baseMsg.vue    |   2 +-
 .../options/engineeringQualityInspection.vue  |   4 +-
 .../earlyWarningManage/warning/index.vue      |  20 +-
 .../gateway/earlyWarningDivisionSituation.vue | 129 +++++----
 .../views/gateway/fundControlSituation.vue    | 255 +++++++++++++++++-
 5 files changed, 357 insertions(+), 53 deletions(-)

diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue
index dd3f1a8e..15a81c28 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/baseMsg.vue
@@ -533,7 +533,7 @@
               />
             </el-form-item>
           </el-col>
-          <el-col :span="12">
+          <el-col :span="12" v-if="form.isApproval == '1'">
             <el-form-item label="行政区划" prop="adcd">
               <!-- <el-input v-model="form.adcd" placeholder="请输入行政区划" /> -->
               <el-cascader
diff --git a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/qualityControl/options/engineeringQualityInspection.vue b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/qualityControl/options/engineeringQualityInspection.vue
index b4b8ed89..37869132 100644
--- a/jwtech-admin-page/src/views/building/projectInfo/projectProcess/qualityControl/options/engineeringQualityInspection.vue
+++ b/jwtech-admin-page/src/views/building/projectInfo/projectProcess/qualityControl/options/engineeringQualityInspection.vue
@@ -476,12 +476,12 @@
             </div>
           </template>
         </el-table-column>
-        <el-table-column
+        <!-- <el-table-column
           label="工程监测id"
           align="center"
           prop="supervisionId"
           min-width="120"
-        />
+        /> -->
         <el-table-column
           label="上传时间"
           align="center"
diff --git a/jwtech-admin-page/src/views/evaluationEarlyWarning/earlyWarningManage/warning/index.vue b/jwtech-admin-page/src/views/evaluationEarlyWarning/earlyWarningManage/warning/index.vue
index a9c29927..37bf7238 100644
--- a/jwtech-admin-page/src/views/evaluationEarlyWarning/earlyWarningManage/warning/index.vue
+++ b/jwtech-admin-page/src/views/evaluationEarlyWarning/earlyWarningManage/warning/index.vue
@@ -143,13 +143,29 @@
         :formatter="isBelongFormat"
         min-width="120"
       />
-      <el-table-column
+      <!-- <el-table-column
         label="项目阶段"
         align="center"
         prop="projectPhase"
         :formatter="projectPhaseFormat"
         min-width="120"
-      />
+      /> -->
+      <el-table-column
+        label="预警状态"
+        align="center"
+        prop="alertType"
+        min-width="120"
+      >
+        <template slot-scope="scope">
+          {{
+            scope.row.alertType == "0"
+              ? "预警"
+              : scope.row.alertType == "1"
+              ? "提醒"
+              : "无预警"
+          }}
+        </template>
+      </el-table-column>
 
       <!-- <el-table-column
         label="亮灯情况"
diff --git a/jwtech-admin-page/src/views/gateway/earlyWarningDivisionSituation.vue b/jwtech-admin-page/src/views/gateway/earlyWarningDivisionSituation.vue
index 265a8ffd..964160ff 100644
--- a/jwtech-admin-page/src/views/gateway/earlyWarningDivisionSituation.vue
+++ b/jwtech-admin-page/src/views/gateway/earlyWarningDivisionSituation.vue
@@ -31,7 +31,24 @@
         </div>
       </div>
       <div class="left_content">
-        <div ref="myEcharts" class="myEharts"></div>
+        <div class="statistics">
+          <div class="stat_item">
+            风险总数
+            <span>112</span>
+            个
+          </div>
+          <div class="stat_item">
+            未处置
+            <span>50</span>
+            个
+          </div>
+          <div class="stat_item">
+            已解除
+            <span>23</span>
+            个
+          </div>
+        </div>
+        <div ref="myEcharts" class="myEcharts"></div>
       </div>
     </div>
     <div class="page_right">
@@ -68,18 +85,18 @@
         <div class="wait">
           <div class="wait_title">待办事项(个)</div>
           <div class="wait_no">16</div>
-          <img src="@/assets/image/Frame1.png" alt="" />
+          <!-- <img src="@/assets/image/Frame1.png" alt="" /> -->
         </div>
         <div class="finishAndDelay">
           <div class="finish">
             <div class="finish_title">待办事项(个)</div>
-            <div class="finish_no">16</div>
-            <img src="@/assets/image/Frame2.png" alt="" />
+            <div class="finish_no">145</div>
+            <!-- <img src="@/assets/image/Frame2.png" alt="" /> -->
           </div>
           <div class="delay">
             <div class="delay_title">待办事项(个)</div>
-            <div class="delay_no">16</div>
-            <img src="@/assets/image/Frame3.png" alt="" />
+            <div class="delay_no">3</div>
+            <!-- <img src="@/assets/image/Frame3.png" alt="" /> -->
           </div>
         </div>
         <div class="rate">
@@ -151,18 +168,25 @@ export default {
     },
     initEcharts() {
       var chartDom = this.$refs.myEcharts;
-      console.log(111, chartDom);
       var myChart = echarts.init(chartDom);
       var option;
 
       option = {
+        title: {
+          text: "单位：条",
+          x: 18,
+          textStyle: {
+            color: "rgba(38, 38, 38, 0.65)",
+            fontSize: 12,
+          },
+        },
         tooltip: {
           trigger: "axis",
           axisPointer: {
             type: "shadow",
           },
         },
-        color: ["#36A3D9", "#F29130"],
+        // color: ["#36A3D9", "#F29130"],
         legend: {
           right: 10,
           itemHeight: 10,
@@ -208,6 +232,7 @@ export default {
         ],
         yAxis: [
           {
+            // name: "单位：条",
             type: "value",
             axisLine: {
               show: false,
@@ -279,7 +304,7 @@ export default {
 .page {
   width: 1200px;
   height: 488px;
-  // background: skyblue;
+  background: #fff;
   display: flex;
   justify-content: space-between;
   .page_left {
@@ -293,7 +318,7 @@ export default {
       width: 792px;
       height: 76px;
       background: #f3feff;
-      padding: 16px 24px 16px 24px;
+      padding: 16px 24px;
       display: flex;
       justify-content: space-between;
       align-items: center;
@@ -349,9 +374,24 @@ export default {
     }
     .left_content {
       flex: 1;
-      .myEharts {
-        width: 100%;
-        height: 100%;
+      border-radius: 4px;
+      padding-left: 40px;
+      .statistics {
+        height: 20%;
+        display: flex;
+        align-items: center;
+        .stat_item {
+          color: #262626;
+          font-size: 14px;
+          margin-left: 30px;
+          & > span {
+            font-size: 25px;
+          }
+        }
+      }
+      .myEcharts {
+        // width: 100%;
+        height: 80%;
       }
     }
   }
@@ -430,12 +470,9 @@ export default {
         height: 102px;
         padding: 16px 24px;
         border-radius: 4px;
-        background: linear-gradient(
-          180deg,
-          #cff3f6 0%,
-          rgba(207, 243, 246, 0.3) 100%
-        );
-        position: relative;
+        background: url("~@/assets/image/Frame1.png") right bottom no-repeat,
+          linear-gradient(180deg, #cff3f6 0%, rgba(207, 243, 246, 0.3) 100%);
+        // position: relative;
         .wait_title {
           font-size: 14px;
           color: #262626;
@@ -445,11 +482,11 @@ export default {
           font-size: 40px;
           color: #36b29e;
         }
-        & > img {
-          position: absolute;
-          bottom: 0;
-          right: 5px;
-        }
+        // & > img {
+        //   position: absolute;
+        //   bottom: 0;
+        //   right: 5px;
+        // }
       }
       .finishAndDelay {
         display: flex;
@@ -459,13 +496,9 @@ export default {
           width: 160px;
           padding: 16px 24px;
           border-radius: 4px;
-          background: linear-gradient(
-            180deg,
-            #c7f3e3 0%,
-            rgba(199, 243, 227, 0.3) 100%
-          );
-
-          position: relative;
+          background: url("~@/assets/image/Frame2.png") right bottom no-repeat,
+            linear-gradient(180deg, #c7f3e3 0%, rgba(199, 243, 227, 0.3) 100%);
+          // position: relative;
           .finish_title {
             font-size: 14px;
             color: #262626;
@@ -475,23 +508,25 @@ export default {
             font-size: 40px;
             color: #72bf4c;
           }
-          & > img {
-            position: absolute;
-            bottom: 0;
-            right: 5px;
-          }
+          // & > img {
+          //   position: absolute;
+          //   bottom: 0;
+          //   right: 5px;
+          // }
         }
         .delay {
           width: 160px;
           padding: 16px 24px;
           border-radius: 4px;
-          background: linear-gradient(
-            180deg,
-            #ffe4d2 0%,
-            rgba(255, 228, 210, 0.3) 100%
-          );
+          background: url("~@/assets/image/Frame3.png") right bottom no-repeat,
+            linear-gradient(180deg, #ffe4d2 0%, rgba(255, 228, 210, 0.3) 100%);
+          // background: linear-gradient(
+          //   180deg,
+          //   #ffe4d2 0%,
+          //   rgba(255, 228, 210, 0.3) 100%
+          // );
 
-          position: relative;
+          // position: relative;
           .delay_title {
             font-size: 14px;
             color: #262626;
@@ -501,11 +536,11 @@ export default {
             font-size: 40px;
             color: #ff6400;
           }
-          & > img {
-            position: absolute;
-            bottom: 0;
-            right: 5px;
-          }
+          // & > img {
+          //   position: absolute;
+          //   bottom: 0;
+          //   right: 5px;
+          // }
         }
       }
       .rate {
diff --git a/jwtech-admin-page/src/views/gateway/fundControlSituation.vue b/jwtech-admin-page/src/views/gateway/fundControlSituation.vue
index feb70206..f99261bd 100644
--- a/jwtech-admin-page/src/views/gateway/fundControlSituation.vue
+++ b/jwtech-admin-page/src/views/gateway/fundControlSituation.vue
@@ -1,3 +1,256 @@
 <template>
-  <div>资金控制情况</div>
+  <div class="page">
+    <div class="page_head">
+      <div class="head_title">
+        <div class="iconSpan">
+          <span class="first"></span>
+          <span class="second"></span>
+        </div>
+        <span class="text">资金控制情况</span>
+      </div>
+    </div>
+    <div class="page_content">
+      <div class="content_left">
+        <div class="left_title">资金下发</div>
+        <div class="left_stat">
+          2023年度资金下发
+          <span>200</span>
+          亿 使用进度
+          <span>60%</span>
+        </div>
+        <div class="myEchart1">
+          <div ref="myEcharts1" style="height: 100%"></div>
+        </div>
+      </div>
+      <div class="content_right"></div>
+    </div>
+  </div>
 </template>
+<script>
+import * as echarts from "echarts";
+export default {
+  mounted() {
+    this.initEcharts1();
+  },
+  methods: {
+    initEcharts1() {
+      var chartDom = this.$refs.myEcharts1;
+      var myChart = echarts.init(chartDom);
+      var option;
+
+      option = {
+        title: {
+          text: "单位：亿",
+          // x: 18,
+          textStyle: {
+            color: "rgba(38, 38, 38, 0.65)",
+            fontSize: 12,
+          },
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow",
+          },
+        },
+        color: ["#36A3D9", "#F29130"],
+        legend: {
+          right: 10,
+          itemHeight: 10,
+          itemWidth: 10,
+        },
+        grid: {
+          left: "3%",
+          right: "4%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: [
+          {
+            type: "category",
+            axisLine: {
+              show: false,
+            },
+            axisTick: {
+              show: false,
+            },
+            data: [
+              "广州",
+              "深圳",
+              "佛山",
+              "中山",
+              "惠州",
+              "东莞",
+              "阳江",
+              "韶关",
+              "河源",
+              "肇庆",
+              "珠海",
+              "江门",
+              "汕头",
+              "潮州",
+              "揭阳",
+              "湛江",
+              "茂名",
+              "清远",
+              "梅州",
+            ],
+          },
+        ],
+        yAxis: [
+          {
+            // name: "单位：条",
+            type: "value",
+            axisLine: {
+              show: false,
+            },
+            axisTick: {
+              show: false,
+            },
+            splitLine: {
+              //网格线
+              show: false, //是否显示
+              // lineStyle: {
+              //   //网格线样式
+              //   // color: "#0735a2", //网格线颜色
+              //   // width: 1, //网格线的加粗程度
+              //   type: "dashed", //网格线类型
+              // },
+            },
+          },
+        ],
+        dataZoom: [
+          {
+            type: "inside",
+            show: false,
+            xAxisIndex: [0],
+            start: 0,
+            end: 70,
+            // textStyle: {
+            //   color: "#ccd7d7",
+            // },
+          },
+        ],
+        series: [
+          {
+            name: "已使用",
+            type: "bar",
+            // 重叠
+            stack: "Ad",
+            barMaxWidth: "25%",
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: "rgba(54, 163, 217, 1)" },
+                { offset: 1, color: "rgba(54, 163, 217, 0.2)" },
+              ]),
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: [
+              120, 132, 101, 134, 90, 230, 210, 120, 132, 101, 134, 90, 230,
+              210, 120, 132, 101, 134, 90,
+            ],
+          },
+          {
+            name: "未使用",
+            type: "bar",
+            stack: "Ad",
+            barMaxWidth: "25%",
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                { offset: 0, color: "rgba(242, 145, 48, 1)" },
+                { offset: 1, color: "rgba(242, 145, 48, 0.2)" },
+              ]),
+            },
+            emphasis: {
+              focus: "series",
+            },
+            data: [
+              220, 182, 191, 234, 290, 330, 310, 220, 182, 191, 234, 290, 330,
+              310, 220, 182, 191, 234, 290,
+            ],
+          },
+        ],
+      };
+
+      option && myChart.setOption(option);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.page {
+  width: 1200px;
+  height: 348px;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  // border: 1px solid red;
+  .page_head {
+    height: 58px;
+    background: #f3feff;
+    padding: 16px 24px;
+    display: flex;
+    // justify-content: space-between;
+    align-items: center;
+    .head_title {
+      height: 26px;
+      display: flex;
+      .iconSpan {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-evenly;
+        margin-right: 8px;
+        .first {
+          width: 6px;
+          height: 6px;
+          background: #f86220;
+        }
+        .second {
+          width: 6px;
+          height: 6px;
+          background: #36b29e;
+        }
+      }
+      .text {
+        font-size: 18px;
+        line-height: 26px;
+      }
+    }
+  }
+  .page_content {
+    flex: 1;
+    display: flex;
+    padding: 16px 24px;
+    .content_left {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      // border: 1px solid red;
+      color: #262626;
+      .left_title {
+        height: 24px;
+        line-height: 24px;
+        font-size: 18px;
+        padding-left: 6px;
+        border-left: 4px solid #36b29e;
+      }
+      .left_stat {
+        font-size: 14px;
+        margin: 8px 0;
+        & > span {
+          font-size: 24px;
+        }
+      }
+      .myEchart1 {
+        flex: 1;
+      }
+    }
+    .content_right {
+      flex: 1;
+      // border: 1px solid red;
+    }
+  }
+}
+</style>