[update] 工作组成员--企业联系人验重

src/views/businessManagement/modules/ContactManagementModule.vue

@@ -8,92 +8,94 @@
     @ok="handleOk"
     @cancel="handleCancel"
     cancelText="关闭">
-    <a-form :form="form">
-      <a-row>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="企业名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <company-select placeholder="请选择企业"
-                            v-decorator="['company',validatorRules.company]"
-                            :maxLength='50'
-                            :is-company-disabled="isCompanyDisabled"
-                            :disabled="isCompanyDisabled"
-                            @change="companyChange"></company-select>
-          </a-form-item>
-        </a-col>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-input placeholder="请输入姓名"
-                     v-decorator="['name',validatorRules.name]"
-                     :maxLength='50'></a-input>
-          </a-form-item>
-        </a-col>
-      </a-row>
-      <a-row>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <j-dict-select-tag v-decorator="['gender', {}]" :triggerChange="true" placeholder="请选择性别"
-                               dictCode="sex"/>
-          </a-form-item>
-        </a-col>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="职务" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-input placeholder="请输入职务"
-                     v-decorator="['post']"
-                     :maxLength='50'
-                     @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
-          </a-form-item>
-        </a-col>
-      </a-row>
-      <a-row>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-input placeholder="请输入手机号"
-                     v-decorator="['phone',validatorRules.phone]"
-                     :maxLength='11'
-                     @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
-          </a-form-item>
-        </a-col>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-input placeholder="请输入邮箱"
-                     v-decorator="['email',validatorRules.email]"
-                     :maxLength='50'
-                     @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
-          </a-form-item>
-        </a-col>
-      </a-row>
-      <a-row>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="通讯地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-input placeholder="请输入通讯地址"
-                     :maxLength='50'
-                     v-decorator="['contactAddress',validatorRules.contactAddress]"
-                     @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
-          </a-form-item>
-        </a-col>
-        <a-col :xl="12" :sm="24">
-          <a-form-item label="邮政编码" :labelCol="labelCol" :wrapperCol="wrapperCol" class="form-item-postcode">
-            <a-input placeholder="请输入邮政编码"
-                     :maxLength='6'
-                     v-decorator="['postalCode',validatorRules.postalCode]"
-                     @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
-            <a class="search-postcode" href="https://www.youbianku.com" target="_blank">查询邮编</a>
-          </a-form-item>
-        </a-col>
-      </a-row>
-      <a-row>
-        <a-col>
-          <a-form-item label="备注" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
-            <a-textarea
-              placeholder="请输入备注"
-              :auto-size="{ minRows: 3, maxRows: 6 }"
-              v-decorator="['remarks']"
-              :maxLength='200'
-              @change="e => {e.target.value = (e.target.value + '').trim()}"/>
-          </a-form-item>
-        </a-col>
-      </a-row>
-    </a-form>
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="企业名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <company-select placeholder="请选择企业"
+                              v-decorator="['company',validatorRules.company]"
+                              :maxLength='50'
+                              :is-company-disabled="isCompanyDisabled"
+                              :disabled="isCompanyDisabled"
+                              @change="companyChange"></company-select>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入姓名"
+                       v-decorator="['name',validatorRules.name]"
+                       :maxLength='50'></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <j-dict-select-tag v-decorator="['gender', {}]" :triggerChange="true" placeholder="请选择性别"
+                                 dictCode="sex"/>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="职务" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入职务"
+                       v-decorator="['post']"
+                       :maxLength='50'
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="手机号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入手机号"
+                       v-decorator="['phone',validatorRules.phone]"
+                       :maxLength='11'
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入邮箱"
+                       v-decorator="['email',validatorRules.email]"
+                       :maxLength='50'
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="通讯地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
+              <a-input placeholder="请输入通讯地址"
+                       :maxLength='50'
+                       v-decorator="['contactAddress',validatorRules.contactAddress]"
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+            </a-form-item>
+          </a-col>
+          <a-col :xl="12" :sm="24">
+            <a-form-item label="邮政编码" :labelCol="labelCol" :wrapperCol="wrapperCol" class="form-item-postcode">
+              <a-input placeholder="请输入邮政编码"
+                       :maxLength='6'
+                       v-decorator="['postalCode',validatorRules.postalCode]"
+                       @change="e => {e.target.value = (e.target.value + '').trim()}"></a-input>
+              <a class="search-postcode" href="https://www.youbianku.com" target="_blank">查询邮编</a>
+            </a-form-item>
+          </a-col>
+        </a-row>
+        <a-row>
+          <a-col>
+            <a-form-item label="备注" :labelCol="remarksLabelCol" :wrapperCol="remarksWrapperCol">
+              <a-textarea
+                placeholder="请输入备注"
+                :auto-size="{ minRows: 3, maxRows: 6 }"
+                v-decorator="['remarks']"
+                :maxLength='200'
+                @change="e => {e.target.value = (e.target.value + '').trim()}"/>
+            </a-form-item>
+          </a-col>
+        </a-row>
+      </a-form>
+    </a-spin>
   </j-modal>
 </template>
 
@@ -103,11 +105,11 @@ import { httpAction } from '@api/manage'
 import CompanySelect from '@comp/company/CompanySelect'
 import { postcode, phoneReg, isEmail } from '@/utils/validate'
 import { duplicateCheck } from '@api/api'
-import { queryContactByName } from "../../../api/incomePaymentsApi"
+import { queryContactByName } from '../../../api/incomePaymentsApi'
 
 export default {
   name: 'ContactManagementModule',
-  components: {CompanySelect},
+  components: { CompanySelect },
   props: {
     // 是否可以选择企业 true--不可选；false--可选
     isCompanyDisabled: {
@@ -145,20 +147,20 @@ export default {
       form: this.$form.createForm(this),
       model: {},
       labelCol: {
-        xs: {span: 24},
-        sm: {span: 6}
+        xs: { span: 24 },
+        sm: { span: 6 }
       },
       wrapperCol: {
-        xs: {span: 24},
-        sm: {span: 18}
+        xs: { span: 24 },
+        sm: { span: 18 }
       },
       remarksLabelCol: {
-        xs: {span: 24},
-        sm: {span: 3}
+        xs: { span: 24 },
+        sm: { span: 3 }
       },
       remarksWrapperCol: {
-        xs: {span: 24},
-        sm: {span: 21}
+        xs: { span: 24 },
+        sm: { span: 21 }
       },
       url: {
         add: '/company/payContactsManagement/add',
@@ -166,31 +168,31 @@ export default {
       },
       validatorRules: {
         company: {
-          rules: [{required: true, validator: this.checkCompany}],
+          rules: [{ required: true, validator: this.checkCompany }],
           validateTrigger: 'change'
         },
         name: {
-          rules: [{required: true, validator: this.checkName}],
+          rules: [{ required: true, validator: this.checkName }],
           validateTrigger: 'blur'
         },
         phone: {
-          rules: [{required: true, validator: this.checkPhone}],
+          rules: [{ required: true, validator: this.checkPhone }],
           validateTrigger: 'blur'
         },
         email: {
-          rules: [{required: true, validator: this.checkMail}],
+          rules: [{ required: true, validator: this.checkMail }],
           validateTrigger: 'blur'
         },
         postalCode: {
-          rules: [{required: true, validator: this.checkPostcode}],
+          rules: [{ required: true, validator: this.checkPostcode }],
           validateTrigger: 'blur'
         },
         contactAddress: {
-          rules: [{required: true, message: '请输入通讯地址'}],
+          rules: [{ required: true, message: '请输入通讯地址' }],
           validateTrigger: 'blur'
         }
       },
-      selectedCompanyId: null, // 当前选择企业的id
+      selectedCompanyId: null // 当前选择企业的id
     }
   },
   methods: {
@@ -228,6 +230,7 @@ export default {
       // 触发表单验证
       this.form.validateFields((err, values) => {
         if (!err) {
+          that.confirmLoading = true
           // 处理企业名称和id等信息
           values.companyName = values.company.companyName
           values.companyId = values.company.id