优化

src/views/basic/station/index.vue

@@ -150,7 +150,7 @@
           <el-input v-model="form.bzsw" placeholder="请输入保证水位" />
         </el-form-item>
         <el-form-item label="摄像头">
-          <el-select v-model="form.cameraSn" placeholder="请选择摄像头">
+          <el-select v-model="form.cameraSn" placeholder="请选择摄像头" clearable>
             <el-option
               v-for="dict in cameraList"
               :key="dict.id"
@@ -188,7 +188,8 @@ export default {
       // 水尺-测站信息表格数据
       infoList: [],
       //摄像头列表
-      cameraList:[],
+      cameraList:[
+      ],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -229,7 +230,6 @@ export default {
   },
   created() {
     this.getList();
-    this.getCameraList();
   },
   methods: {
     /**
@@ -297,6 +297,7 @@ export default {
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
+      this.getCameraList();
       this.open = true;
       this.title = "添加水尺-测站信息";
     },
@@ -304,6 +305,14 @@ export default {
     async handleUpdate(row) {
       this.reset();
       const id = row.id || this.ids
+      // 查询所有未使用的摄像头
+      this.getCameraList();
+      // 在查询该站点所属的摄像头
+      let response = await this.$axiosGet('/web/camera/cameraBySid/'+id);
+      if(response.code === 0){
+        this.cameraList.push(response.data)
+      }
+
       let res = await this.$axiosGet('/system/info/info/'+id);
       if(res.code === 0){
         this.form = res.data;