车辆视频监控添加搜索具体车辆功能

src/components/ezuikit/carsEZUIKitJs.vue

@@ -3,6 +3,7 @@
     <el-container>
       <el-container style="display:flex;justify-content: space-between;">
         <el-aside width="12vw" style="height: 89vh;margin-top: 5.5vh;">
+          <el-input placeholder="请输入车牌号" prefix-icon="el-icon-search" v-model="searchCarText" @keyup.enter.native="searchCarFn"></el-input>
           <el-tree
             :data="videoData"
             :props="defaultProps"
@@ -88,6 +89,7 @@ export default {
       },
       //所有车的信息
       allCarData:'',
+      searchCarText:'',
     };
   },
   mounted() {
@@ -348,6 +350,20 @@ export default {
     },
     changeTime1(row){
       return this.currentTime1(row.stm);
+    },
+    searchCarFn(){
+      HttpReq.truckDispatching.carMonitoringCarsQuery({carnumber:this.searchCarText}).then((res) => {
+        if(res.totalElements == 0){
+          this.$notify({
+						title: '该车无视频监控！',
+            type: 'warning',
+            duration: 2500
+          });
+        }else{
+          this.noPtz = true;
+          this.iframeSrc = this.defaultIframeSrc + res.content[0].carnumber;
+        }
+      })
     }
   },
   //销毁
@@ -395,6 +411,18 @@ export default {
 .el-tree-node__content:hover {
   background-color: white;
 }
+.video111 .el-input--small .el-input__inner{
+  background-color: #021445;
+  color: #01f5fe;
+  border: 2px solid #01f5fe;
+  font-size: 15px;
+}
+.video111 .el-input--small .el-input__inner::placeholder {
+  color:  #01f5fe;
+}
+.video111 .el-input--small .el-input__icon {
+  color:  #01f5fe;
+}
 .noPtzCloseStyle{
   position: absolute;
   top:0.5vh;