优化提示

src/components/message.js

@@ -1,13 +1,18 @@
-/**重置message，防止重复点击重复弹出message弹框 */
+//resetMessage.js
+/**重置message，防止重复点击重复弹出message消息提示 */
 import { Message } from "element-ui";
 
 let messageInstance = null;
+
 const resetMessage = (options) => {
   if (messageInstance) {
     messageInstance.close();
   }
+  Message.closeAll(); //手动关闭所有消息提示实例
   messageInstance = Message(options);
+  // console.log(Message(options));
 };
+
 ["error", "success", "info", "warning"].forEach((type) => {
   resetMessage[type] = (options) => {
     if (typeof options === "string") {
@@ -19,4 +24,5 @@ const resetMessage = (options) => {
     return resetMessage(options);
   };
 });
+
 export const message = resetMessage;

src/main.js

@@ -8,6 +8,7 @@ import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 
 import { message } from "./components/message.js";
+
 Vue.prototype.$message = message;
 Vue.use(ElementUI, {
   size: "small",

src/views/cameraChannel/components/adddeviceDialog.vue

@@ -87,14 +87,14 @@ export default {
             formArr.push(this.formdata);
             addChannelapi({ list: formArr })
               .then((res) => {
-                this.errorMsg = "";
+                //this.errorMsg = "";
                 if (res.code == 200) {
                   this.$message.success("添加成功");
                   this.$parent.deviceList();
                   this.isShow = false;
                 } else {
-                  this.errorMsg = res.msg;
-                  //this.$message.error(res.msg);
+                  //this.errorMsg = res.msg;
+                  this.$message.error(res.msg);
                 }
               })
               .catch((err) => {

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

@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-      class="setTimeDialog"
+    class="setimgDialog"
     title="图像采集参数"
     :visible.sync="isShow"
     :close-on-click-modal="false"
@@ -22,29 +22,58 @@
         </div>
         <div class="flexno bt30">
           <div class="wt80">色彩选择:</div>
-            <el-input v-model="capturenr.color" :disabled="true" class="wt280"></el-input>
+          <el-input
+            v-model="capturenr.color"
+            :disabled="true"
+            class="wt280"
+          ></el-input>
         </div>
         <div class="flexno bt30">
           <div class="wt80">图像分辨率:</div>
-            <el-input v-model="capturenr.resolution" :disabled="true" class="wt280"></el-input>
+          <el-input
+            v-model="capturenr.resolution"
+            :disabled="true"
+            class="wt280"
+          ></el-input>
         </div>
         <div class="flexno bt30">
           <div class="wt80">亮度:</div>
-            <el-input v-model="capturenr.luminance" :disabled="true" class="wt280"></el-input>
+          <el-input
+            v-model="capturenr.luminance"
+            :disabled="true"
+            class="wt280"
+          ></el-input>
         </div>
         <div class="flexno bt30">
           <div class="wt80">对比度:</div>
-            <el-input v-model="capturenr.contrast" :disabled="true" class="wt280"></el-input>
+          <el-input
+            v-model="capturenr.contrast"
+            :disabled="true"
+            class="wt280"
+          ></el-input>
         </div>
         <div class="flexno bt30">
           <div class="wt80">饱和度:</div>
-            <el-input v-model="capturenr.saturation" :disabled="true" class="wt280"></el-input>
+          <el-input
+            v-model="capturenr.saturation"
+            :disabled="true"
+            class="wt280"
+          ></el-input>
         </div>
       </el-tab-pane>
       <el-tab-pane label="设置参数" name="2">
-          <el-form :model="setForm" :rules="rules" ref="setForm" label-width="120px" >
+        <el-form
+          :model="setForm"
+          :rules="rules"
+          ref="setForm"
+          label-width="120px"
+        >
           <el-form-item label="通道" prop="channelId">
-              <el-select v-model="setForm.channelId" placeholder="请选择" class="mr20">
+            <el-select
+              v-model="setForm.channelId"
+              placeholder="请选择"
+              class="mr20"
+            >
               <el-option
                 v-for="item in accesslist"
                 :key="item.channelid"
@@ -54,7 +83,11 @@
             </el-select>
           </el-form-item>
           <el-form-item label="色彩选择" prop="color">
-              <el-select v-model="setForm.color" placeholder="请选择" class="mr20">
+            <el-select
+              v-model="setForm.color"
+              placeholder="请选择"
+              class="mr20"
+            >
               <el-option
                 v-for="item in colorlist"
                 :key="item.id"
@@ -64,13 +97,25 @@
             </el-select>
           </el-form-item>
           <el-form-item label="对比度" prop="contrast">
-              <el-input-number v-model="setForm.contrast" :min="1" :max="100"></el-input-number>
+            <el-input-number
+              v-model="setForm.contrast"
+              :min="1"
+              :max="100"
+            ></el-input-number>
           </el-form-item>
           <el-form-item label="亮度" prop="luminance">
-              <el-input-number v-model="setForm.luminance" :min="1" :max="100"></el-input-number>
+            <el-input-number
+              v-model="setForm.luminance"
+              :min="1"
+              :max="100"
+            ></el-input-number>
           </el-form-item>
           <el-form-item label="图像分辨率" prop="resolution">
-              <el-select v-model="setForm.resolution" placeholder="请选择" class="mr20">
+            <el-select
+              v-model="setForm.resolution"
+              placeholder="请选择"
+              class="mr20"
+            >
               <el-option
                 v-for="item in ratiolist"
                 :key="item.id"
@@ -80,10 +125,16 @@
             </el-select>
           </el-form-item>
           <el-form-item label="饱和度" prop="saturation">
-              <el-input-number v-model="setForm.saturation" :min="1" :max="100"></el-input-number>
+            <el-input-number
+              v-model="setForm.saturation"
+              :min="1"
+              :max="100"
+            ></el-input-number>
           </el-form-item>
           <el-form-item>
-              <el-button type="primary" @click="submitbtn('setForm')">确认</el-button>
+            <el-button type="primary" @click="submitbtn('setForm')"
+              >确认</el-button
+            >
           </el-form-item>
         </el-form>
       </el-tab-pane>
@@ -96,7 +147,7 @@
   getPhotoParamApi,
   setPhotoParamApi,
   getPhotoParamnrApi,
-    getResolutionRatio
+  getResolutionRatio,
 } from "@/utils/api/index";
 export default {
   data() {
@@ -107,71 +158,64 @@
       accesslist: [], //通道选择器
       colorlist: [
         {
-            name:'黑白',
-            id:0
+          name: "黑白",
+          id: 0,
         },
         {
-            name:'彩色',
-            id:1
-          }
+          name: "彩色",
+          id: 1,
+        },
       ], //色彩选择器
       ratiolist: [], //图像分辨率
       selaccess: "", //选中的通道
       capturenr: {}, //查询后的内容
       setForm: {}, //设置参数
       rules: {
-          channelId: [
-            { required: true, message: '请选择通道', trigger: 'blur' }
-          ],
-          color: [
-            { required: true, message: '请选择色彩', trigger: 'blur' }
-          ],
+        channelId: [{ required: true, message: "请选择通道", trigger: "blur" }],
+        color: [{ required: true, message: "请选择色彩", trigger: "blur" }],
         contrast: [
-            { required: true, message: '请输入对比度', trigger: 'blur' }
-          ],
-          luminance: [
-            { required: true, message: '请输入亮度', trigger: 'blur' }
+          { required: true, message: "请输入对比度", trigger: "blur" },
         ],
+        luminance: [{ required: true, message: "请输入亮度", trigger: "blur" }],
         resolution: [
-            { required: true, message: '请输入图像分辨率', trigger: 'blur' }
+          { required: true, message: "请输入图像分辨率", trigger: "blur" },
         ],
         saturation: [
-            { required: true, message: '请输入饱和度', trigger: 'blur' }
+          { required: true, message: "请输入饱和度", trigger: "blur" },
         ],
       },
       timer: null,
-        seltermid:'',//装置id
-        selcmdId:'',//cmdId
-        requestId:''
+      seltermid: "", //装置id
+      selcmdId: "", //cmdId
+      requestId: "",
     };
   },
-    mounted() {
-    },
+  mounted() {},
   methods: {
     handleClick(tab, event) {
       console.log(tab, event);
     },
     //获取设备通道
     getSingleAccess(val) {
-        this.setForm={}
-        console.log(val)
+      this.setForm = {};
+      console.log(val);
       this.seltermid = val.id;
-        this.selcmdId = val.cmdid
+      this.selcmdId = val.cmdid;
       getChannelListJoggle({ termid: this.seltermid })
         .then((res) => {
           this.accesslist = res.data.list;
           this.selaccess = res.data.list[0].channelid;
-            this.$set(this.setForm,'channelId',res.data.list[0].channelid)
+          this.$set(this.setForm, "channelId", res.data.list[0].channelid);
         })
         .catch((err) => {});
     },
     //获取图像分辨率
     getRatio() {
-        this.$set(this.setForm,'color',this.colorlist[0].id)
+      this.$set(this.setForm, "color", this.colorlist[0].id);
       getResolutionRatio()
         .then((res) => {
           this.ratiolist = res.data.list;
-            this.$set(this.setForm,'resolution',res.data.list[0].id)
+          this.$set(this.setForm, "resolution", res.data.list[0].id);
         })
         .catch((err) => {});
     },
@@ -185,7 +229,7 @@
         .then((res) => {
           if (res.code == 200) {
             this.requestId = res.data.requestId;
-              this.inquirenr()
+            this.inquirenr();
             this.timer = window.setInterval(() => {
               this.inquirenr();
             }, 10000);
@@ -200,7 +244,7 @@
       getPhotoParamnrApi({
         channelId: this.selaccess,
         termId: this.seltermid,
-          requestId: this.requestId
+        requestId: this.requestId,
       })
         .then((res) => {
           this.loading = false;
@@ -220,15 +264,15 @@
     },
     //确认
     submitbtn(setForm) {
-        this.$set(this.setForm,'cmdId',this.selcmdId)
-        this.$set(this.setForm,'termId',this.seltermid)
+      this.$set(this.setForm, "cmdId", this.selcmdId);
+      this.$set(this.setForm, "termId", this.seltermid);
       this.$refs[setForm].validate((valid) => {
         if (valid) {
           setPhotoParamApi(this.setForm)
             .then((res) => {
               if (res.code == 200) {
                 this.$message.success("设置成功");
-                  this.isShow = false
+                this.isShow = false;
               } else {
                 this.$message.error(res.code.msg);
               }
@@ -251,7 +295,7 @@
 };
 </script>
 <style lang="less" scoped>
-  .setTimeDialog {
+.setimgDialog {
   .el-tabs__content {
     height: 400px;
     overflow: auto;
@@ -344,4 +388,3 @@
   }
 }
 </style>
-