|
@@ -14,11 +14,11 @@
|
|
|
:label-col="formItemLayout.labelCol"
|
|
|
:wrapper-col="formItemLayout.wrapperCol"
|
|
|
>
|
|
|
- <a-form-model-item label="供应商名称" prop="name">
|
|
|
+ <a-form-model-item label="供应商名称" prop="supplierName">
|
|
|
<a-input
|
|
|
- id="supplierInfoEdit-name"
|
|
|
+ id="supplierInfoEdit-supplierName"
|
|
|
:maxLength="30"
|
|
|
- v-model="form.name"
|
|
|
+ v-model="form.supplierName"
|
|
|
placeholder="请输入供应商名称(最多30个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
@@ -26,65 +26,65 @@
|
|
|
<a-row :gutter="20">
|
|
|
<!-- 所在地区 -->
|
|
|
<a-col span="8">
|
|
|
- <a-form-model-item prop="provinceCode">
|
|
|
- <a-select id="supplierInfoEdit-provinceCode" @change="getCityList" v-model="form.provinceCode" placeholder="请选择省">
|
|
|
- <a-select-option v-for="item in addrProvinceList" :value="item.id" :key="item.id + 'a'">{{ item.name }}</a-select-option>
|
|
|
+ <a-form-model-item prop="provinceSn">
|
|
|
+ <a-select id="supplierInfoEdit-provinceSn" @change="getCityList" v-model="form.provinceSn" placeholder="请选择省">
|
|
|
+ <a-select-option v-for="item in addrProvinceList" :value="item.sn" :key="item.sn + '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="supplierInfoEdit-cityCode" @change="getAreaList" v-model="form.cityCode" placeholder="请选择市">
|
|
|
- <a-select-option v-for="item in addrCityList" :value="item.id" :key="item.id + 'b'">{{ item.name }}</a-select-option>
|
|
|
+ <a-form-model-item prop="citySn">
|
|
|
+ <a-select id="supplierInfoEdit-citySn" @change="getAreaList" v-model="form.citySn" placeholder="请选择市">
|
|
|
+ <a-select-option v-for="item in addrCityList" :value="item.sn" :key="item.sn + '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="supplierInfoEdit-districtCode" @change="areaCharged" v-model="form.districtCode" placeholder="请选择区/县">
|
|
|
- <a-select-option v-for="item in addrDistrictList" :value="item.id" :key="item.id + 'c'">{{ item.name }}</a-select-option>
|
|
|
+ <a-form-model-item prop="countySn">
|
|
|
+ <a-select id="supplierInfoEdit-countySn" @change="areaCharged" v-model="form.countySn" placeholder="请选择区/县">
|
|
|
+ <a-select-option v-for="item in addrDistrictList" :value="item.sn" :key="item.sn + 'c'">{{ item.name }}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-model-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="详细地址" prop="address">
|
|
|
+ <a-form-model-item label="详细地址" prop="supplierAddress">
|
|
|
<a-input
|
|
|
- id="supplierInfoEdit-address"
|
|
|
+ id="supplierInfoEdit-supplierAddress"
|
|
|
:maxLength="60"
|
|
|
- v-model="form.address"
|
|
|
+ v-model="form.supplierAddress"
|
|
|
placeholder="请输入详细地址(最多60个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="联系人" prop="contactName">
|
|
|
+ <a-form-model-item label="联系人" prop="contactPerson">
|
|
|
<a-input
|
|
|
- id="supplierInfoEdit-contactName"
|
|
|
+ id="supplierInfoEdit-contactPerson"
|
|
|
:maxLength="30"
|
|
|
- v-model="form.contactName"
|
|
|
+ v-model="form.contactPerson"
|
|
|
placeholder="请输入联系人(最多30个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="联系电话" prop="contactPhone">
|
|
|
+ <a-form-model-item label="联系电话" prop="contactTel">
|
|
|
<a-input
|
|
|
- id="supplierInfoEdit-contactPhone"
|
|
|
+ id="supplierInfoEdit-contactTel"
|
|
|
:maxLength="20"
|
|
|
- v-model="form.contactPhone"
|
|
|
+ v-model="form.contactTel"
|
|
|
placeholder="请输入联系电话(最多20个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="主营内容" prop="remarks">
|
|
|
+ <a-form-model-item label="主营内容" prop="businessScope">
|
|
|
<a-textarea
|
|
|
- id="supplierInfoEdit-remarks"
|
|
|
+ id="supplierInfoEdit-businessScope"
|
|
|
:maxLength="500"
|
|
|
- v-model="form.remarks"
|
|
|
+ v-model="form.businessScope"
|
|
|
placeholder="请输入主营内容(最多500个字符)"
|
|
|
allowClear />
|
|
|
</a-form-model-item>
|
|
|
- <a-form-model-item label="状态" prop="state">
|
|
|
+ <a-form-model-item label="状态" prop="enabledFlag">
|
|
|
<a-radio-group
|
|
|
name="radioGroup"
|
|
|
- v-model="form.state"
|
|
|
- id="supplierInfoEdit-state" >
|
|
|
+ v-model="form.enabledFlag"
|
|
|
+ id="supplierInfoEdit-enabledFlag" >
|
|
|
<a-radio :value="1">启用</a-radio>
|
|
|
<a-radio :value="0">禁用</a-radio>
|
|
|
</a-radio-group>
|
|
@@ -100,6 +100,7 @@
|
|
|
<script>
|
|
|
import { STable, VSelect } from '@/components'
|
|
|
import { getArea } from '@/api/data'
|
|
|
+import { supplierDetail, supplierSave } from '@/api/supplier'
|
|
|
export default {
|
|
|
name: 'SupplierInfoEdit',
|
|
|
components: { STable, VSelect },
|
|
@@ -110,42 +111,42 @@ export default {
|
|
|
wrapperCol: { span: 16 }
|
|
|
},
|
|
|
form: {
|
|
|
- name: '', // 供应商名称
|
|
|
- provinceCode: undefined, // 省
|
|
|
+ supplierName: '', // 供应商名称
|
|
|
+ provinceSn: undefined, // 省
|
|
|
provinceName: '',
|
|
|
- cityCode: undefined, // 市
|
|
|
+ citySn: undefined, // 市
|
|
|
cityName: '',
|
|
|
- districtCode: undefined, // 区
|
|
|
+ countySn: undefined, // 区
|
|
|
districtName: '',
|
|
|
- address: '', // 详细地址
|
|
|
- contactName: '', // 联系人
|
|
|
- contactPhone: '', // 联系电话
|
|
|
- remarks: '', // 主营内容
|
|
|
- state: 0 // 启禁用
|
|
|
+ supplierAddress: '', // 详细地址
|
|
|
+ contactPerson: '', // 联系人
|
|
|
+ contactTel: '', // 联系电话
|
|
|
+ businessScope: '', // 主营内容
|
|
|
+ enabledFlag: 1 // 启禁用
|
|
|
},
|
|
|
rules: {
|
|
|
- name: [
|
|
|
+ supplierName: [
|
|
|
{ required: true, message: '请输入供应商名称', trigger: 'blur' }
|
|
|
],
|
|
|
- provinceCode: [
|
|
|
+ provinceSn: [
|
|
|
{ required: true, message: '请选择省', trigger: 'change' }
|
|
|
],
|
|
|
- cityCode: [
|
|
|
+ citySn: [
|
|
|
{ required: true, message: '请选择市', trigger: 'change' }
|
|
|
],
|
|
|
- districtCode: [
|
|
|
+ countySn: [
|
|
|
{ required: true, message: '请选择区/县', trigger: 'change' }
|
|
|
],
|
|
|
- address: [
|
|
|
+ supplierAddress: [
|
|
|
{ required: true, message: '请输入详细地址', trigger: 'blur' }
|
|
|
],
|
|
|
- contactName: [
|
|
|
+ contactPerson: [
|
|
|
{ required: true, message: '请输入联系人', trigger: 'blur' }
|
|
|
],
|
|
|
- contactPhone: [
|
|
|
+ contactTel: [
|
|
|
{ required: true, message: '请输入联系人电话', trigger: 'blur' }
|
|
|
],
|
|
|
- state: [
|
|
|
+ enabledFlag: [
|
|
|
{ required: true, message: '请选择状态', trigger: 'change' }
|
|
|
]
|
|
|
},
|
|
@@ -157,11 +158,14 @@ export default {
|
|
|
methods: {
|
|
|
// 获取供应商信息
|
|
|
getGoodsDetail () {
|
|
|
- // goodsFind({ id: this.$route.params.id }).then(res => {
|
|
|
- // if (res.status == 200) {
|
|
|
- // this.form = Object.assign(this.form, res.data)
|
|
|
- // }
|
|
|
- // })
|
|
|
+ supplierDetail({ id: this.$route.params.id }).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ if (res.data.provinceSn) { this.getArea('city', res.data.provinceSn) }
|
|
|
+ if (res.data.citySn) { this.getArea('district', res.data.citySn) }
|
|
|
+ this.form = Object.assign(this.form, res.data)
|
|
|
+ this.form.enabledFlag = Number(this.form.enabledFlag)
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
// 保存
|
|
|
handleSubmit (e) {
|
|
@@ -169,18 +173,16 @@ export default {
|
|
|
const _this = this
|
|
|
this.$refs.ruleForm.validate(valid => {
|
|
|
if (valid) {
|
|
|
- const form = values.form
|
|
|
- form.desc = _this.form.desc
|
|
|
+ const form = _this.form
|
|
|
form.id = this.$route.params.id ? this.$route.params.id : null
|
|
|
- console.log(form, '-----提交信息')
|
|
|
- // goodsSave(form).then(res => {
|
|
|
- // if (res.status == 200) {
|
|
|
- // _this.$message.success(res.message)
|
|
|
- // setTimeout(() => {
|
|
|
- // _this.$router.push({ path: '/shop/goods/list' })
|
|
|
- // }, 1000)
|
|
|
- // }
|
|
|
- // })
|
|
|
+ supplierSave(form).then(res => {
|
|
|
+ if (res.status == 200) {
|
|
|
+ _this.$message.success(res.message)
|
|
|
+ setTimeout(() => {
|
|
|
+ _this.handleBack()
|
|
|
+ }, 1000)
|
|
|
+ }
|
|
|
+ })
|
|
|
} else {
|
|
|
console.log('error submit!!')
|
|
|
return false
|
|
@@ -193,23 +195,35 @@ export default {
|
|
|
},
|
|
|
// 获取城市列表
|
|
|
getCityList (val) {
|
|
|
+ const index = this.addrProvinceList.findIndex(item => item.sn == val)
|
|
|
+ if (index >= 0) {
|
|
|
+ this.form.provinceName = this.addrProvinceList[index].name
|
|
|
+ }
|
|
|
this.addrCityList = []
|
|
|
this.addrDistrictList = []
|
|
|
- this.form.cityCode = undefined
|
|
|
- this.form.districtCode = undefined
|
|
|
- this.form.address = ''
|
|
|
+ this.form.citySn = undefined
|
|
|
+ this.form.countySn = undefined
|
|
|
+ this.form.supplierAddress = ''
|
|
|
this.getArea('city', val)
|
|
|
},
|
|
|
// 获取区县列表
|
|
|
getAreaList (val) {
|
|
|
+ const index = this.addrCityList.findIndex(item => item.sn == val)
|
|
|
+ if (index >= 0) {
|
|
|
+ this.form.cityName = this.addrCityList[index].name
|
|
|
+ }
|
|
|
this.addrDistrictList = []
|
|
|
- this.form.districtCode = undefined
|
|
|
- this.form.address = ''
|
|
|
+ this.form.countySn = undefined
|
|
|
+ this.form.supplierAddress = ''
|
|
|
this.getArea('district', val)
|
|
|
},
|
|
|
// 区县变更
|
|
|
areaCharged (val) {
|
|
|
- this.form.address = ''
|
|
|
+ const index = this.addrDistrictList.findIndex(item => item.sn == val)
|
|
|
+ if (index >= 0) {
|
|
|
+ this.form.countyName = this.addrDistrictList[index].name
|
|
|
+ }
|
|
|
+ this.form.supplierAddress = ''
|
|
|
},
|
|
|
// 省/市/区
|
|
|
getArea (type, sn) {
|