添加规约

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

@@ -9,7 +9,12 @@
       <div class="captureBox">
         <div class="flexnr">
           <div class="wt80">通道</div>
-          <el-select v-model="selaccess" placeholder="请选择" class="mr20">
+          <el-select
+            v-model="selaccess"
+            placeholder="请选择"
+            class="mr20"
+            @change="clearform"
+          >
             <el-option
               v-for="item in accesslist"
               :key="item.channelid"
@@ -49,7 +54,7 @@
             <el-option
               v-for="item in ratiolist"
               :key="item.id"
-              :label="item.id + ' / ' + item.name"
+              :label="item.id + '  (' + item.name + ')'"
               :value="item.id"
             ></el-option>
           </el-select>
@@ -150,7 +155,7 @@
               <el-option
                 v-for="item in ratiolist"
                 :key="item.id"
-                :label="item.id + ' / ' + item.name"
+                :label="item.id + '  (' + item.name + ')'"
                 :value="item.id"
               ></el-option>
             </el-select>
@@ -275,190 +280,356 @@ export default {
           id: 15,
           name: "4608X3456",
         },
+        {
+          id: 16,
+          name: "",
+        },
+        {
+          id: 17,
+          name: "",
+        },
+        {
+          id: 18,
+          name: "",
+        },
+        {
+          id: 19,
+          name: "",
+        },
+        {
+          id: 20,
+          name: "",
+        },
       ], //湖南图像分辨率
       zzratiolist: [
         {
           id: 1,
-          name: " 320X240",
+          name: "320X240",
         },
         {
           id: 2,
-          name: "  640X480",
+          name: "640X480",
         },
         {
           id: 3,
-          name: " 704X576",
+          name: "704X576",
         },
         {
           id: 4,
-          name: " 800X600",
+          name: "800X600",
         },
         {
           id: 5,
-          name: " 1024X768",
+          name: "1024X768",
         },
         {
           id: 6,
-          name: " 1280X1024",
+          name: "1280X1024",
         },
         {
           id: 7,
-          name: " 1280X720",
+          name: "1280X720",
         },
         {
           id: 8,
-          name: " 1920X1080",
+          name: "1920X1080",
         },
         {
           id: 9,
-          name: " 2560X1440",
+          name: "2560X1440",
         },
         {
           id: 10,
-          name: " 3840X2160",
+          name: "3840X2160",
+        },
+        {
+          id: 11,
+          name: "",
+        },
+        {
+          id: 12,
+          name: "",
+        },
+        {
+          id: 13,
+          name: "",
+        },
+        {
+          id: 14,
+          name: "",
+        },
+        {
+          id: 15,
+          name: "",
+        },
+        {
+          id: 16,
+          name: "",
+        },
+        {
+          id: 17,
+          name: "",
+        },
+        {
+          id: 18,
+          name: "",
+        },
+        {
+          id: 19,
+          name: "",
+        },
+        {
+          id: 20,
+          name: "",
         },
       ], //郑州图像分辨率
       jsratiolist: [
         {
           id: 1,
-          name: " 320X240",
+          name: "320X240",
         },
         {
           id: 2,
-          name: "  640X480",
+          name: "640X480",
         },
         {
           id: 3,
-          name: " 704X576",
+          name: "704X576",
         },
         {
           id: 4,
-          name: " 720X480 ",
+          name: "720X480 ",
         },
         {
           id: 5,
-          name: " 1280X720",
+          name: "1280X720",
         },
         {
           id: 6,
-          name: " 1920X1080 ",
+          name: "1920X1080 ",
         },
         {
           id: 7,
-          name: " 2048X1536",
+          name: "2048X1536",
         },
         {
           id: 8,
-          name: " 2592X1520",
+          name: "2592X1520",
         },
         {
           id: 9,
-          name: " 2592X1944",
+          name: "2592X1944",
         },
         {
           id: 10,
-          name: " 3072X2048",
+          name: "3072X2048",
         },
         {
           id: 11,
-          name: " 3840X2160 ",
+          name: "3840X2160 ",
         },
         {
           id: 12,
-          name: " 4000X3000",
+          name: "4000X3000",
         },
         {
           id: 13,
-          name: " 4608X3456",
+          name: "4608X3456",
+        },
+        {
+          id: 14,
+          name: "",
+        },
+        {
+          id: 15,
+          name: "",
+        },
+
+        {
+          id: 16,
+          name: "",
+        },
+        {
+          id: 17,
+          name: "",
+        },
+        {
+          id: 18,
+          name: "",
+        },
+        {
+          id: 19,
+          name: "",
+        },
+        {
+          id: 20,
+          name: "",
         },
       ], //江苏图像分辨率
       ahratiolist: [
         {
           id: 1,
-          name: " 320X240",
+          name: "320X240",
         },
         {
           id: 2,
-          name: "  640X480",
+          name: "640X480",
         },
         {
           id: 3,
-          name: " 704X576",
+          name: "704X576",
         },
         {
           id: 4,
-          name: " 720 X 480",
+          name: "720 X 480",
         },
 
         {
           id: 5,
-          name: " 1280X720",
+          name: "1280X720",
         },
         {
           id: 6,
-          name: " 1920X1080",
+          name: "1920X1080",
+        },
+        {
+          id: 7,
+          name: "",
+        },
+        {
+          id: 8,
+          name: "",
+        },
+        {
+          id: 9,
+          name: "",
+        },
+        {
+          id: 10,
+          name: "",
+        },
+        {
+          id: 11,
+          name: "",
+        },
+        {
+          id: 12,
+          name: "",
+        },
+        {
+          id: 13,
+          name: "",
+        },
+        {
+          id: 14,
+          name: "",
+        },
+        {
+          id: 15,
+          name: "",
+        },
+
+        {
+          id: 16,
+          name: "",
+        },
+        {
+          id: 17,
+          name: "",
+        },
+        {
+          id: 18,
+          name: "",
+        },
+        {
+          id: 19,
+          name: "",
+        },
+        {
+          id: 20,
+          name: "",
         },
       ], //安徽图像分辨率
       zhejiangratiolist: [
         {
           id: 1,
-          name: " 320X240",
+          name: "320X240",
         },
         {
           id: 2,
-          name: "  640X480",
+          name: "640X480",
         },
         {
           id: 3,
-          name: " 704X576",
+          name: "704X576",
         },
         {
           id: 4,
-          name: " 800X600 ",
+          name: "800X600 ",
         },
         {
           id: 5,
-          name: " 1024X768",
+          name: "1024X768",
         },
         {
           id: 6,
-          name: " 1280X960 ",
+          name: "1280X960 ",
         },
         {
           id: 7,
-          name: " 1600X1200",
+          name: "1600X1200",
         },
         {
           id: 8,
-          name: " 1920X1080",
+          name: "1920X1080",
         },
         {
           id: 9,
-          name: " 2048X1536",
+          name: "2048X1536",
         },
         {
           id: 10,
-          name: " 2592X1944",
+          name: "2592X1944",
         },
         {
           id: 11,
-          name: " 2816X2112 ",
+          name: "2816X2112 ",
         },
         {
           id: 12,
-          name: " 3072X2304",
+          name: "3072X2304",
         },
         {
           id: 13,
-          name: " 3264X2448",
+          name: "3264X2448",
         },
         {
           id: 14,
-          name: " 3456X2592",
+          name: "3456X2592",
         },
         {
           id: 15,
-          name: " 3672X2754",
+          name: "3672X2754",
+        },
+        {
+          id: 16,
+          name: "",
+        },
+        {
+          id: 17,
+          name: "",
+        },
+        {
+          id: 18,
+          name: "",
+        },
+        {
+          id: 19,
+          name: "",
+        },
+        {
+          id: 20,
+          name: "",
         },
       ], //浙江
       selaccess: "", //选中的通道
@@ -754,6 +925,10 @@ export default {
         })
         .catch();
     },
+    clearform() {
+      console.log("清除其他数据");
+      this.capturenr = {};
+    },
     clearData() {
       this.capturenr = {};
       this.setForm = {};

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

@@ -38,10 +38,9 @@
             <el-option
               v-for="item in ratiolist"
               :key="item.id"
-              :label="item.id + ' / ' + item.name"
+              :label="item.id + '  (' + item.name + ')'"
               :value="item.id"
             >
-              {{ item.id + " / " + item.name }}
             </el-option>
           </el-select>
         </div>
@@ -121,7 +120,7 @@
               <el-option
                 v-for="item in ratiolist"
                 :key="item.id"
-                :label="item.id + ' / ' + item.name"
+                :label="item.id + '  (' + item.name + ')'"
                 :value="item.id"
               ></el-option>
             </el-select>