|
|
@@ -3,6 +3,20 @@
|
|
|
<el-form-item label="名称" prop="name">
|
|
|
<el-input v-model="form.name" maxlength="80" show-word-limit />
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="所属菜系" prop="cuisineCode">
|
|
|
+ <div style="display: flex;">
|
|
|
+ <el-select v-model="form.cuisineCode" placeholder="请选择所属菜系">
|
|
|
+ <el-option v-for="item in cuisineList" :key="item.dictKey" :label="item.dictValue" :value="item.dictKey" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属地区" prop="regionId">
|
|
|
+ <div style="display: flex;">
|
|
|
+ <el-select v-model="form.regionId" placeholder="请选择所属区域">
|
|
|
+ <el-option v-for="item in regionList" :key="item.key" :label="item.title" :value="item.key" />
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="副标题" prop="subTitle">
|
|
|
<el-input v-model="form.subTitle" type="textarea" maxlength="90" show-word-limit />
|
|
|
</el-form-item>
|
|
|
@@ -37,13 +51,6 @@
|
|
|
</el-upload>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="所属地区" prop="regionId">
|
|
|
- <div style="display: flex;">
|
|
|
- <el-select v-model="form.regionId" placeholder="请选择所属区域">
|
|
|
- <el-option v-for="item in regionList" :key="item.key" :label="item.title" :value="item.key" />
|
|
|
- </el-select>
|
|
|
- </div>
|
|
|
- </el-form-item>
|
|
|
<el-form-item label="详细地址" prop="address">
|
|
|
<div style="display: flex;width: 100%;">
|
|
|
<el-input v-model="form.address" @focus="showMap('input')" :readonly="!(form.latitude && form.longitude)" placeholder="请填写详细地址"></el-input>
|
|
|
@@ -76,6 +83,7 @@
|
|
|
uploadFile
|
|
|
} from "@/api/oss/oss";
|
|
|
import { getLazyTree } from "@/api/base/region";
|
|
|
+ import { getDictionary } from "@/api/system/dictbiz";
|
|
|
//
|
|
|
export default {
|
|
|
props: ['id'],
|
|
|
@@ -92,6 +100,7 @@
|
|
|
return {
|
|
|
loading: false,
|
|
|
//
|
|
|
+ cuisineList: [],
|
|
|
regionList: [],
|
|
|
//
|
|
|
attachmentList: [],
|
|
|
@@ -103,6 +112,8 @@
|
|
|
content: '',
|
|
|
// 标签
|
|
|
videos: null,
|
|
|
+ cuisineCode: '',
|
|
|
+ regionId: '',
|
|
|
address: '',
|
|
|
latitude: '',
|
|
|
longitude: '',
|
|
|
@@ -151,11 +162,11 @@
|
|
|
message: '请选择所属区域',
|
|
|
trigger: 'blur'
|
|
|
}],
|
|
|
- address: [{
|
|
|
- required: true,
|
|
|
- message: '请输入详细地址',
|
|
|
- trigger: 'blur'
|
|
|
- }],
|
|
|
+ // address: [{
|
|
|
+ // required: true,
|
|
|
+ // message: '请输入详细地址',
|
|
|
+ // trigger: 'blur'
|
|
|
+ // }],
|
|
|
},
|
|
|
// 富文本相关配置
|
|
|
editorOptions: {
|
|
|
@@ -200,6 +211,7 @@
|
|
|
if(this.id && this.id > 0) {
|
|
|
this.getDetail(this.id)
|
|
|
}
|
|
|
+ this.getCuisineList();
|
|
|
this.getRegionList();
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -212,6 +224,13 @@
|
|
|
},
|
|
|
},
|
|
|
methods: {
|
|
|
+ getCuisineList() {
|
|
|
+ getDictionary({
|
|
|
+ code: "cuisine"
|
|
|
+ }).then(res => {
|
|
|
+ this.cuisineList = res.data.data || [];
|
|
|
+ })
|
|
|
+ },
|
|
|
getRegionList() {
|
|
|
getLazyTree("44").then(res => {
|
|
|
this.regionList = res.data.data || [];
|