|
|
@@ -27,14 +27,14 @@
|
|
|
<br />
|
|
|
<div class="provinceWrap">
|
|
|
<el-form-item
|
|
|
- prop="regionProvince"
|
|
|
+ prop="regionProvinceId"
|
|
|
:rules="[
|
|
|
{ required: true, message: '请选择省', trigger: 'change' },
|
|
|
]"
|
|
|
style="margin-right: 0"
|
|
|
>
|
|
|
<el-select
|
|
|
- v-model.trim="forms.regionProvince"
|
|
|
+ v-model.trim="forms.regionProvinceId"
|
|
|
filterable
|
|
|
placeholder="请选择省"
|
|
|
clearable
|
|
|
@@ -50,16 +50,16 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
- prop="regionCity"
|
|
|
+ prop="regionCityId"
|
|
|
:rules="[
|
|
|
{ required: true, message: '请选择市', trigger: 'change' },
|
|
|
]"
|
|
|
style="margin-right: 0"
|
|
|
>
|
|
|
<el-select
|
|
|
- v-model.trim="forms.regionCity"
|
|
|
+ v-model.trim="forms.regionCityId"
|
|
|
filterable
|
|
|
- :disabled="!forms.regionProvince"
|
|
|
+ :disabled="!forms.regionProvinceId"
|
|
|
style="width: 148px !important; margin-right: 5px"
|
|
|
placeholder="请选择市"
|
|
|
@change="onChangeCity"
|
|
|
@@ -74,16 +74,16 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
- prop="regionCounty"
|
|
|
+ prop="regionCountyId"
|
|
|
:rules="[
|
|
|
{ required: true, message: '请选择地区', trigger: 'change' },
|
|
|
]"
|
|
|
style="margin-right: 0"
|
|
|
>
|
|
|
<el-select
|
|
|
- v-model.trim="forms.regionCounty"
|
|
|
+ v-model.trim="forms.regionCountyId"
|
|
|
filterable
|
|
|
- :disabled="!forms.regionCity"
|
|
|
+ :disabled="!forms.regionCityId"
|
|
|
style="width: 148px !important"
|
|
|
placeholder="请选择地区"
|
|
|
clearable
|
|
|
@@ -100,13 +100,13 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item
|
|
|
label="详细地址"
|
|
|
- prop="address"
|
|
|
+ prop="detailAddress"
|
|
|
:rules="[
|
|
|
{ required: true, message: '请输入详细地址', trigger: 'blur' },
|
|
|
]"
|
|
|
>
|
|
|
<el-input
|
|
|
- v-model.trim="forms.address"
|
|
|
+ v-model.trim="forms.detailAddress"
|
|
|
type="textarea"
|
|
|
:rows="3"
|
|
|
placeholder="请输入详细地址"
|
|
|
@@ -127,9 +127,10 @@ export default {
|
|
|
mobile: "",
|
|
|
detailAddress: "",
|
|
|
musicGroupId: "",
|
|
|
- regionProvince: "",
|
|
|
- regionCity: "",
|
|
|
- regionCounty: "",
|
|
|
+ regionProvinceId: "",
|
|
|
+ regionCityId: "",
|
|
|
+ regionCountyId: "",
|
|
|
+
|
|
|
},
|
|
|
provinceList: [],
|
|
|
cityList: [],
|
|
|
@@ -141,32 +142,34 @@ export default {
|
|
|
this.forms = {...this.form}
|
|
|
}
|
|
|
await this.getAreaList();
|
|
|
- if (this.forms.regionCity) {
|
|
|
- await getParentArea({ id: this.forms.regionCity }).then(async (res) => {
|
|
|
+ if (this.forms.regionCityId) {
|
|
|
+ await getParentArea({ id: this.forms.regionCityId }).then(async (res) => {
|
|
|
if (res.code == 200 && res.data) {
|
|
|
- await this.getAreaList(res.data.id, "regionCity", () => {
|
|
|
- this.$set(this.forms, "regionProvince", res.data.id);
|
|
|
- this.$set(this.forms, "regionCity", this.forms.regionCity);
|
|
|
+ await this.getAreaList(res.data.id, "regionCityId", () => {
|
|
|
+ this.$set(this.forms, "regionProvinceId", res.data.id+'');
|
|
|
+ this.$set(this.forms, "regionCityId", this.forms.regionCityId );
|
|
|
+ this.$set(this.forms, "regionCountyId", this.forms.regionCountyId);
|
|
|
});
|
|
|
}
|
|
|
});
|
|
|
- if (this.forms.regionCity) {
|
|
|
- await this.getAreaList(this.forms.regionCity, "regionCounty");
|
|
|
+ if (this.forms.regionCityId) {
|
|
|
+ await this.getAreaList(this.forms.regionCityId, "regionCountyId");
|
|
|
+ this.$set(this.forms, "regionCountyId", this.forms.regionCountyId);
|
|
|
}
|
|
|
} else {
|
|
|
- this.$set(this.forms, "regionProvince", null);
|
|
|
- this.$set(this.forms, "city", null);
|
|
|
+ this.$set(this.forms, "regionProvinceId", null);
|
|
|
+ this.$set(this.forms, "regionCityId", null);
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
onChangeProvince(val) {
|
|
|
- this.forms.regionCity = null;
|
|
|
- this.forms.regionCounty = null;
|
|
|
- this.getAreaList(val, "");
|
|
|
+ this.forms.regionCityId = null;
|
|
|
+ this.forms.regionCountyId = null;
|
|
|
+ this.getAreaList(val+'', "");
|
|
|
},
|
|
|
onChangeCity(val) {
|
|
|
- this.forms.regionCounty = null;
|
|
|
- this.getAreaList(val, "regionCounty");
|
|
|
+ this.forms.regionCountyId = null;
|
|
|
+ this.getAreaList(val+'', "regionCountyId");
|
|
|
},
|
|
|
getAreaList(parentId, type, callback) {
|
|
|
parentId = parentId ? parentId : 0;
|
|
|
@@ -176,11 +179,11 @@ export default {
|
|
|
res.data.forEach((item) => {
|
|
|
tempData.push({
|
|
|
label: item.name,
|
|
|
- value: item.id,
|
|
|
+ value: item.id+'',
|
|
|
});
|
|
|
});
|
|
|
if (parentId) {
|
|
|
- if (type == "regionCounty") {
|
|
|
+ if (type == "regionCountyId") {
|
|
|
this.countyList = tempData;
|
|
|
} else {
|
|
|
this.cityList = tempData;
|
|
|
@@ -198,6 +201,7 @@ export default {
|
|
|
async submit() {
|
|
|
this.$refs.form.validate(async (flag) => {
|
|
|
if (flag) {
|
|
|
+ this.forms.musicGroupId = this.$route.query.id
|
|
|
if (this.forms.id) {
|
|
|
// 修改 resetMusicGroupAddr
|
|
|
try {
|
mo