|
@@ -46,31 +46,8 @@
|
|
</a-row>
|
|
</a-row>
|
|
<a-row :gutter="15">
|
|
<a-row :gutter="15">
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
- <a-form-model-item label="客户地址" required style="margin: 0;" :labelCol="{ span: 3}" :wrapperCol="{ span: 20 }">
|
|
|
|
- <a-row :gutter="15">
|
|
|
|
- <!-- 客户地址 -->
|
|
|
|
- <a-col span="6">
|
|
|
|
- <a-form-model-item prop="provinceSn">
|
|
|
|
- <a-select id="customerManagementEdit-provinceSn" allowClear @change="getCityList" v-model="form.provinceSn" placeholder="请选择省">
|
|
|
|
- <a-select-option v-for="item in addrProvinceList" :value="item.areaSn" :key="item.areaSn + 'a'">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col span="6">
|
|
|
|
- <a-form-model-item prop="citySn">
|
|
|
|
- <a-select id="customerManagementEdit-citySn" allowClear @change="getAreaList" v-model="form.citySn" placeholder="请选择市">
|
|
|
|
- <a-select-option v-for="item in addrCityList" :value="item.areaSn" :key="item.areaSn + 'b'">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- <a-col span="6">
|
|
|
|
- <a-form-model-item prop="countySn">
|
|
|
|
- <a-select id="customerManagementEdit-countySn" allowClear @change="areaCharged" v-model="form.countySn" placeholder="请选择区/县">
|
|
|
|
- <a-select-option v-for="item in addrDistrictList" :value="item.areaSn" :key="item.areaSn + 'c'">{{ item.name }}</a-select-option>
|
|
|
|
- </a-select>
|
|
|
|
- </a-form-model-item>
|
|
|
|
- </a-col>
|
|
|
|
- </a-row>
|
|
|
|
|
|
+ <a-form-model-item label="客户地址" prop="countySn" :labelCol="{ span: 3 }" :wrapperCol="{ span: 20 }">
|
|
|
|
+ <AreaList changeOnSelect ref="areaList" v-model="areaVal" @change="areaChange"></AreaList>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="24">
|
|
<a-col :span="24">
|
|
@@ -96,7 +73,7 @@
|
|
></v-select>
|
|
></v-select>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
- <a-col :span="8">
|
|
|
|
|
|
+ <a-col :span="8" v-if="form.relationTypeDictValue">
|
|
<!-- <a-form-model-item label="是否卫星仓客户" prop="satelliteFlag">
|
|
<!-- <a-form-model-item label="是否卫星仓客户" prop="satelliteFlag">
|
|
<span style="padding-left: 11px;">{{ form.satelliteFlag == 1 ? '是' : '否' }}</span>
|
|
<span style="padding-left: 11px;">{{ form.satelliteFlag == 1 ? '是' : '否' }}</span>
|
|
</a-form-model-item> -->
|
|
</a-form-model-item> -->
|
|
@@ -104,7 +81,7 @@
|
|
<span style="padding-left: 11px;">{{ form.satelliteFlag == 1 ? '是' : '否' }}</span>
|
|
<span style="padding-left: 11px;">{{ form.satelliteFlag == 1 ? '是' : '否' }}</span>
|
|
</a-form-model-item> -->
|
|
</a-form-model-item> -->
|
|
<a-form-model-item label="客户关系" prop="relationTypeDictValue">
|
|
<a-form-model-item label="客户关系" prop="relationTypeDictValue">
|
|
- <span style="padding-left: 11px;">{{ form.relationTypeDictValue }}</span>
|
|
|
|
|
|
+ <span style="padding-left: 11px;">{{ form.relationTypeDictValue || '--' }}</span>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
@@ -139,12 +116,12 @@
|
|
<script>
|
|
<script>
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
-import { getArea } from '@/api/data'
|
|
|
|
import custType from '@/views/common/custType.js'
|
|
import custType from '@/views/common/custType.js'
|
|
|
|
+import AreaList from '@/views/common/areaList.js'
|
|
import { custSave, custFindById, settleStyleFindAllList } from '@/api/customer'
|
|
import { custSave, custFindById, settleStyleFindAllList } from '@/api/customer'
|
|
export default {
|
|
export default {
|
|
name: 'CustomerManagementEdit',
|
|
name: 'CustomerManagementEdit',
|
|
- components: { STable, VSelect, custType },
|
|
|
|
|
|
+ components: { STable, VSelect, custType, AreaList },
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
props: {
|
|
props: {
|
|
model: {
|
|
model: {
|
|
@@ -177,16 +154,14 @@ export default {
|
|
satelliteFlag: 0, // 是否卫星仓客户
|
|
satelliteFlag: 0, // 是否卫星仓客户
|
|
relationTypeDictValue: undefined, // 客户关系
|
|
relationTypeDictValue: undefined, // 客户关系
|
|
customerTypeSn: undefined, // 客户类型
|
|
customerTypeSn: undefined, // 客户类型
|
|
-
|
|
|
|
priceType: '', // 价格类型
|
|
priceType: '', // 价格类型
|
|
settleStyleSn: undefined // 收款方式
|
|
settleStyleSn: undefined // 收款方式
|
|
},
|
|
},
|
|
|
|
+ areaVal:[],
|
|
rules: {
|
|
rules: {
|
|
customerName: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
|
|
customerName: [{ required: true, message: '请输入客户名称', trigger: 'blur' }],
|
|
contactMobile: [{ required: false, pattern: /^\d{11}$/, message: '请输入正确的手机号', trigger: 'blur' }],
|
|
contactMobile: [{ required: false, pattern: /^\d{11}$/, message: '请输入正确的手机号', trigger: 'blur' }],
|
|
- provinceSn: [{ required: true, message: '请选择省', trigger: 'change' }],
|
|
|
|
- citySn: [{ required: true, message: '请选择市', trigger: 'change' }],
|
|
|
|
- countySn: [{ required: true, message: '请选择区/县', trigger: 'change' }],
|
|
|
|
|
|
+ countySn: [{ required: true, message: '请选择客户地址', trigger: 'change' }],
|
|
priceType: [{ required: true, message: '请选择价格类型', trigger: 'change' }],
|
|
priceType: [{ required: true, message: '请选择价格类型', trigger: 'change' }],
|
|
settleStyleSn: [{ required: true, message: '请选择收款方式', trigger: 'change' }]
|
|
settleStyleSn: [{ required: true, message: '请选择收款方式', trigger: 'change' }]
|
|
},
|
|
},
|
|
@@ -204,14 +179,22 @@ export default {
|
|
str = str.replace(/[\r\n]/g, '')
|
|
str = str.replace(/[\r\n]/g, '')
|
|
this.form.customerName = str
|
|
this.form.customerName = str
|
|
},
|
|
},
|
|
|
|
+ areaChange (val,opts) {
|
|
|
|
+ console.log(opts)
|
|
|
|
+ this.form.provinceSn = val[0] ? val[0] : undefined
|
|
|
|
+ this.form.provinceName = opts[0] ? opts[0].name : ''
|
|
|
|
+ this.form.citySn = val[1] ? val[1] : undefined
|
|
|
|
+ this.form.cityName = opts[1] ? opts[1].name : ''
|
|
|
|
+ this.form.countySn = val[2] ? val[2] : undefined
|
|
|
|
+ this.form.countyName = opts[2] ? opts[2].name : ''
|
|
|
|
+ },
|
|
// 获取客户信息
|
|
// 获取客户信息
|
|
getDetail () {
|
|
getDetail () {
|
|
custFindById({ id: this.$route.params.id }).then(res => {
|
|
custFindById({ id: this.$route.params.id }).then(res => {
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
- if (res.data.provinceSn) { this.getArea('city', res.data.provinceSn) }
|
|
|
|
- if (res.data.citySn) { this.getArea('district', res.data.citySn) }
|
|
|
|
res.data.satelliteFlag = res.data.dealerFlag
|
|
res.data.satelliteFlag = res.data.dealerFlag
|
|
this.form = Object.assign(this.form, res.data)
|
|
this.form = Object.assign(this.form, res.data)
|
|
|
|
+ this.areaVal = [res.data.provinceSn,res.data.citySn,res.data.countySn]
|
|
} else {
|
|
} else {
|
|
this.$refs.ruleForm.resetFields()
|
|
this.$refs.ruleForm.resetFields()
|
|
}
|
|
}
|
|
@@ -263,69 +246,8 @@ export default {
|
|
handleBack () {
|
|
handleBack () {
|
|
this.$router.push({ path: '/customerManagement/customerInfo/list' })
|
|
this.$router.push({ path: '/customerManagement/customerInfo/list' })
|
|
},
|
|
},
|
|
- // 获取城市列表
|
|
|
|
- getCityList (val) {
|
|
|
|
- this.addrCityList = []
|
|
|
|
- this.addrDistrictList = []
|
|
|
|
- this.form.citySn = undefined
|
|
|
|
- this.form.countySn = undefined
|
|
|
|
- if (val) {
|
|
|
|
- this.getArea('city', val)
|
|
|
|
- this.form.provinceName = this.addrProvinceList.find(item => item.areaSn == val).name
|
|
|
|
- } else {
|
|
|
|
- this.form.provinceName = ''
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 获取区县列表
|
|
|
|
- getAreaList (val) {
|
|
|
|
- this.addrDistrictList = []
|
|
|
|
- this.form.countySn = undefined
|
|
|
|
- if (val) {
|
|
|
|
- this.getArea('district', val)
|
|
|
|
- this.form.cityName = this.addrCityList.find(item => item.areaSn == val).name
|
|
|
|
- } else {
|
|
|
|
- this.form.cityName = ''
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 区县变更
|
|
|
|
- areaCharged (val) {
|
|
|
|
- if (val) {
|
|
|
|
- this.form.countyName = this.addrDistrictList.find(item => item.areaSn == val).name
|
|
|
|
- } else {
|
|
|
|
- this.form.countyName = ''
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 省/市/区
|
|
|
|
- getArea (leve, sn) {
|
|
|
|
- let params
|
|
|
|
- if (leve == 'province') {
|
|
|
|
- params = { type: '2' }
|
|
|
|
- } else {
|
|
|
|
- params = { parentId: sn, type: leve == 'city' ? '3' : '4' }
|
|
|
|
- }
|
|
|
|
- getArea(params).then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- if (leve == 'province') {
|
|
|
|
- this.addrProvinceList = res.data || []
|
|
|
|
- } else if (leve == 'city') {
|
|
|
|
- this.addrCityList = res.data || []
|
|
|
|
- } else if (leve == 'district') {
|
|
|
|
- this.addrDistrictList = res.data || []
|
|
|
|
- }
|
|
|
|
- } else {
|
|
|
|
- if (leve == 'province') {
|
|
|
|
- this.addrProvinceList = []
|
|
|
|
- } else if (leve == 'city') {
|
|
|
|
- this.addrCityList = []
|
|
|
|
- } else if (leve == 'district') {
|
|
|
|
- this.addrDistrictList = []
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
// 获取基础数据
|
|
// 获取基础数据
|
|
getBaseData () {
|
|
getBaseData () {
|
|
- this.getArea('province') // 省市区
|
|
|
|
this.getSettleStyleList() // 收款方式
|
|
this.getSettleStyleList() // 收款方式
|
|
this.$refs.ruleForm.resetFields()
|
|
this.$refs.ruleForm.resetFields()
|
|
},
|
|
},
|