From 546289b6efe14e6e22f728d8514b762d17c068c6 Mon Sep 17 00:00:00 2001
From: panyuyi <panyuyi@datametatech.com>
Date: Tue, 11 Mar 2025 23:37:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../inspectionRecordDetails.vue               | 243 ++++++++++--------
 .../overviewAnalysis/index.vue                |   4 +-
 .../patrolItemsManage/index.vue               |   2 +-
 .../statisticsAnalysis/index.vue              | 187 +++++++++++++-
 vue.config.js                                 |   4 +-
 5 files changed, 317 insertions(+), 123 deletions(-)

diff --git a/src/views/dike/runManage/patrolMaintenance/componentsDetails/inspectionRecordDetails.vue b/src/views/dike/runManage/patrolMaintenance/componentsDetails/inspectionRecordDetails.vue
index f1b5326..414d58f 100644
--- a/src/views/dike/runManage/patrolMaintenance/componentsDetails/inspectionRecordDetails.vue
+++ b/src/views/dike/runManage/patrolMaintenance/componentsDetails/inspectionRecordDetails.vue
@@ -4,7 +4,13 @@
     <div class="table-box">
       <div class="form-row-title">巡查路线</div>
       <div class="patrol-box">
-        <el-form ref="form" :model="form" :rules="rules" label-width="120px" label-position="right">
+        <el-form
+          ref="form"
+          :model="form"
+          :rules="rules"
+          label-width="120px"
+          label-position="right"
+        >
           <el-form-item label="巡查人:" prop="createName">
             {{ form.createName }}
           </el-form-item>
@@ -40,17 +46,18 @@
               maxlength="200"
               show-word-limit
               resize="none"
-              v-model="form.scope">
+              v-model="form.scope"
+            >
             </el-input>
           </el-form-item>
         </el-form>
         <div class="map-box">
-<!--          <SyMixMap-->
-<!--            :showPosition="false"-->
-<!--            :entries="entries"-->
-<!--            :canEdit="false"-->
-<!--            :traceList="traceList"-->
-<!--          ></SyMixMap>-->
+          <!--          <SyMixMap-->
+          <!--            :showPosition="false"-->
+          <!--            :entries="entries"-->
+          <!--            :canEdit="false"-->
+          <!--            :traceList="traceList"-->
+          <!--          ></SyMixMap>-->
         </div>
       </div>
       <div class="form-row-title">巡查项</div>
@@ -58,21 +65,24 @@
       <el-table
         :height="tableHeight"
         :data="tableData"
-        style="margin-bottom: 16px;"
+        style="margin-bottom: 16px"
         border
       >
         <el-table-column prop="name" align="center" label="巡查部位" />
         <el-table-column prop="content" align="center" label="检查内容" />
       </el-table>
       <div class="form-row-title">缺陷问题列表</div>
-      <div class="flex-1 flex justify-end search-item" style="margin-bottom: 16px;">
+      <div
+        class="flex-1 flex justify-end search-item"
+        style="margin-bottom: 16px"
+      >
         <el-button
           size="small"
           :disabled="$route.query.mode === 'check'"
           class="flex-shrink-0 myml-12"
           type="success"
           @click="addProblems"
-        >新增</el-button
+          >新增</el-button
         >
         <el-button
           type="danger"
@@ -80,7 +90,7 @@
           class="flex-shrink-0"
           @click="delProblems"
           size="small"
-        >删除</el-button
+          >删除</el-button
         >
       </div>
       <el-table
@@ -90,22 +100,23 @@
         border
       >
         <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column prop="parts" label="巡查部位">
+        <el-table-column prop="itemId" label="巡查部位">
           <template slot-scope="scope">
             <el-select
               clearable
               size="small"
               class="w-202 ml-10"
               :disabled="$route.query.mode === 'check'"
-              v-model="scope.row.parts"
+              v-model="scope.row.itemId"
               filterable
+              @change="handleChangeSelectParts(scope.row)"
               placeholder="请选择"
             >
               <el-option
                 v-for="item in tableData"
                 :key="item.id"
                 :label="item.name"
-                :value="item.parts"
+                :value="item.id"
               >
               </el-option>
             </el-select>
@@ -153,17 +164,19 @@
         <el-table-column align="center" label="缺陷照片">
           <template slot-scope="scope">
             <div class="imgBox">
-              <div
-                class="imgList"
-                v-for="item in scope.row.problemImages"
-              >
+              <div class="imgList" v-for="item in scope.row.problemImages">
                 <el-image
-                  style="width: 40px; height: 40px;"
+                  style="width: 40px; height: 40px"
                   :src="item"
-                  :preview-src-list="scope.row.problemImages">
+                  :preview-src-list="scope.row.problemImages"
+                >
                 </el-image>
-                <div class="delImg" v-if="$route.query.mode !== 'check'" @click="delImage(item, scope.row.problemImages)">
-                    ×
+                <div
+                  class="delImg"
+                  v-if="$route.query.mode !== 'check'"
+                  @click="delImage(item, scope.row.problemImages)"
+                >
+                  ×
                 </div>
               </div>
             </div>
@@ -172,8 +185,8 @@
         <el-table-column prop="status" align="center" label="维养状态">
           <template slot-scope="scope">
             <span>{{
-                getDictLabelName(scope.row.status, "maintenanceStatus")
-              }}</span>
+              getDictLabelName(scope.row.status, "maintenanceStatus")
+            }}</span>
           </template>
         </el-table-column>
         <el-table-column
@@ -184,16 +197,30 @@
           width="168"
         >
           <template slot-scope="scope">
-            <div style="display:flex;">
+            <div style="display: flex">
               <el-upload
                 class=""
                 action="#"
-                :http-request="(e) => {handleUploadProject(e, scope.row)}"
-                :before-upload="(e) => {beforeUploadProject(e, scope.row)}"
+                :http-request="
+                  (e) => {
+                    handleUploadProject(e, scope.row);
+                  }
+                "
+                :before-upload="
+                  (e) => {
+                    beforeUploadProject(e, scope.row);
+                  }
+                "
                 :show-file-list="false"
                 accept=".png,.jpg,.jpeg"
               >
-                <el-button :disabled="$route.query.mode === 'check'" size="small" style="margin-right: 10px;" type="text">上传图片</el-button>
+                <el-button
+                  :disabled="$route.query.mode === 'check'"
+                  size="small"
+                  style="margin-right: 10px"
+                  type="text"
+                  >上传图片</el-button
+                >
               </el-upload>
               <el-popconfirm
                 confirm-button-text="确定"
@@ -210,7 +237,7 @@
                   :disabled="$route.query.mode === 'check'"
                   slot="reference"
                   v-hasPermi="['df:run:checking:item:delete']"
-                >删除</el-button
+                  >删除</el-button
                 >
               </el-popconfirm>
             </div>
@@ -219,28 +246,24 @@
       </el-table>
     </div>
     <div class="bottom-btns" v-if="$route.query.mode !== 'check'">
-      <el-button type="primary" @click="handleSave(true)"
-      >保存并提交</el-button
-      >
-      <el-button type="primary" @click="handleSave(false)"
-      >保存</el-button
-      >
+      <el-button type="primary" @click="handleSave(true)">保存并提交</el-button>
+      <el-button type="primary" @click="handleSave(false)">保存</el-button>
       <el-button @click="$router.go(-1)">返回</el-button>
     </div>
   </div>
 </template>
 <script>
 import TopBackTitle from "@/components/TopBackTitle/index.vue";
-import {calcTableHeight} from "@/mixins/calcTableHeight";
+import { calcTableHeight } from "@/mixins/calcTableHeight";
 import SyMixMap from "@/views/components/SyMixMap.vue";
 import {
   getRecordDetails,
   getRecordTraceList,
-  getV2PatrolChecking
+  getV2PatrolChecking,
 } from "@/api/dike";
-import {gettV2Record, postV2Record} from "@/api/dike/patrolMaintenance";
+import { gettV2Record, postV2Record } from "@/api/dike/patrolMaintenance";
 import { uploadFileData } from "@/api/system/upload";
-import {getDictMapData} from "@/api/system/dict/data";
+import { getDictMapData } from "@/api/system/dict/data";
 
 export default {
   components: {
@@ -259,25 +282,25 @@ export default {
       problemsData: [],
       tableData: [],
       form: {
-        createName: '',
-        name: '',
-        dikeName: '',
-        category: '',
-        createUid: '',
-        dikeCode: '',
-        dikeType: '',
-        type: '',
+        createName: "",
+        name: "",
+        dikeName: "",
+        category: "",
+        createUid: "",
+        dikeCode: "",
+        dikeType: "",
+        type: "",
         time: [],
-        scope: '',
+        scope: "",
       },
       rules: {
-        createName: [{required: true}],
-        name: [{required: true}],
-        dikeName: [{required: true}],
-        category: [{required: true}],
-        time: [{required: true}],
-        scope: [{required: true}],
-      }
+        createName: [{ required: true }],
+        name: [{ required: true }],
+        dikeName: [{ required: true }],
+        category: [{ required: true }],
+        time: [{ required: true }],
+        scope: [{ required: true }],
+      },
     };
   },
   created() {
@@ -292,45 +315,45 @@ export default {
     });
   },
   mounted() {
-    this.initData()
+    this.initData();
   },
   methods: {
     async initData() {
-      this.getDetail()
-      this.getMapData()
+      this.getDetail();
+      this.getMapData();
     },
     async getDetail() {
       if (this.$route.query.id) {
         const details = await gettV2Record(this.$route.query.id);
-        this.form.time[0] = details.data.startDate
-        this.form.time[1] = details.data.endDate
-        this.form.scope = details.data.scope
-        this.problemsData = details.data.problems
-        this.form.time = [...this.form.time]
+        this.form.time[0] = details.data.startDate;
+        this.form.time[1] = details.data.endDate;
+        this.form.scope = details.data.scope;
+        this.problemsData = details.data.problems;
+        this.form.time = [...this.form.time];
       }
       const checking = await getV2PatrolChecking(this.$route.query.checkingId);
-      this.form.createName = checking.data.createName
-      this.form.name = checking.data.name
-      this.form.dikeName = checking.data.dikeName
-      this.form.category = checking.data.category
-      this.form.createUid = checking.data.createUid
-      this.form.dikeCode = checking.data.dikeCode
-      this.form.dikeType = checking.data.dikeType
-      this.form.type = checking.data.type
-      const items = checking.data.items
+      this.form.createName = checking.data.createName;
+      this.form.name = checking.data.name;
+      this.form.dikeName = checking.data.dikeName;
+      this.form.category = checking.data.category;
+      this.form.createUid = checking.data.createUid;
+      this.form.dikeCode = checking.data.dikeCode;
+      this.form.dikeType = checking.data.dikeType;
+      this.form.type = checking.data.type;
+      const items = checking.data.items;
       getDictMapData("df_xs_c_classfy").then((res) => {
-        items.forEach(item => {
-            let parts = ''
-            item.parts.forEach((part) => {
-              if (parts) {
-                parts = parts + ':' + part
-              } else {
-                parts = part
-              }
-            })
-            item.name = res.data[parts]
-          })
-        this.tableData = items
+        items.forEach((item) => {
+          let parts = "";
+          item.parts.forEach((part) => {
+            if (parts) {
+              parts = parts + ":" + part;
+            } else {
+              parts = part;
+            }
+          });
+          item.name = res.data[parts];
+        });
+        this.tableData = items;
       });
     },
     async getMapData() {
@@ -356,6 +379,10 @@ export default {
             ?.reverse() || [];
       });
     },
+
+    handleChangeSelectParts(row) {
+      row.parts = this.tableData.find((v) => v.id === row.itemId)?.parts;
+    },
     // 图片上传后
     handleUploadProject(e, row) {
       const { file } = e;
@@ -386,19 +413,19 @@ export default {
       return true;
     },
     delImage(img, problemImages) {
-      const index = problemImages.indexOf(img)
-      problemImages.splice(index, 1)
-      problemImages
+      const index = problemImages.indexOf(img);
+      problemImages.splice(index, 1);
+      problemImages;
     },
     addProblems() {
       this.problemsData.push({
-        problemLevel: '1',
+        problemLevel: "1",
         partsId: this.tableData[0].parts,
-        poistion: '',
-        content: '',
+        poistion: "",
+        content: "",
         problemImages: [],
-        status: '4',
-      })
+        status: "4",
+      });
     },
     getDictLabelName(type, dictListName) {
       if (!this[dictListName]) return "";
@@ -418,17 +445,17 @@ export default {
       })
         .then(() => {
           this.problemsCheckData.forEach((Check) => {
-            const index = this.problemsData.indexOf(Check)
-            this.problemsData.splice(index, 1)
-          })
+            const index = this.problemsData.indexOf(Check);
+            this.problemsData.splice(index, 1);
+          });
         })
         .catch(() => {
           console.log("取消删除");
         });
     },
     deleteTableItem(row) {
-      const index = this.problemsData.indexOf(row)
-      this.problemsData.splice(index, 1)
+      const index = this.problemsData.indexOf(row);
+      this.problemsData.splice(index, 1);
     },
     handleSave(commit) {
       const data = {
@@ -442,19 +469,21 @@ export default {
         dikeType: this.form.dikeType,
         scope: this.form.scope,
         problems: this.problemsData,
-        startDate: this.form.time && this.form.time.length > 1 ? this.form.time[0] : '',
-        endDate: this.form.time && this.form.time.length > 1 ? this.form.time[1] : '',
+        startDate:
+          this.form.time && this.form.time.length > 1 ? this.form.time[0] : "",
+        endDate:
+          this.form.time && this.form.time.length > 1 ? this.form.time[1] : "",
         type: this.form.type,
-      }
+      };
       if (this.$route.query.id) {
-        data.id = this.$route.query.id
+        data.id = this.$route.query.id;
       }
       console.log(data);
-      postV2Record(data,commit).then(res => {
-        this.$message.success('保存成功')
-        this.$router.go(-1)
-      })
-    }
+      postV2Record(data, commit).then((res) => {
+        this.$message.success("保存成功");
+        this.$router.go(-1);
+      });
+    },
   },
 };
 </script>
diff --git a/src/views/dike/runManage/patrolMaintenance/overviewAnalysis/index.vue b/src/views/dike/runManage/patrolMaintenance/overviewAnalysis/index.vue
index 7d5ff15..161d17e 100644
--- a/src/views/dike/runManage/patrolMaintenance/overviewAnalysis/index.vue
+++ b/src/views/dike/runManage/patrolMaintenance/overviewAnalysis/index.vue
@@ -7,6 +7,7 @@
         <span class="ml-10">巡查周期：</span>
         <el-date-picker
           v-model="paramsData.timeRange"
+          size="small"
           type="daterange"
           range-separator="至"
           start-placeholder="开始日期"
@@ -24,11 +25,12 @@
         </el-cascader>
         <el-button
           class="search-btn !ml-16"
+          size="small"
           type="success"
           @click="handleSearch()"
           >查询</el-button
         >
-        <el-button @click="resetSearch()">重置</el-button>
+        <el-button @click="resetSearch()" size="small">重置</el-button>
       </div>
 
       <div class="content-box">
diff --git a/src/views/dike/runManage/patrolMaintenance/patrolItemsManage/index.vue b/src/views/dike/runManage/patrolMaintenance/patrolItemsManage/index.vue
index 513db80..e8dfae7 100644
--- a/src/views/dike/runManage/patrolMaintenance/patrolItemsManage/index.vue
+++ b/src/views/dike/runManage/patrolMaintenance/patrolItemsManage/index.vue
@@ -222,7 +222,7 @@ export default {
           align="center"
           label="操作"
           fixed="right"
-          width="100"
+          width="200"
         >
           <template slot-scope="scope">
             <el-button
diff --git a/src/views/dike/runManage/patrolMaintenance/statisticsAnalysis/index.vue b/src/views/dike/runManage/patrolMaintenance/statisticsAnalysis/index.vue
index 7f4ab48..960529b 100644
--- a/src/views/dike/runManage/patrolMaintenance/statisticsAnalysis/index.vue
+++ b/src/views/dike/runManage/patrolMaintenance/statisticsAnalysis/index.vue
@@ -7,6 +7,7 @@
         <span class="ml-10">巡查周期：</span>
         <el-date-picker
           v-model="paramsData.timeRange"
+          size="small"
           type="daterange"
           range-separator="至"
           start-placeholder="开始日期"
@@ -36,10 +37,11 @@
         <el-button
           class="search-btn !ml-16"
           type="success"
+          size="small"
           @click="handleSearch()"
           >查询</el-button
         >
-        <el-button @click="resetSearch()">重置</el-button>
+        <el-button @click="resetSearch()" size="small">重置</el-button>
       </div>
 
       <div class="content-box">
@@ -267,7 +269,7 @@ export default {
     // 获取页面数据
     getTableData() {
       // 巡查记录分析
-      this.requestFunc({ group: "C_1" }).then((res) => {
+      this.requestFunc({ group: "C_14" }).then((res) => {
         if (res.data) {
           // 渲染图表和统计总数
           if (res.data?.yaxis?.length) {
@@ -291,9 +293,6 @@ export default {
                 data: res.data || {},
                 type: "bar",
                 seriesOptions: {
-                  itemStyle: {
-                    color: "#36B29E",
-                  },
                   stack: "one",
                   barWidth: 20,
                 },
@@ -308,6 +307,44 @@ export default {
             );
             this.patrolRecordRefPieInstance.setOption(
               initCommonPieRingOptions({
+                colors: [
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(54, 163, 217, 0.1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(54, 163, 217, 1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(54, 178, 158, 1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(54, 178, 158, 0.1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                ],
                 data: res.data || {},
                 seriesOptions: {},
               })
@@ -316,12 +353,15 @@ export default {
         }
       });
       // 巡查缺陷分析
-      this.requestFunc({ group: "C_2" }).then((res) => {
+      this.requestFunc({ group: "C_15" }).then((res) => {
         if (res.data) {
           if (res.data?.yaxis?.length) {
             let newArr = res.data.yaxis.flatMap((v) => v.series);
-            this.projectSum = Number(
-              newArr.find((v) => v.code === "DF_PROJECT_ADCD_SUM")?.sum ?? null
+            this.flawSum = Number(
+              newArr.find((v) => v.code === "DF_QX_SUM")?.sum ?? null
+            );
+            this.yhSum = Number(
+              newArr.find((v) => v.code === "DF_YH_SUM")?.sum ?? null
             );
           }
           this.$nextTick(() => {
@@ -351,7 +391,44 @@ export default {
             );
             this.patrolFlawRefPieInstance.setOption(
               initCommonPieRingOptions({
-                colors: ["#29CCCC", "#0099DF"],
+                colors: [
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(54, 163, 217, 0.1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(54, 163, 217, 1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(54, 178, 158, 1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(54, 178, 158, 0.1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                ],
                 data: res.data || {},
                 seriesOptions: {},
               })
@@ -360,7 +437,7 @@ export default {
         }
       });
       // 缺陷问题等级分析
-      this.requestFunc({ group: "C_3" }).then((res) => {
+      this.requestFunc({ group: "C_16" }).then((res) => {
         if (res.data) {
           this.$nextTick(() => {
             // 柱形图
@@ -390,7 +467,80 @@ export default {
             this.flawProblemRefPieInstance.setOption(
               initCommonPieRingOptions({
                 data: res.data || {},
-                colors: ["#0099DF", "#36B29E", "#F29130", "#F45555"],
+                colors: [
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(54, 163, 217, 0.1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(54, 163, 217, 1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(54, 178, 158, 0.1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(54, 178, 158, 1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(242, 145, 48, 0.1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(242, 145, 48, 1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                  {
+                    type: "linear",
+                    x: 0,
+                    y: 0,
+                    x2: 0,
+                    y2: 1,
+                    colorStops: [
+                      {
+                        offset: 0,
+                        color: "rgba(244, 85, 85, 0.1)", // 0% 处的颜色
+                      },
+                      {
+                        offset: 1,
+                        color: "rgba(244, 85, 85, 1)", // 100% 处的颜色
+                      },
+                    ],
+                    global: false, // 缺省为 false
+                  },
+                ],
                 seriesOptions: {},
               })
             );
@@ -398,7 +548,7 @@ export default {
         }
       });
       // 缺陷养护对比分析
-      this.requestFunc({ group: "C_3" }).then((res) => {
+      this.requestFunc({ group: "C_17" }).then((res) => {
         if (res.data) {
           this.$nextTick(() => {
             // 柱形图
@@ -435,6 +585,19 @@ export default {
           });
         }
       });
+      // 项目统计总数
+      this.requestFunc({ group: "C_18" }).then((res) => {
+        if (res.data) {
+          if (res.data?.yaxis?.length) {
+            let newArr = res.data.yaxis.flatMap((v) => v.series);
+            this.projectSum = newArr
+              .map((v) => Number(v.sum ?? null))
+              .reduce((acc, cur) => {
+                return acc + cur;
+              }, 0);
+          }
+        }
+      });
     },
     handleSearch() {
       this.getTableData();
diff --git a/vue.config.js b/vue.config.js
index 2e2e2b0..d4c5a90 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -80,8 +80,8 @@ module.exports = {
         changeOrigin: true,
       },
       [process.env.VUE_APP_BASE_API]: {
-        target: "http://shuili.product.dev.com:30115/",
-        // target: 'http://172.16.34.80:18082/',
+        // target: "http://shuili.product.dev.com:30115/",
+        target: "http://172.16.34.80:18082/",
         // target: 'http://172.16.32.62:18888/',
         // target: "http://172.16.34.27:18082",
         changeOrigin: true,