路口详情修正select下拉框默认取值问题

wj-manage-web/src/views/situation/crossDetail.vue

@@ -72,7 +72,7 @@
                   header-cell-class-name="tab-table-header-cell"
                   :data="jkTableData"
                   height="100%"
-                  style="width:100%"
+                  style="width: 100%"
                 >
                   <el-table-column min-width="50" label="进口指标">
                     <template slot-scope="scope">
@@ -163,7 +163,7 @@
             <div class="tab">
               <div class="tab-row top">
                 <el-table
-                height="100%"
+                  height="100%"
                   class="crossDetail-table1"
                   cell-class-name="custom-table-cell"
                   header-row-class-name="tab-table-header"
@@ -277,8 +277,9 @@
                     :label="`${dirDic[item.dir]}进口`"
                     :name="item.dir"
                   >
-                    <el-table height="100%"
-                  style="width:100%"
+                    <el-table
+                      height="100%"
+                      style="width: 100%"
                       class="crossDetail-table1"
                       cell-class-name="custom-table-cell"
                       header-row-class-name="tab-table-header"
@@ -677,7 +678,7 @@ export default {
       this.roadOptions = match[0].laneList.filter((item) => {
         return matchArr.includes(item.laneNo);
       });
-      this.activeName2 = match[0].laneList[0].laneNo;
+      this.activeName2 = this.roadOptions[0]?.laneNo;
     },
     roadTrafficFlowChart(content) {
       console.log("ccccccccc", content, this.activeName1);
@@ -1581,20 +1582,23 @@ export default {
           this.roadTables.push(res.content[i]);
           if (i == 0) this.activeName1 = res.content[i].dir;
         }
-        let match = this.roadTurnMap.filter((item) => {
-          return Number(item.dir) === Number(this.roadTables[0].dir);
-        });
-        let matchTable = this.roadTables.filter((item) => {
-          return Number(item.dir) === Number(this.roadTables[0].dir);
-        });
-        let matchArr = [];
-        for (let row of matchTable[0].list) {
-          matchArr.push(Number(row.laneNo));
+        if (this.roadTables.length) {
+          let match = this.roadTurnMap.filter((item) => {
+            return Number(item.dir) === Number(this.roadTables[0].dir);
+          });
+          let matchTable = this.roadTables.filter((item) => {
+            return Number(item.dir) === Number(this.roadTables[0].dir);
+          });
+          let matchArr = [];
+          for (let row of matchTable[0].list) {
+            matchArr.push(Number(row.laneNo));
+          }
+          this.roadOptions = match[0].laneList.filter((item) => {
+            return matchArr.includes(item.laneNo);
+          });
+          this.activeName2 = this.roadOptions[0]?.laneNo;
         }
-        this.roadOptions = match[0].laneList.filter((item) => {
-          return matchArr.includes(item.laneNo);
-        });
-        this.activeName2 = match[0].laneList[0].laneNo;
+
         Promise.all([
           roadTimeBetw({ ...this.sendData, type: "2" }),
           roadTimeBetw({ ...this.sendData, type: "1" }),