更改

ruoyi-ui/src/views/JiHeExpressway/pages/control/event/governanceAnalysis/components/auditAnalytics/StatsDialogVisible/index.vue

@@ -5,7 +5,9 @@
         </div>
 
         <div class="StatsDetail">
-            <el-table v-if="searchType == 2" :data="tableData" style="width: 100%" :span-method="arraySpanMethod">
+            <!-- {{ facilityIds }} {{ facilityTableData }} -->
+            <el-table key="table1" v-if="searchType == 2" :data="tableData" style="width: 100%"
+                :span-method="arraySpanMethod">
                 <el-table-column prop="controlCauseName" label="封闭原因" width="150" align="center">
                 </el-table-column>
                 <el-table-column prop="causeTypeName" label="" align="center">
@@ -41,12 +43,12 @@
                     <el-table-column prop="yearTimeRatio" label="同比（%）" align="center"></el-table-column>
                 </el-table-column>
             </el-table>
-            <el-table v-else :data="facilityTableData" style="width: 100%">
+            <el-table key="table2" v-else :data="facilityTableData" style="width: 100%">
                 <el-table-column prop="facilityName" label="" width="150" align="center">
                 </el-table-column>
                 <el-table-column prop="facilityClose" label="封闭" align="center">
                 </el-table-column>
-                <el-table-column prop="facilityRestriction" label="限行" width="150" align="center">
+                <el-table-column prop="facilityRestriction" label="限行" align="center">
                 </el-table-column>
                 <el-table-column prop="facilityInterval" label="间隔放行" align="center">
                 </el-table-column>
@@ -119,6 +121,7 @@ export default {
                     label: "事件类型:",
                     key: "controlType",
                     required: true,
+                    isAlone: true,
                     type: "RadioGroup",
                     visible: data => {
                         if (data.searchType == 2) {
@@ -142,9 +145,12 @@ export default {
                     label: "选择站点:",
                     key: "facilityId",
                     required: true,
+                    isAlone: true,
                     type: "select",
+                    default: this.facilityIds,
                     options: {
-                        multiple: true
+                        multiple: true,
+                        placeholder: "请选择"
                     },
                     visible: data => {
                         if (data.searchType == 1) {
@@ -216,8 +222,9 @@ export default {
             this.getSelectTollStation(data)
         },
         arraySpanMethod({ row, column, rowIndex, columnIndex }) {
-            // console.log("+++++++", row, column, rowIndex, columnIndex)
+            console.log("+++++++", row, column, rowIndex, columnIndex)
 
+            if (this.searchType == 2) {
 
                 if (!row.causeTypeName) {
                     // console.log("11111111111")
@@ -261,10 +268,12 @@ export default {
                     }
                     // this.weatherNum = 0
                 }
+            }
 
 
         },
         getSelectTollStation(data) {
+            this.facilityTableData = []
             console.log(45, data)
             let startTime = ""
             let endTime = ""
@@ -277,7 +286,7 @@ export default {
             }
 
             var formData = new FormData();
-            this.searchType == data.searchType
+            this.searchType = data.searchType
 
             formData.append("controlType", data.controlType);
             formData.append("searchType", data.searchType);
@@ -300,6 +309,11 @@ export default {
                     this.tableData = weatherData.concat(otherData)
                 } else {
                     this.facilityTableData = res.data
+                    // this.$nextTick(() => {
+
+
+                    // })
+                    console.log("this.facilityTableData", this.facilityTableData)
                 }
 
             })
@@ -346,11 +360,14 @@ export default {
     background: #0B6581;
 }
 
-::v-deep .has-gutter {}
+::v-deep .el-table .el-table__header-wrapper th,
+.el-table .el-table__fixed-header-wrapper th {
+    background: #0B6581;
+    border: 1px solid #07AEC6;
+}
 
 ::v-deep .el-table th.el-table__cell>.cell {
     color: #3DE8FF;
-    background: #1B586D;
 }
 
 ::v-deep .el-table thead.is-group th.el-table__cell {
@@ -367,7 +384,7 @@ export default {
 
 ::v-deep .el-table tr {
     border: 1px solid #07AEC6;
-    background-color: #1B586D;
+    background-color: #0B6581;
 }
 
 ::v-deep .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell {