企业管理模块接口对接

src/views/businessManagement/modules/ContactManagementModule.vue

@@ -13,7 +13,7 @@
         <a-col :xl="12" :sm="24">
           <a-form-item label="企业名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
             <company-select placeholder="请选择企业"
-                            v-decorator="['companyName',validatorRules.companyName]"
+                            v-decorator="['company',validatorRules.company]"
                             :maxLength='50'
                             :is-company-disabled="isCompanyDisabled"
                             :disabled="isCompanyDisabled"></company-select>
@@ -31,10 +31,8 @@
       <a-row>
         <a-col :xl="12" :sm="24">
           <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
-            <a-select placeholder="请选择性别"
-                      v-decorator="['gender']"
-                      :maxLength='50'
-                      @change="e => {e.target.value = (e.target.value + '').trim()}"></a-select>
+            <j-dict-select-tag v-decorator="['gender', {}]" :triggerChange="true" placeholder="请选择性别"
+                               dictCode="pay_gender"/>
           </a-form-item>
         </a-col>
         <a-col :xl="12" :sm="24">
@@ -104,6 +102,7 @@ import pick from 'lodash.pick'
 import { httpAction } from '@api/manage'
 import CompanySelect from '@comp/company/CompanySelect'
 import { postcode, phoneReg, isEmail } from '@/utils/validate'
+import { duplicateCheck } from '@api/api'
 
 export default {
   name: 'ContactManagementModule',
@@ -149,11 +148,11 @@ export default {
         sm: { span: 21 }
       },
       url: {
-        add: '',
-        edit: ''
+        add: '/company/payContactsManagement/add',
+        edit: '/company/payContactsManagement/edit'
       },
       validatorRules: {
-        companyName: {
+        company: {
           rules: [{ required: true, message: '请选择企业' }],
           validateTrigger: 'blur'
         },
@@ -189,16 +188,22 @@ export default {
         }
         this.model = Object.assign({}, company)
         this.$nextTick(() => {
-          this.form.setFieldsValue(pick(this.model, 'companyName'))
+          this.form.setFieldsValue(pick(this.model, 'company'))
         })
       }
     },
     edit(record) {
+      console.log(record, '-------edit')
+      let company = {
+        id: record.companyId,
+        companyName: record.companyName
+      }
+      record.company = company
       this.form.resetFields()
       this.model = Object.assign({}, record)
       this.visible = true
       this.$nextTick(() => {
-        this.form.setFieldsValue(pick(this.model, 'companyName', 'name', 'gender', 'post', 'phone', 'email', 'contactAddress', 'postalCode', 'remarks'))
+        this.form.setFieldsValue(pick(this.model, 'company', 'name', 'gender', 'post', 'phone', 'email', 'contactAddress', 'postalCode', 'remarks'))
       })
     },
     close() {
@@ -210,6 +215,10 @@ export default {
       // 触发表单验证
       this.form.validateFields((err, values) => {
         if (!err) {
+          // 处理企业名称和id等信息
+          values.companyName = values.company.companyName
+          values.companyId = values.company.id
+          values.gender = Number(values.gender)
           let httpurl = ''
           let method = ''
           if (!this.model.id) {
@@ -246,10 +255,25 @@ export default {
      */
     checkPhone(rules, value, callback) {
       if (phoneReg(value)) {
+        if (!this.model.id) {
+          const param = {
+            confusionCode: 'pay_contacts_management_phone',
+            fieldVal: value
+          }
+          // 唯一性校验
+          duplicateCheck(param).then(res => {
+            if (res.success) {
+              callback()
+            } else {
+              callback(res.message)
+            }
+          })
+          return
+        }
         callback()
-      } else {
-        callback('请填写正确手机号')
+        return
       }
+      callback('请填写正确手机号')
     },
     /**
      * 邮箱校验