保存加loading

src/views/production/AssistantManage.vue

@@ -46,65 +46,69 @@
       :close-on-click-modal='false'
       :before-close='beforeClose'
       width='1000px'
+
     >
-      <el-form
-        size='mini'
-        :inline='true'
-        label-width='120px'
-        :rules='rules'
-        ref='editForm'
-        :model='editForm'
-      >
-        <el-form-item class="title_width" prop="title" label="更新标题">
-          <el-input type="textarea" v-model="editForm.title" placeholder="请输入更新标题"></el-input>
-        </el-form-item>
-        <el-form-item class="title_width" prop="content" label="更新内容">
-          <el-input type="textarea" rows="10" v-model="editForm.content" placeholder="请输入更新内容"></el-input>
-        </el-form-item>
-        <el-form-item prop="version" label="版本号">
-          <el-input class="item_width" v-model="editForm.version" placeholder="请输入版本号"></el-input>
-        </el-form-item>
-        <div class="el-row" style="width: 100%;">
-          <el-form-item class="el-col-11" prop="forcedUpdate" label="是否强制更新">
-            <el-radio-group class="item_width" v-model="editForm.forcedUpdate">
-              <el-radio :label="0">否</el-radio>
-              <el-radio :label="1">是</el-radio>
-            </el-radio-group>
+      <div  v-loading="saveLoading">
+        <el-form
+          size='mini'
+          :inline='true'
+          label-width='120px'
+          :rules='rules'
+          ref='editForm'
+          :model='editForm'
+        >
+          <el-form-item class="title_width" prop="title" label="更新标题">
+            <el-input type="textarea" v-model="editForm.title" placeholder="请输入更新标题"></el-input>
+          </el-form-item>
+          <el-form-item class="title_width" prop="content" label="更新内容">
+            <el-input type="textarea" rows="10" v-model="editForm.content" placeholder="请输入更新内容"></el-input>
           </el-form-item>
-          <el-form-item class="el-col-11" prop="fullUpdate" label="是否全量更新">
-            <el-radio-group class="item_width" v-model="editForm.fullUpdate">
-              <el-radio :label="0">否</el-radio>
-              <el-radio :label="1">是</el-radio>
-            </el-radio-group>
+          <el-form-item prop="version" label="版本号">
+            <el-input class="item_width" v-model="editForm.version" placeholder="请输入版本号"></el-input>
           </el-form-item>
-        </div>
+          <div class="el-row" style="width: 100%;">
+            <el-form-item class="el-col-11" prop="forcedUpdate" label="是否强制更新">
+              <el-radio-group class="item_width" v-model="editForm.forcedUpdate">
+                <el-radio :label="0">否</el-radio>
+                <el-radio :label="1">是</el-radio>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item class="el-col-11" prop="fullUpdate" label="是否全量更新">
+              <el-radio-group class="item_width" v-model="editForm.fullUpdate">
+                <el-radio :label="0">否</el-radio>
+                <el-radio :label="1">是</el-radio>
+              </el-radio-group>
+            </el-form-item>
+          </div>
 
-        <!-- 上传多个app文件 -->
-        <el-form-item required class="el-col-24" label="上传文件">
-          <!-- accept=".apk,.ipa" -->
-          <el-upload
-            action
-            :http-request="handleCustom"
-            :multiple="false"
-            :on-change="handleChange"
-            :on-remove="handleRemove"
-            :file-list="fileList"
-            list-type="text"
-          >
-            <el-button type="primary">
-              上传文件
-            </el-button>
-          </el-upload>
-        </el-form-item>
-      </el-form>
+          <!-- 上传多个app文件 -->
+          <el-form-item required  label="上传文件">
+            <!-- accept=".apk,.ipa" -->
+            <el-upload
+              action
+              :http-request="handleCustom"
+              :multiple="false"
+              :on-change="handleChange"
+              :on-remove="handleRemove"
+              :file-list="fileList"
+              list-type="text"
+            >
+              <el-button type="primary">
+                上传文件
+              </el-button>
+            </el-upload>
+          </el-form-item>
+        </el-form>
+      </div>
       <div slot='footer'>
-        <el-button size='small' @click='clone'
+        <el-button :disabled="saveLoading" size='small' @click='clone'
         >取 消
         </el-button
         >
         <el-button
           size='small'
           type='primary'
+          :disabled="saveLoading"
           @click='submit'
         >保 存
         </el-button
@@ -129,6 +133,7 @@ export default {
   data() {
     return {
       loading: false,
+      saveLoading: false,
       sourceData: [],
       dialogVisible: false,
       editForm: {
@@ -330,6 +335,7 @@ export default {
               message: '请上传文件!'
             })
           }
+          this.saveLoading = true
           const productionAssistantParams = this.formFile(this.fileList, {
             ...this.editForm,
             businessType: 'production_assistant'
@@ -342,11 +348,15 @@ export default {
                 type: 'success',
                 message: '保存成功!'
               })
+              this.saveLoading = false
               this.resetForm()
               await this.getProductionAssistantList()
               this.dialogVisible = false
+            } else {
+              this.saveLoading = false
             }
           } catch (error) {
+            this.saveLoading = false
             console.log('error:>>', error)
           }
         }
@@ -454,7 +464,7 @@ export default {
     border: 1px dashed #d9d9d9;
   }
 
-  :deep() .el-button {
+  .el-button {
     font-size: 28px;
     color: #8c939d;
     text-align: center;