代理商信息修改

src/views/business/userInfoAgent/index.vue

@@ -2,37 +2,25 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item :label="$t('business.agent.userInfoAgent.agentName')" prop="agentName">
-        <el-input
+        <el-input v-model="queryParams.agentName"
-          v-model="queryParams.agentName"
+          :placeholder="$t('business.agent.userInfoAgent.placeholder.agentName')" clearable
-          :placeholder="$t('business.agent.userInfoAgent.placeholder.agentName')"
+          @keyup.enter.native="handleQuery" />
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
       </el-form-item>
       <el-form-item :label="$t('business.agent.userInfoAgent.account')" prop="account">
-        <el-input
+        <el-input v-model="queryParams.account" :placeholder="$t('business.agent.userInfoAgent.placeholder.account')"
-          v-model="queryParams.account"
+          clearable @keyup.enter.native="handleQuery" />
-          :placeholder="$t('business.agent.userInfoAgent.placeholder.account')"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">{{ $t('common.button.search') }}</el-button>
+        <el-button type="primary" icon="el-icon-search" size="mini"
+          @click="handleQuery">{{ $t('common.button.search') }}</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">{{ $t('common.button.reset') }}</el-button>
       </el-form-item>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
-          type="warning"
+          v-hasPermi="['business:userInfoAgent:export']">{{ $t('common.button.export') }}</el-button>
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['business:userInfoAgent:export']"
-        >{{ $t('common.button.export') }}</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -45,28 +33,20 @@
       <el-table-column :label="$t('business.agent.userInfoAgent.licenseOther')" align="center" prop="licenseOther" />
       <el-table-column :label="$t('business.agent.userInfoAgent.legalPerson')" align="center" prop="legalPerson" />
       <el-table-column :label="$t('business.agent.userInfoAgent.operateStatus')" align="center" prop="operateStatus" />
-      <el-table-column :label="$t('business.agent.userInfoAgent.contactAddress')" align="center" prop="contactAddress" />
+      <el-table-column :label="$t('business.agent.userInfoAgent.contactAddress')" align="center"
+        prop="contactAddress" />
       <el-table-column :label="$t('business.agent.userInfoAgent.operateAddr')" align="center" prop="operateAddr" />
-      <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200" class-name="small-padding fixed-width">
+      <el-table-column :label="$t('common.tableMsg.operation')" align="center" width="200"
+        class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-            size="mini"
+            v-hasPermi="['business:userInfoAgent:edit']">{{ $t('common.button.edit') }}</el-button>
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['business:userInfoAgent:edit']"
-          >{{ $t('common.button.edit') }}</el-button>
         </template>
       </el-table-column>
     </el-table>
 
-    <pagination
+    <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-      v-show="total>0"
+      @pagination="getList" />
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
 
     <!-- 添加或修改代理商信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
@@ -78,20 +58,25 @@
           <el-input v-model="form.license" :placeholder="$t('business.agent.userInfoAgent.placeholder.license')" />
         </el-form-item>
         <el-form-item :label="$t('business.agent.userInfoAgent.licenseOther')" prop="licenseOther">
-          <el-input v-model="form.licenseOther" :placeholder="$t('business.agent.userInfoAgent.placeholder.licenseOther')" />
+          <el-input v-model="form.licenseOther"
+            :placeholder="$t('business.agent.userInfoAgent.placeholder.licenseOther')" />
         </el-form-item>
         <el-form-item :label="$t('business.agent.userInfoAgent.legalPerson')" prop="legalPerson">
-          <el-input v-model="form.legalPerson" :placeholder="$t('business.agent.userInfoAgent.placeholder.legalPerson')" />
+          <el-input v-model="form.legalPerson"
+            :placeholder="$t('business.agent.userInfoAgent.placeholder.legalPerson')" />
         </el-form-item>
         <el-form-item :label="$t('business.agent.userInfoAgent.contactAddress')" prop="contactAddress">
-          <el-input v-model="form.contactAddress" :placeholder="$t('business.agent.userInfoAgent.placeholder.contactAddress')" />
+          <el-input v-model="form.contactAddress"
+            :placeholder="$t('business.agent.userInfoAgent.placeholder.contactAddress')" />
         </el-form-item>
         <el-form-item :label="$t('business.agent.userInfoAgent.operateAddr')" prop="operateAddr">
-          <el-input v-model="form.operateAddr" :placeholder="$t('business.agent.userInfoAgent.placeholder.operateAddr')" />
+          <el-input v-model="form.operateAddr"
+            :placeholder="$t('business.agent.userInfoAgent.placeholder.operateAddr')" />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button :loading="buttonLoading" type="primary" @click="submitForm">{{ $t('common.button.confirm') }}</el-button>
+        <el-button :loading="buttonLoading" type="primary"
+          @click="submitForm">{{ $t('common.button.confirm') }}</el-button>
         <el-button @click="cancel">{{ $t('common.button.cancel') }}</el-button>
       </div>
     </el-dialog>
@@ -100,7 +85,13 @@
 </template>
 
 <script>
-import { listUserInfoAgent, getUserInfoAgent, delUserInfoAgent, addUserInfoAgent, updateUserInfoAgent } from "@/api/business/userInfoAgent";
+  import {
+    listUserInfoAgent,
+    getUserInfoAgent,
+    delUserInfoAgent,
+    addUserInfoAgent,
+    updateUserInfoAgent
+  } from "@/api/business/userInfoAgent";
 
   export default {
     name: "UserInfoAgent",
@@ -143,33 +134,51 @@ export default {
         form: {},
         // 表单校验
         rules: {
-        id: [
+          id: [{
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.idRequired'), trigger: "blur" }
+            required: true,
-        ],
+            message: this.$t('business.agent.userInfoAgent.rule.idRequired'),
-        userId: [
+            trigger: "blur"
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.userIdRequired'), trigger: "blur" }
+          }],
-        ],
+          /* userId: [{
-        agentName: [
+            required: true,
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.agentNameRequired'), trigger: "blur" }
+            message: this.$t('business.agent.userInfoAgent.rule.userIdRequired'),
-        ],
+            trigger: "blur"
-        license: [
+          }], */
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.licenseRequired'), trigger: "blur" }
+          agentName: [{
-        ],
+            required: true,
-        licenseOther: [
+            message: this.$t('business.agent.userInfoAgent.rule.agentNameRequired'),
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.licenseOtherRequired'), trigger: "blur" }
+            trigger: "blur"
-        ],
+          }],
-        legalPerson: [
+          license: [{
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.legalPersonRequired'), trigger: "blur" }
+            required: true,
-        ],
+            message: this.$t('business.agent.userInfoAgent.rule.licenseRequired'),
-        operateStatus: [
+            trigger: "blur"
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.operateStatusRequired'), trigger: "change" }
+          }],
-        ],
+          licenseOther: [{
-        contactAddress: [
+            required: true,
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.contactAddressRequired'), trigger: "blur" }
+            message: this.$t('business.agent.userInfoAgent.rule.licenseOtherRequired'),
-        ],
+            trigger: "blur"
-        operateAddr: [
+          }],
-          { required: true, message: this.$t('business.agent.userInfoAgent.rule.operateAddrRequired'), trigger: "blur" }
+          legalPerson: [{
-        ],
+            required: true,
+            message: this.$t('business.agent.userInfoAgent.rule.legalPersonRequired'),
+            trigger: "blur"
+          }],
+          /* operateStatus: [{
+            required: true,
+            message: this.$t('business.agent.userInfoAgent.rule.operateStatusRequired'),
+            trigger: "change"
+          }], */
+          contactAddress: [{
+            required: true,
+            message: this.$t('business.agent.userInfoAgent.rule.contactAddressRequired'),
+            trigger: "blur"
+          }],
+          operateAddr: [{
+            required: true,
+            message: this.$t('business.agent.userInfoAgent.rule.operateAddrRequired'),
+            trigger: "blur"
+          }],
         }
       };
     },
@@ -273,15 +282,16 @@ export default {
       /** 删除按钮操作 */
       handleDelete(row) {
         const ids = row.id || this.ids;
-      this.$modal.confirm(this.$t('business.agent.userInfoAgent.deleteConfirm', { ids: ids })).then(() => {
+        this.$modal.confirm(this.$t('business.agent.userInfoAgent.deleteConfirm', {
+          ids: ids
+        })).then(() => {
           this.loading = true;
           return delUserInfoAgent(ids);
         }).then(() => {
           this.loading = false;
           this.getList();
           this.$modal.msgSuccess(this.$t('business.agent.userInfoAgent.deleteSuccess'));
-      }).catch(() => {
+        }).catch(() => {}).finally(() => {
-      }).finally(() => {
           this.loading = false;
         });
       },