添加loading

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

@@ -70,7 +70,10 @@
                     ></el-input>
                   </el-form-item>
                   <el-form-item>
-                    <el-button type="primary" @click="samplingSearch"
+                    <el-button
+                      type="primary"
+                      @click="samplingSearch"
+                      :loading="sampLoading"
                       >查询</el-button
                     >
                   </el-form-item>
@@ -103,7 +106,10 @@
                   </el-form-item>
 
                   <el-form-item>
-                    <el-button type="primary" @click="samplingSet"
+                    <el-button
+                      type="primary"
+                      @click="samplingSet"
+                      :loading="sampSetLoading"
                       >设置</el-button
                     >
                   </el-form-item>
@@ -142,7 +148,10 @@
                     ></el-input>
                   </el-form-item>
                   <el-form-item>
-                    <el-button type="primary" @click="upperSearch"
+                    <el-button
+                      type="primary"
+                      @click="upperSearch"
+                      :loading="upperLoading"
                       >查询</el-button
                     >
                   </el-form-item>
@@ -166,7 +175,12 @@
                     <el-input v-model="upperComputer.domain"></el-input>
                   </el-form-item>
                   <el-form-item>
-                    <el-button type="primary" @click="upperSet">设置</el-button>
+                    <el-button
+                      type="primary"
+                      @click="upperSet"
+                      :loading="upperSetLoading"
+                      >设置</el-button
+                    >
                   </el-form-item>
                 </el-form>
               </div>
@@ -203,7 +217,12 @@
                     ></el-input>
                   </el-form-item>
                   <el-form-item>
-                    <el-button type="primary" @click="idSearch">查询</el-button>
+                    <el-button
+                      type="primary"
+                      @click="idSearch"
+                      :loading="idLoading"
+                      >查询</el-button
+                    >
                   </el-form-item>
                 </el-form>
               </div>
@@ -228,7 +247,12 @@
                     ></el-input>
                   </el-form-item>
                   <el-form-item>
-                    <el-button type="primary" @click="idSet">设置</el-button>
+                    <el-button
+                      type="primary"
+                      @click="idSet"
+                      :loading="idSetLoading"
+                      >设置</el-button
+                    >
                   </el-form-item>
                 </el-form>
               </div>
@@ -287,7 +311,10 @@
               ></el-input>
             </el-form-item>
             <el-form-item class="runformbtn">
-              <el-button type="primary" @click="runstatusSearch"
+              <el-button
+                type="primary"
+                @click="runstatusSearch"
+                :loading="statusLoading"
                 >查询</el-button
               >
             </el-form-item>
@@ -378,6 +405,8 @@ export default {
         sampleFrequency: "",
         heartbeatTime: "",
       },
+      sampLoading: false,
+      sampSetLoading: false,
       samplingrules: {
         heartbeatTime: [
           { required: true, message: "请输入心跳周期", trigger: "blur" },
@@ -389,13 +418,18 @@ export default {
         port: "",
         domain: "",
       },
+      upperLoading: false,
+      upperSetLoading: false,
       //id参数
       idParameter: {
         newCmdId: "",
         componentId: "",
         originalId: "",
       },
+      idLoading: false,
+      idSetLoading: false,
       runStatusForm: {},
+      statusLoading: false,
       gpsForm: {}, //gps位置
       tabsActive: "first",
       rowData: {},
@@ -458,6 +492,7 @@ export default {
     // -act=sampling [0xA4 ] --flag=[Request Set Flag, default is set=1, 0: request] --rf=[Request Flag] --reqtype=[Request Type] --maintime=[Main Time] --samplecount=[Sample Count] --samplingfreq=[Sample Frequency] --heartbeat=[Heartbeat Time]
     samplingSearch() {
       if (this.rowData.isonline) {
+        this.sampLoading = true;
         let params = [
           {
             name: "act",
@@ -507,9 +542,7 @@ export default {
       if (this.rowData.isonline) {
         this.$refs.samplingFormref.validate((valid) => {
           if (valid) {
-            console.log("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa");
-            console.log(this.samplingForm);
-            console.log("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa");
+            this.sampSetLoading = true;
             let params = [
               {
                 name: "act",
@@ -563,6 +596,7 @@ export default {
     //--act=cma [0xA7] --flag=[Request Set Flag, default is set=1, 0: request] --ip=[IP Address] --cmaport=[CMA Port] --domain=[Domain]
     upperSearch() {
       if (this.rowData.isonline) {
+        this.upperLoading = true;
         let params = [
           {
             name: "act",
@@ -599,6 +633,7 @@ export default {
     //上位机设置
     upperSet() {
       if (this.rowData.isonline) {
+        this.upperSetLoading = true;
         let params = [
           {
             name: "act",
@@ -636,6 +671,7 @@ export default {
     // --act=termid [0xAC] --flag=[Request Set Flag, default is set=1, 0: request] --newcmdid=[New CMD ID] --compid=[Component Id] --orgid=[Original Id]
     idSearch() {
       if (this.rowData.isonline) {
+        this.idLoading = true;
         let params = [
           {
             name: "act",
@@ -672,6 +708,7 @@ export default {
     //id参数设置
     idSet() {
       if (this.rowData.isonline) {
+        this.idSetLoading = true;
         let params = [
           {
             name: "act",
@@ -707,6 +744,7 @@ export default {
     //装置状态报
     //--act=runningstatus [0xEA] --cmdid=[CMD_ID]
     runstatusSearch() {
+      this.statusLoading = true;
       let params = [
         {
           name: "act",
@@ -775,6 +813,8 @@ export default {
               message: "信息已更新",
               type: "success",
             });
+            this.sampLoading = false;
+            this.sampSetLoading = false;
           } else if (this.i > 9) {
             window.clearInterval(this.timer);
             this.timer = null;
@@ -785,9 +825,16 @@ export default {
               message: "暂未获取到信息，请稍后再试！！",
               type: "warning",
             });
+            this.sampLoading = false;
+            this.sampSetLoading = false;
+            this.upperLoading = false;
+            this.upperSetLoading = false;
+            this.idLoading = false;
+            this.idSetLoading = false;
+            this.statusLoading = false;
           }
         })
-        .catch();
+        .catch((err) => {});
     },
     //gps位置查询
     gpsSearch() {
@@ -864,6 +911,14 @@ export default {
       this.i = 0;
       clearInterval(this.timer);
       this.timer = null;
+
+      this.sampLoading = false;
+      this.sampSetLoading = false;
+      this.upperLoading = false;
+      this.upperSetLoading = false;
+      this.idLoading = false;
+      this.idSetLoading = false;
+      this.statusLoading = false;
     },
   },
   destroyed() {