11/22

src/views/main/Customer/addForm.vue

@@ -36,90 +36,59 @@
       </a-col>
       <a-col :span="6">
         <a-form-item label="全称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入全称" v-decorator="['fullName']" />
-            placeholder="请输入全称"
-            v-decorator="['fullName', { rules: [{ required: true, message: '请输入全称！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="负责人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入负责人" v-decorator="['chief']" />
-            placeholder="请输入负责人"
-            v-decorator="['chief', { rules: [{ required: true, message: '请输入负责人！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="6">
         <a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入电话" v-decorator="['tel']" />
-            placeholder="请输入电话"
-            v-decorator="['tel', { rules: [{ required: true, message: '请输入电话！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入邮箱" v-decorator="['email']" />
-            placeholder="请输入邮箱"
-            v-decorator="['email', { rules: [{ required: true, message: '请输入邮箱！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="QQ" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入QQ" v-decorator="['qq']" />
-            placeholder="请输入QQ"
-            v-decorator="['qq', { rules: [{ required: true, message: '请输入QQ！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="网址" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入网址" v-decorator="['webUrl']" />
-            placeholder="请输入网址"
-            v-decorator="['webUrl', { rules: [{ required: true, message: '请输入网址！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="6">
         <a-form-item label="省份" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入省份" v-decorator="['province']" />
-            placeholder="请输入省份"
-            v-decorator="['province', { rules: [{ required: true, message: '请输入省份！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="城市" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入城市" v-decorator="['city']" />
-            placeholder="请输入城市"
-            v-decorator="['city', { rules: [{ required: true, message: '请输入城市！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="地址" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入地址" v-decorator="['addr']" />
-            placeholder="请输入地址"
-            v-decorator="['addr', { rules: [{ required: true, message: '请输入地址！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="客户属性" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select
+          <a-select mode="multiple" placeholder="请选择客户属性" v-decorator="['WpropString']">
-            mode="multiple"
+            <a-select-option v-for="item in propStringData" :key="item.id" :value="item.code">
-            placeholder="请选择客户属性"
+              {{ item.name }}
-            v-decorator="['WpropString', { rules: [{ required: true, message: '请选择客户属性！' }] }]"
+            </a-select-option>
-          >
-            <a-select-option v-for="item in propStringData" :key="item.id" :value="item.code">{{
-              item.name
-            }}</a-select-option>
           </a-select>
         </a-form-item>
       </a-col>
@@ -127,18 +96,12 @@
     <a-row>
       <a-col :span="12">
         <a-form-item label="英文全名" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入英文全名" v-decorator="['fullNameEN']" />
-            placeholder="请输入英文全名"
-            v-decorator="['fullNameEN', { rules: [{ required: true, message: '请输入英文全名！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="英文地址" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入英文地址" v-decorator="['addrEN']" />
-            placeholder="请输入英文地址"
-            v-decorator="['addrEN', { rules: [{ required: true, message: '请输入英文地址！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
@@ -199,62 +162,41 @@
     <a-row>
       <a-col :span="12">
         <a-form-item label="发票抬头" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入发票抬头" v-decorator="['invTitle']" />
-            placeholder="请输入发票抬头"
-            v-decorator="['invTitle', { rules: [{ required: true, message: '请输入发票抬头！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="纳税人识别号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入纳税人识别号" v-decorator="['taxNO']" />
-            placeholder="请输入纳税人识别号"
-            v-decorator="['taxNO', { rules: [{ required: true, message: '请输入纳税人识别号！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="18">
         <a-form-item label="发票地址电话" :labelCol="labelCol3" :wrapperCol="wrapperCol3" has-feedback>
-          <a-input
+          <a-input placeholder="请输入发票地址电话" v-decorator="['invAddrTel']" />
-            placeholder="请输入发票地址电话"
-            v-decorator="['invAddrTel', { rules: [{ required: true, message: '请输入发票地址电话！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="12">
         <a-form-item label="人民币开户行" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入人民币开户行" v-decorator="['rmbBank']" />
-            placeholder="请输入人民币开户行"
-            v-decorator="['rmbBank', { rules: [{ required: true, message: '请输入人民币开户行！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="人民币账号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入人民币账号" v-decorator="['rmbAccount']" />
-            placeholder="请输入人民币账号"
-            v-decorator="['rmbAccount', { rules: [{ required: true, message: '请输入人民币账号！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="12">
         <a-form-item label="美元开户行" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入美元开户行" v-decorator="['usdBank']" />
-            placeholder="请输入美元开户行"
-            v-decorator="['usdBank', { rules: [{ required: true, message: '请输入美元开户行！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="美元账号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入美元账号" v-decorator="['usdAccount']" />
-            placeholder="请输入美元账号"
-            v-decorator="['usdAccount', { rules: [{ required: true, message: '请输入美元账号！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
@@ -355,6 +297,7 @@ export default {
         form: { validateFields }
       } = this
       this.confirmLoading = true
+
       validateFields((errors, values) => {
         if (!errors) {
           for (const key in values) {
@@ -362,15 +305,15 @@ export default {
               values[key] = JSON.stringify(values[key])
             }
           }
-
           let propString = ''
-
+          if (values.WpropString) {
             values.WpropString.split('["')[1]
               .split('"]')[0]
               .split('","')
               .forEach(item2 => {
                 propString == '' ? (propString = `[${item2}]`) : (propString = `${propString}[${item2}]`)
               })
+          }
 
           DjyCustomerAdd({ ...values, propString: propString, contacts: this.ContactsData })
             .then(res => {

src/views/main/Customer/editForm.vue

@@ -36,87 +36,56 @@
       </a-col>
       <a-col :span="6">
         <a-form-item label="全称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入全称" v-decorator="['fullName']" />
-            placeholder="请输入全称"
-            v-decorator="['fullName', { rules: [{ required: true, message: '请输入全称！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="负责人" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入负责人" v-decorator="['chief']" />
-            placeholder="请输入负责人"
-            v-decorator="['chief', { rules: [{ required: true, message: '请输入负责人！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="6">
         <a-form-item label="电话" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入电话" v-decorator="['tel']" />
-            placeholder="请输入电话"
-            v-decorator="['tel', { rules: [{ required: true, message: '请输入电话！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入邮箱" v-decorator="['email']" />
-            placeholder="请输入邮箱"
-            v-decorator="['email', { rules: [{ required: true, message: '请输入邮箱！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="QQ" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入QQ" v-decorator="['qq']" />
-            placeholder="请输入QQ"
-            v-decorator="['qq', { rules: [{ required: true, message: '请输入QQ！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="网址" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入网址" v-decorator="['webUrl']" />
-            placeholder="请输入网址"
-            v-decorator="['webUrl', { rules: [{ required: true, message: '请输入网址！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="6">
         <a-form-item label="省份" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入省份" v-decorator="['province']" />
-            placeholder="请输入省份"
-            v-decorator="['province', { rules: [{ required: true, message: '请输入省份！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="城市" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入城市" v-decorator="['city']" />
-            placeholder="请输入城市"
-            v-decorator="['city', { rules: [{ required: true, message: '请输入城市！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="地址" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-input
+          <a-input placeholder="请输入地址" v-decorator="['addr']" />
-            placeholder="请输入地址"
-            v-decorator="['addr', { rules: [{ required: true, message: '请输入地址！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="6">
         <a-form-item label="客户属性" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-          <a-select
+          <a-select mode="multiple" placeholder="请选择客户属性" v-decorator="['WpropString']">
-            mode="multiple"
-            placeholder="请选择客户属性"
-            v-decorator="['WpropString', { rules: [{ required: true, message: '请选择客户属性！' }] }]"
-          >
             <a-select-option v-for="item in propStringData" :key="item.id" :value="item.code">{{
               item.name
             }}</a-select-option>
@@ -127,18 +96,12 @@
     <a-row>
       <a-col :span="12">
         <a-form-item label="英文全名" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入英文全名" v-decorator="['fullNameEN']" />
-            placeholder="请输入英文全名"
-            v-decorator="['fullNameEN', { rules: [{ required: true, message: '请输入英文全名！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="英文地址" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入英文地址" v-decorator="['addrEN']" />
-            placeholder="请输入英文地址"
-            v-decorator="['addrEN', { rules: [{ required: true, message: '请输入英文地址！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
@@ -199,62 +162,41 @@
     <a-row>
       <a-col :span="12">
         <a-form-item label="发票抬头" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入发票抬头" v-decorator="['invTitle']" />
-            placeholder="请输入发票抬头"
-            v-decorator="['invTitle', { rules: [{ required: true, message: '请输入发票抬头！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="纳税人识别号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入纳税人识别号" v-decorator="['taxNO']" />
-            placeholder="请输入纳税人识别号"
-            v-decorator="['taxNO', { rules: [{ required: true, message: '请输入纳税人识别号！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="18">
         <a-form-item label="发票地址电话" :labelCol="labelCol3" :wrapperCol="wrapperCol3" has-feedback>
-          <a-input
+          <a-input placeholder="请输入发票地址电话" v-decorator="['invAddrTel']" />
-            placeholder="请输入发票地址电话"
-            v-decorator="['invAddrTel', { rules: [{ required: true, message: '请输入发票地址电话！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="12">
         <a-form-item label="人民币开户行" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入人民币开户行" v-decorator="['rmbBank']" />
-            placeholder="请输入人民币开户行"
-            v-decorator="['rmbBank', { rules: [{ required: true, message: '请输入人民币开户行！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="人民币账号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入人民币账号" v-decorator="['rmbAccount']" />
-            placeholder="请输入人民币账号"
-            v-decorator="['rmbAccount', { rules: [{ required: true, message: '请输入人民币账号！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
     <a-row>
       <a-col :span="12">
         <a-form-item label="美元开户行" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入美元开户行" v-decorator="['usdBank']" />
-            placeholder="请输入美元开户行"
-            v-decorator="['usdBank', { rules: [{ required: true, message: '请输入美元开户行！' }] }]"
-          />
         </a-form-item>
       </a-col>
       <a-col :span="12">
         <a-form-item label="美元账号" :labelCol="labelCol2" :wrapperCol="wrapperCol2" has-feedback>
-          <a-input
+          <a-input placeholder="请输入美元账号" v-decorator="['usdAccount']" />
-            placeholder="请输入美元账号"
-            v-decorator="['usdAccount', { rules: [{ required: true, message: '请输入美元账号！' }] }]"
-          />
         </a-form-item>
       </a-col>
     </a-row>
@@ -323,10 +265,16 @@ export default {
         item.WebKey = index + 1
       })
       this.ContactsData = res.data.contacts
+      if (WpropString.length) {
         this.form.setFieldsValue({
           ...res.data,
           WpropString
         })
+      } else {
+        this.form.setFieldsValue({
+          ...res.data
+        })
+      }
     })
     this.TypeData = this.$options.filters['dictData']('djy_cust_contact_role')
     this.propStringData = this.$options.filters['dictData']('djy_cust_prop')
@@ -399,12 +347,15 @@ export default {
             }
           }
           let propString = ''
+          if (values.WpropString) {
             values.WpropString.split('["')[1]
               .split('"]')[0]
               .split('","')
               .forEach(item2 => {
                 propString == '' ? (propString = `[${item2}]`) : (propString = `${propString}[${item2}]`)
               })
+          }
+
           DjyCustomerEdit({ ...this.Data, ...values, propString: propString, contacts: this.ContactsData })
             .then(res => {
               if (res.success) {