|
@@ -27,21 +27,21 @@
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="联系手机" prop="address">
|
|
|
+ <a-form-model-item label="联系手机" prop="mobile">
|
|
|
<a-input
|
|
|
- id="customerManagementEdit-address"
|
|
|
+ id="customerManagementEdit-mobile"
|
|
|
:maxLength="11"
|
|
|
- v-model="form.address"
|
|
|
+ v-model="form.mobile"
|
|
|
placeholder="请输入联系手机(最多11个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="联系人" prop="address">
|
|
|
+ <a-form-model-item label="联系人" prop="contact">
|
|
|
<a-input
|
|
|
- id="customerManagementEdit-address"
|
|
|
+ id="customerManagementEdit-contact"
|
|
|
:maxLength="30"
|
|
|
- v-model="form.address"
|
|
|
+ v-model="form.contact"
|
|
|
placeholder="请输入联系人(最多30个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
@@ -53,22 +53,22 @@
|
|
|
<a-row :gutter="15">
|
|
|
<!-- 客户地址 -->
|
|
|
<a-col span="8">
|
|
|
- <a-form-model-item prop="provinceCode">
|
|
|
- <a-select id="customerManagementEdit-provinceCode" @change="getCityList" v-model="form.provinceCode" placeholder="请选择省">
|
|
|
+ <a-form-model-item prop="province">
|
|
|
+ <a-select id="customerManagementEdit-province" @change="getCityList" v-model="form.province" placeholder="请选择省">
|
|
|
<a-select-option v-for="item in addrProvinceList" :value="item.id" :key="item.id + 'a'">{{ item.name }}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col span="8">
|
|
|
- <a-form-model-item prop="cityCode">
|
|
|
- <a-select id="customerManagementEdit-cityCode" @change="getAreaList" v-model="form.cityCode" placeholder="请选择市">
|
|
|
+ <a-form-model-item prop="city">
|
|
|
+ <a-select id="customerManagementEdit-city" @change="getAreaList" v-model="form.city" placeholder="请选择市">
|
|
|
<a-select-option v-for="item in addrCityList" :value="item.id" :key="item.id + 'b'">{{ item.name }}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col span="8">
|
|
|
- <a-form-model-item prop="districtCode">
|
|
|
- <a-select id="customerManagementEdit-districtCode" @change="areaCharged" v-model="form.districtCode" placeholder="请选择区/县">
|
|
|
+ <a-form-model-item prop="district">
|
|
|
+ <a-select id="customerManagementEdit-district" @change="areaCharged" v-model="form.district" placeholder="请选择区/县">
|
|
|
<a-select-option v-for="item in addrDistrictList" :value="item.id" :key="item.id + 'c'">{{ item.name }}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
@@ -89,18 +89,18 @@
|
|
|
</a-row>
|
|
|
<a-row :gutter="15">
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="客户传真" prop="contactName">
|
|
|
+ <a-form-model-item label="客户传真" prop="fax">
|
|
|
<a-input
|
|
|
- id="customerManagementEdit-contactName"
|
|
|
+ id="customerManagementEdit-fax"
|
|
|
:maxLength="30"
|
|
|
- v-model="form.contactName"
|
|
|
+ v-model="form.fax"
|
|
|
placeholder="请输入客户传真(最多30个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="配送方式" prop="contactPhone">
|
|
|
- <v-select code="DISPATCH_FASHION" id="customerManagementEdit-dispatchFashion" v-model="form.dispatchFashion" allowClear placeholder="请选择配送方式"></v-select>
|
|
|
+ <a-form-model-item label="配送方式" prop="distributionType">
|
|
|
+ <v-select code="DISPATCH_FASHION" id="customerManagementEdit-distributionType" v-model="form.distributionType" allowClear placeholder="请选择配送方式"></v-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
@@ -113,28 +113,35 @@
|
|
|
</a-row>
|
|
|
<a-row :gutter="15">
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="价格类型" prop="contactPhone">
|
|
|
- <v-select code="PRICE_TYPE" id="customerManagementEdit-priceType" v-model="form.priceType" allowClear placeholder="请选择价格类型"></v-select>
|
|
|
+ <a-form-model-item label="客户类型" prop="custType">
|
|
|
+ <a-select id="customerManagementEdit-custType" v-model="form.custType" allowClear placeholder="请选择客户类型">
|
|
|
+ <a-select-option v-for="item in addrDistrictList" :value="item.id" :key="item.id">{{ item.name }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="支付方式" prop="contactPhone">
|
|
|
- <v-select code="PAY_FASHION" id="customerManagementEdit-payFashion" v-model="form.payFashion" allowClear placeholder="请选择支付方式"></v-select>
|
|
|
+ <a-form-model-item label="价格类型" prop="priceType">
|
|
|
+ <v-select code="PRICE_TYPE" id="customerManagementEdit-priceType" v-model="form.priceType" allowClear placeholder="请选择价格类型"></v-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="收款方式" prop="contactPhone">
|
|
|
- <v-select code="RECEIPT_PAYMENT" id="customerManagementEdit-receiptPayment" v-model="form.receiptPayment" allowClear placeholder="请选择收款方式"></v-select>
|
|
|
+ <a-form-model-item label="支付方式" prop="payType">
|
|
|
+ <v-select code="PAY_FASHION" id="customerManagementEdit-payType" v-model="form.payType" allowClear placeholder="请选择支付方式"></v-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
<a-row :gutter="15">
|
|
|
<a-col :span="8">
|
|
|
- <a-form-model-item label="联系电话" prop="address">
|
|
|
+ <a-form-model-item label="收款方式" prop="paymentType">
|
|
|
+ <v-select code="RECEIPT_PAYMENT" id="customerManagementEdit-paymentType" v-model="form.paymentType" allowClear placeholder="请选择收款方式"></v-select>
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-model-item label="联系电话" prop="contactTel">
|
|
|
<a-input
|
|
|
- id="customerManagementEdit-address"
|
|
|
+ id="customerManagementEdit-contactTel"
|
|
|
:maxLength="20"
|
|
|
- v-model="form.address"
|
|
|
+ v-model="form.contactTel"
|
|
|
placeholder="请输入联系电话(最多20个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
@@ -150,6 +157,7 @@
|
|
|
|
|
|
<script>
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
+import { getProvince, getCityByPro, getDistrictByCity } from '@/api/data'
|
|
|
import { custSave } from '@/api/customer'
|
|
|
import { custTypeFindAll } from '@/api/custType'
|
|
|
export default {
|
|
@@ -162,43 +170,49 @@ export default {
|
|
|
wrapperCol: { span: 16 }
|
|
|
},
|
|
|
form: {
|
|
|
- name: '', // 供应商名称
|
|
|
- provinceCode: undefined, // 省
|
|
|
+ name: '', // 客户名称
|
|
|
+ mobile: '', // 联系手机
|
|
|
+ contact: '', // 联系人
|
|
|
+ province: undefined, // 省
|
|
|
provinceName: '',
|
|
|
- cityCode: undefined, // 市
|
|
|
+ city: undefined, // 市
|
|
|
cityName: '',
|
|
|
- districtCode: undefined, // 区
|
|
|
+ district: undefined, // 区
|
|
|
districtName: '',
|
|
|
address: '', // 详细地址
|
|
|
- contactName: '', // 联系人
|
|
|
- contactPhone: '', // 联系电话
|
|
|
- remarks: '', // 主营内容
|
|
|
- state: 0 // 启禁用
|
|
|
+ fax: '', // 客户传真
|
|
|
+ distributionType: '', // 配送方式
|
|
|
+ remarks: '', // 是否卫星仓客户
|
|
|
+ custType: '', // 客户类型
|
|
|
+ priceType: '', // 价格类型
|
|
|
+ payType: '', // 支付方式
|
|
|
+ paymentType: '', // 收款方式
|
|
|
+ contactTel: '', // 联系电话
|
|
|
},
|
|
|
rules: {
|
|
|
name: [
|
|
|
- { required: true, message: '请输入供应商名称', trigger: 'blur' }
|
|
|
+ { required: true, message: '请输入客户名称', trigger: 'blur' }
|
|
|
+ ],
|
|
|
+ mobile: [
|
|
|
+ { required: true, message: '请输入联系手机', trigger: 'blur' }
|
|
|
],
|
|
|
- provinceCode: [
|
|
|
+ province: [
|
|
|
{ required: true, message: '请选择省', trigger: 'change' }
|
|
|
],
|
|
|
- cityCode: [
|
|
|
+ city: [
|
|
|
{ required: true, message: '请选择市', trigger: 'change' }
|
|
|
],
|
|
|
- districtCode: [
|
|
|
+ district: [
|
|
|
{ required: true, message: '请选择区/县', trigger: 'change' }
|
|
|
],
|
|
|
- address: [
|
|
|
- { required: true, message: '请输入详细地址', trigger: 'blur' }
|
|
|
- ],
|
|
|
- contactName: [
|
|
|
- { required: true, message: '请输入联系人', trigger: 'blur' }
|
|
|
+ priceType: [
|
|
|
+ { required: true, message: '请选择价格类型', trigger: 'change' }
|
|
|
],
|
|
|
- contactPhone: [
|
|
|
- { required: true, message: '请输入联系人电话', trigger: 'blur' }
|
|
|
+ payType: [
|
|
|
+ { required: true, message: '请选择支付方式', trigger: 'change' }
|
|
|
],
|
|
|
- state: [
|
|
|
- { required: true, message: '请选择状态', trigger: 'change' }
|
|
|
+ paymentType: [
|
|
|
+ { required: true, message: '请选择收款方式', trigger: 'change' }
|
|
|
]
|
|
|
},
|
|
|
addrProvinceList: [], // 省下拉
|