提交后修改loading状态。

.env.development

@@ -1,2 +1,2 @@
-//VUE_APP_BACKEND_URL=http://localhost:8081/picc-admin-server
-VUE_APP_BACKEND_URL=http://gyxm.jing-zhou.gov.cn/picc-admin-server
+VUE_APP_BACKEND_URL=http://localhost:8081/picc-admin-server
+//VUE_APP_BACKEND_URL=http://gyxm.jing-zhou.gov.cn/picc-admin-server

src/views/business/insuranceFirst-firstApproval.vue

@@ -61,7 +61,7 @@
                   <el-button size="mini" type="success" @click="downloadFiles()">打包下载申请资料</el-button>
                 </td>
                 <td>
-                  <el-button size="mini" type="primary" @click="saveApproval()">提交</el-button>
+                  <el-button size="mini" type="primary" :loading="submiting" @click="saveApproval()">提交</el-button>
                 </td>
               </tr>
             </table>
@@ -128,7 +128,8 @@ export default {
       totalPagesRecord: 0,
       totalElementsRecord: 0,
       filesData: [],
-      insuranceAgentlist: ""
+      insuranceAgentlist: "",
+      submiting: false
     };
   },
   methods: {
@@ -175,10 +176,14 @@ export default {
             formData.append("processStatus", self.formModel.processStatus);
             formData.append("opinion", self.formModel.opinion);
 
+            self.submiting = true;
+
             return approvalApi.firstApproval(formData);
           })().then(function(response) {
             var jsonData = response.data;
 
+            self.submiting = false;
+
             if (jsonData.result) {
               self.$message({
                 message: "保存成功!",

src/views/business/insuranceFirst-secondApproval.vue

@@ -57,7 +57,7 @@
                   <el-button size="mini" type="success" @click="downloadFiles()">打包下载申请资料</el-button>
                 </td>
                 <td>
-                  <el-button size="mini" type="primary" @click="saveApproval()">提交</el-button>
+                  <el-button size="mini" type="primary" :loading="submiting" @click="saveApproval()">提交</el-button>
                 </td>
               </tr>
             </table>
@@ -125,7 +125,8 @@ export default {
       totalPagesRecord: 0,
       totalElementsRecord: 0,
       filesData: [],
-      insuranceAgentlist: ""
+      insuranceAgentlist: "",
+      submiting: false
     };
   },
   methods: {
@@ -172,8 +173,11 @@ export default {
             formData.append("processStatus", self.formModel.processStatus);
             formData.append("opinion", self.formModel.opinion);
 
+            self.submiting = true;
             return approvalApi.secondApproval(formData);
           })().then(function(response) {
+            self.submiting = false;
+            
             var jsonData = response.data;
 
             if (jsonData.result) {

src/views/business/insuranceFirst-transfer.vue

@@ -36,14 +36,14 @@
                 </td>
               </tr>
               <tr>
-                <td colspan="2">
+                <td>
                   <el-form-item label="应收保费">{{insureData.insuranceFee}}</el-form-item>
                 </td>
               </tr>
               <tr>
                 <td colspan="2">
                   <el-form-item label="出账银行" prop="issuingBank">
-                    <el-input placeholder="请输入出账银行" v-model="formModel.issuingBank"></el-input>
+                    <el-input placeholder="请输入出账银行" v-model="formModel.issuingBank" width="150"></el-input>
                   </el-form-item>
                 </td>
               </tr>
@@ -108,7 +108,7 @@
                   <el-button size="mini" type="success" @click="downloadFiles()">打包下载申请资料</el-button>
                 </td>
                 <td>
-                  <el-button size="mini" type="primary" @click="saveApproval()">提交</el-button>
+                  <el-button size="mini" type="primary" :loading="submiting" @click="saveApproval()">提交</el-button>
                 </td>
               </tr>
             </table>
@@ -202,7 +202,8 @@ export default {
       filesData: [],
       insuranceAgentlist: "",
       policy: "",
-      agentData: []
+      agentData: [],
+      submiting: false
     };
   },
   methods: {
@@ -262,9 +263,12 @@ export default {
             formData.append("issuingBank", self.formModel.issuingBank);
             formData.append("singlNumber", self.formModel.singlNumber);
             formData.append("agentId", self.formModel.agentId);
+
+            self.submiting = true;
             return approvalApi.transfer(formData);
           })().then(function(response) {
             var jsonData = response.data;
+            self.submiting = false;
 
             if (jsonData.result) {
               self.$message({

src/views/business/insurancePolicy-transfer.vue

@@ -21,98 +21,57 @@
       <el-container>
         <el-main>
           <el-form ref="form" :model="formModel" :rules="ruleValidate" :label-width="'100px'">
-            <table>
-              <tr>
-                <td>当前步骤</td>
-                <td>{{policy.statusN}}</td>
-              </tr>
-              <tr>
-                <td colspan="2">
-                  <el-form-item label="处理类型" prop="processStatus">
-                    <el-select v-model="formModel.processStatus" placeholder="请选择" filterable>
-                      <el-option label="通过" value="正常"></el-option>
-                      <el-option label="退回" value="回退"></el-option>
-                    </el-select>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <td colspan="2">
-                  <el-form-item label="应收保费" prop="issuingBank">{{policy.insuranceFee}}</el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <td colspan="2">
-                  <el-form-item label="出账银行" prop="issuingBank">
-                    <el-input placeholder="请输入出账银行" v-model="formModel.issuingBank"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <td colspan="2">
-                  <el-form-item label="入账银行" prop="accountBank">
-                    <el-input placeholder="请输入入账银行" v-model="formModel.accountBank"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <td colspan="2">
-                  <el-form-item label="转账单号" prop="singlNumber">
-                    <el-input placeholder="请输入转账单号" v-model="formModel.singlNumber"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
-              <!-- <tr>
-                <td colspan="2">
-                  <el-form-item label="推广员账号" prop="issuingBank">
-                    <el-input placeholder="请输入推广员账号" v-model="formModel.issuingBank"></el-input>
-                  </el-form-item>
-                </td>
-              </tr>-->
-              <tr>
-                <td colspan="2">
-                  <el-form-item label="保险代理人" prop="agentId">
-                    <el-select
-                      v-model="formModel.agentId"
-                      filterable
-                      placeholder="请选择"
-                      style="width:300px"
-                    >
-                      <el-option
-                        v-for="agent in agentData"
-                        :key="agent.id "
-                        :label="agent.name"
-                        :value="agent.id"
-                      ></el-option>
-                    </el-select>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <td colspan="2">
-                  <el-form-item prop="opinion">
-                    <el-input
-                      type="textarea"
-                      :rows="8"
-                      placeholder="请输入处理意见"
-                      v-model="formModel.opinion"
-                    ></el-input>
-                  </el-form-item>
-                </td>
-              </tr>
-              <tr>
-                <td>下一步骤</td>
-                <td>出单</td>
-              </tr>
-              <tr>
-                <td>
-                  <el-button size="mini" type="success" @click="downloadFiles()">打包下载申请资料</el-button>
-                </td>
-                <td>
-                  <el-button size="mini" type="primary" @click="saveApproval()">提交</el-button>
-                </td>
-              </tr>
-            </table>
+            <el-form-item label="当前步骤" style="text-align:left;">
+            {{policy.statusN}}
+            </el-form-item>
+            <el-form-item label="处理类型" prop="processStatus">
+              <el-select v-model="formModel.processStatus" placeholder="请选择" filterable>
+                <el-option label="通过" value="正常"></el-option>
+                <el-option label="退回" value="回退"></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="应收保费" style="text-align:left;">
+              {{policy.insuranceFee}}
+              </el-form-item>
+            <el-form-item label="出账银行" prop="issuingBank">
+              <el-input placeholder="请输入出账银行" v-model="formModel.issuingBank"></el-input>
+            </el-form-item>
+            <el-form-item label="入账银行" prop="accountBank">
+              <el-input placeholder="请输入入账银行" v-model="formModel.accountBank"></el-input>
+            </el-form-item>
+            <el-form-item label="转账单号" prop="singlNumber">
+              <el-input placeholder="请输入转账单号" v-model="formModel.singlNumber"></el-input>
+            </el-form-item>
+            <el-form-item label="保险代理人" prop="agentId">
+              <el-select
+                v-model="formModel.agentId"
+                filterable
+                placeholder="请选择"
+                style="width:300px"
+              >
+                <el-option
+                  v-for="agent in agentData"
+                  :key="agent.id "
+                  :label="agent.name"
+                  :value="agent.id"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item prop="opinion">
+              <el-input
+                type="textarea"
+                :rows="8"
+                placeholder="请输入处理意见"
+                v-model="formModel.opinion"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="下一步骤" style="text-align:left;">
+              出单
+            </el-form-item>
+            <el-form-item>
+              <el-button size="mini" type="success" @click="downloadFiles()">打包下载申请资料</el-button>
+              <el-button size="mini" type="primary" :loading="submiting" @click="saveApproval()">提交</el-button>
+            </el-form-item>
           </el-form>
         </el-main>
       </el-container>
@@ -202,7 +161,8 @@ export default {
       filesData: [],
       insuranceAgentlist: "",
       policy: "",
-      agentData:[]
+      agentData:[],
+      submiting: false
     };
   },
   methods: {
@@ -271,9 +231,11 @@ export default {
             formData.append("singlNumber", self.formModel.singlNumber);
             formData.append("agentId", self.formModel.agentId);
 
+            self.submiting = true;
             return approvalApi.transfer(formData);
           })().then(function(response) {
             var jsonData = response.data;
+            self.submiting = false;
 
             if (jsonData.result) {
               self.$message({

src/views/sys/menu-detail.vue

@@ -21,6 +21,7 @@
             v-model="formModel.parentId"
             filterable
             remote
+            clearable
             placeholder="请输入关键词"
             :remote-method="queryMenu"
             style="width:300px"