1

src/components/ezuikit/carsEZUIKitJs.vue

@@ -4,7 +4,10 @@
       <el-container style="display:flex;justify-content: space-between;">
         <el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
           <div class="videoCarsInput">
-            <el-input placeholder="请输入车牌号" prefix-icon="el-icon-search" v-model="searchCarText" @keyup.enter.native="searchCarFn"></el-input>
+            <div style="color: #A6F6F9;">选择车牌号：</div>
+            <el-select v-model="searchCarText" placeholder="选择车牌号" @change="searchCarFn()">
+              <el-option v-for="item in searchCarData" :key="item.number" :label="item.number" :value="item.number"></el-option>
+            </el-select>
           </div>
           
           <el-tree
@@ -154,6 +157,8 @@ export default {
       //图片数据
       elimageSrc:'',
 			elimageSrcShow:false,
+      //车辆数据
+      searchCarData:[],
     };
   },
   mounted() {
@@ -162,6 +167,12 @@ export default {
   },
   methods: {
     getCode() {
+      //获取车辆信息
+      HttpReq.truckDispatching.carInformationQuery({size:9999}).then((res) => {
+				if(res.code == 200){
+					this.searchCarData = res.data.content;
+				}
+			})
       //分区数据
       HttpReq.truckDispatching.carMonitoringFleetQuery({size: 999}).then((res) => {
         let data1 = [];
@@ -872,6 +883,8 @@ export default {
   height: 4vh;
   width: 90%;
   margin: 0px auto;
+  display: flex;
+  justify-content: space-between;
 }
 .video111 .aiAnalysisRightViews{
   width: 20vw;