问题管理

src/views/command/index.vue

@@ -85,7 +85,7 @@
     </div>
     <dateLeft v-if="activeType=='date'&&finshMap"></dateLeft>
     <dateRight v-if="activeType=='date'&&finshMap"></dateRight>
-    <problemLeft @problemClear="problemClear" @problemSearch="problemSearch"
+    <problemLeft @problemClear="problemClear" @problemSearch="problemSearch" @showProblemDetail="showProblemDetail"
                  v-if="activeType=='problem'&&finshMap"></problemLeft>
   </div>
 </template>
@@ -177,7 +177,7 @@
       },
       closeInfoWindow(){
         this.closeInfoWin()
-        this.map.setFitView(this.polygonList)
+        this.fillDriver()
       },
       problemSearch(markerList) {
         let me = this
@@ -243,6 +243,18 @@
           }
         })
       },
+      showProblemDetail(child){
+        this.closeInfoWin()
+        this.map.setFitView(this.polygonList)
+        let me=this
+        setTimeout(function () {
+          let marker = me.markerList.find(item=>item.childData.id==child.id)
+          if(marker){
+            me.infoWindow.open(me.map, marker.getPosition());
+          }
+          me.checkDriver(child.dirverId)
+        },500)
+      },
       getMarkerDetail(marker) {
         this.infoWindow.open(this.map, marker.getPosition());
         this.checkDriver(marker.childData.dirverId)
@@ -341,29 +353,6 @@
           });
         }
       },
-      // addRegionMarker(item) {
-      //   // 创建纯文本标记
-      //   let fontSize = "14px";
-      //   if (item.name == "南京市") {
-      //     fontSize = "16px";
-      //   }
-      //   var text = new AMap.Text({
-      //     text: item.name,
-      //     anchor: "center", // 设置文本标记锚点
-      //     cursor: "pointer",
-      //     style: {
-      //       background: "transparent",
-      //       fontSize: fontSize,
-      //       color: "#ffffff",
-      //       padding: "0",
-      //       border: "none",
-      //       fontWeight: "bold"
-      //     },
-      //     position: [item.lng, item.lat]
-      //   });
-      //   this.nameMarkList.push(text)
-      //   text.setMap(this.map);
-      // }
     }
   };
 </script>
@@ -627,5 +616,80 @@
         }
       }
     }
+
+    .el-form-item__content {
+      line-height: 0.3rem;
+      flex: 1;
+    }
+
+    .el-form-item {
+      margin-bottom: 0.13rem;
+      display: flex;
+      align-items: center;
+    }
+
+    .el-form-item__label {
+      font-family: PingFangSC-Regular;
+      font-size: 0.14rem;
+      color: #FFFFFF;
+      line-height: 0.2rem;
+    }
+
+    .el-input {
+      color: #FFFFFF;
+    }
+
+    .el-input__inner {
+      border: none;
+      opacity: 0.8;
+      background-color: #3D3D3D;
+      color: #FFFFFF;
+      font-family: PingFangSC-Regular;
+      font-size: 0.12rem;
+      height: 0.3rem;
+      line-height: 0.3rem;
+      padding: 0 0.138rem;
+      width: 100%;
+    }
+
+    .el-date-editor .el-range__icon {
+      font-size: 0.12rem;
+      line-height: 0.3rem;
+    }
+
+    .el-input__icon {
+      width: 0.35rem;
+    }
+
+    .el-date-editor .el-range-separator {
+      padding: 0 5px;
+      line-height: 0.3rem;
+      width: 5%;
+      color: #FFFFFF;
+      opacity: 0.8;
+      font-size: 0.12rem;
+    }
+
+    .el-date-editor .el-range-input {
+      width: 40%;
+      color: #ffffff;
+      line-height: 0.3rem;
+      font-size: 0.12rem;
+      background-color: initial;
+      opacity: 0.8;
+    }
+
+    .el-date-editor .el-range__close-icon {
+      font-size: 0.12rem;
+      color: #C0C4CC;
+      line-height: 0.3rem;
+    }
+    .el-select .el-input .el-select__caret {
+      color: #ffffff;
+      font-size: 0.12rem;
+    }
+    .el-input__icon {
+      line-height: 0.3rem
+    }
   }
 </style>

src/views/command/problemLeft.vue

@@ -67,7 +67,7 @@
           </div>
           <div>
             <div>派遣人员</div>
-            <div>产看详情</div>
+            <div @click="showProblemDetail(item)">产看详情</div>
           </div>
         </div>
       </div>
@@ -116,6 +116,9 @@
       this.search()
     },
     methods: {
+      showProblemDetail(item){
+        this.$emit('showProblemDetail',{id:1,driverId:27})
+      },
       search(){
         if(!this.searchLoading){
           this.dataList=[]
@@ -181,81 +184,6 @@
         text-align: center;
         cursor: pointer;
       }
-
-      .el-form-item__content {
-        line-height: 0.3rem;
-        flex: 1;
-      }
-
-      .el-form-item {
-        margin-bottom: 0.13rem;
-        display: flex;
-        align-items: center;
-      }
-
-      .el-form-item__label {
-        font-family: PingFangSC-Regular;
-        font-size: 0.14rem;
-        color: #FFFFFF;
-        line-height: 0.2rem;
-      }
-
-      .el-input {
-        color: #FFFFFF;
-      }
-
-      .el-input__inner {
-        border: none;
-        opacity: 0.8;
-        background-color: #3D3D3D;
-        color: #FFFFFF;
-        font-family: PingFangSC-Regular;
-        font-size: 0.12rem;
-        height: 0.3rem;
-        line-height: 0.3rem;
-        padding: 0 0.138rem;
-        width: 100%;
-      }
-
-      .el-date-editor .el-range__icon {
-        font-size: 0.12rem;
-        line-height: 0.3rem;
-      }
-
-      .el-input__icon {
-        width: 0.35rem;
-      }
-
-      .el-date-editor .el-range-separator {
-        padding: 0 5px;
-        line-height: 0.3rem;
-        width: 5%;
-        color: #FFFFFF;
-        opacity: 0.8;
-        font-size: 0.12rem;
-      }
-
-      .el-date-editor .el-range-input {
-        width: 40%;
-        color: #ffffff;
-        line-height: 0.3rem;
-        font-size: 0.12rem;
-        background-color: initial;
-        opacity: 0.8;
-      }
-
-      .el-date-editor .el-range__close-icon {
-        font-size: 0.12rem;
-        color: #C0C4CC;
-        line-height: 0.3rem;
-      }
-      .el-select .el-input .el-select__caret {
-        color: #ffffff;
-        font-size: 0.12rem;
-      }
-      .el-input__icon {
-        line-height: 0.3rem
-      }
     }
 
     >div:nth-child(3){