装置

src/views/management/monitoringEquipment/photographicDevice/components/addPhotoDialog.vue

@@ -15,20 +15,31 @@
       <el-form-item label="装置ID：" prop="cmdid" required>
         <el-input v-model="formInfo.cmdid" auto-complete="on"></el-input>
       </el-form-item>
+      <el-form-item label="SIM卡：" prop="simCard">
+        <el-input v-model="formInfo.simCard" auto-complete="on"></el-input>
+      </el-form-item>
+      <el-form-item label="杆塔编号：" prop="towerid" required>
+        <el-select
+          v-model="formInfo.towerid"
+          multiple
+          placeholder="请选择"
+          @change="changetowerid"
+        >
+          <el-option
+            v-for="item in toweridOptions"
+            :key="item.id"
+            :label="item.channelname"
+            :value="item.id"
+          >
+          </el-option>
+        </el-select>
+        <!-- <el-input v-model="formInfo.towerid" auto-complete="on"></el-input> -->
+      </el-form-item>
 
       <!-- <el-form-item label="线路编号：" prop="lineid" required>
         <el-input v-model="formInfo.lineid" auto-complete="on"></el-input>
       </el-form-item> -->
-      <el-form-item label="杆塔编号：" prop="towerid" required>
-        <el-input v-model="formInfo.towerid" auto-complete="on"></el-input>
-      </el-form-item>
-      <el-form-item label="是否带云台：" prop="hasPan" required>
-        <!-- <el-input v-model="formInfo.hasPan"></el-input> -->
-        <el-radio-group v-model="formInfo.hasPan">
-          <el-radio :label="0">否</el-radio>
-          <el-radio :label="1">是</el-radio>
-        </el-radio-group>
-      </el-form-item>
+
       <el-form-item label="通道：" prop="channelVal" required>
         <el-select
           v-model="formInfo.channelVal"
@@ -45,6 +56,13 @@
           </el-option>
         </el-select>
       </el-form-item>
+      <el-form-item label="是否带云台：" prop="hasPan">
+        <!-- <el-input v-model="formInfo.hasPan"></el-input> -->
+        <el-radio-group v-model="formInfo.hasPan">
+          <el-radio :label="0">否</el-radio>
+          <el-radio :label="1">是</el-radio>
+        </el-radio-group>
+      </el-form-item>
 
       <el-form-item label="显示名：" prop="displayName">
         <el-input v-model="formInfo.displayName"></el-input>
@@ -108,26 +126,38 @@ export default {
   },
 
   data() {
+    let validCmid = (rule, value, callback) => {
+      let reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{17}$/;
+      if (!reg.test(value)) {
+        callback(new Error("装置id是由17位字母+数字组合"));
+      } else {
+        callback();
+      }
+    };
     return {
       page: 1, // 当前页数
       pageSize: 10, // 每页数量
       channelOptions: "",
       channelArr: [],
+      toweridOptions: "",
       formInfo: {},
       rules: {
         // displayName: [
         //   { required: true, message: "请输入显示名", trigger: "blur" },
         // ],
-        cmdid: [{ required: true, message: "请输入装置ID", trigger: "blur" }],
+        cmdid: [
+          { required: true, message: "请输入装置ID", trigger: "blur" },
+          { validator: validCmid, trigger: "blur" },
+        ],
         // lineid: [
         //   { required: true, message: "请输入线路编号", trigger: "blur" },
         // ],
         towerid: [
-          { required: true, message: "请输入杆塔编号", trigger: "blur" },
-        ],
-        hasPan: [
-          { required: true, message: "请输入是否带云台", trigger: "change" },
+          { required: true, message: "请输入杆塔编号", trigger: "change" },
         ],
+        // hasPan: [
+        //   { required: true, message: "请输入是否带云台", trigger: "change" },
+        // ],
         channelVal: [
           { required: true, message: "请选择通道", trigger: "change" },
         ],
@@ -248,10 +278,13 @@ export default {
           console.log(err);
         });
     },
+    //通道id 选择
     changeChannelId(val) {
       console.log(val);
       this.channelArr = val;
     },
+    //杆塔编号选择
+    changetowerid() {},
   },
   mounted() {
     console.log("打印传过来的对象", this.formItem);