所在省市区选择功能

This commit is contained in:
sk1551 2020-04-10 08:29:34 +08:00
parent 690d608d34
commit 10dc3923f2
2 changed files with 26 additions and 17 deletions

View File

@ -46,8 +46,8 @@
"echarts": "4.2.1", "echarts": "4.2.1",
"element-ui": "2.13.0", "element-ui": "2.13.0",
"file-saver": "2.0.1", "file-saver": "2.0.1",
"js-beautify": "^1.10.2",
"fuse.js": "3.4.4", "fuse.js": "3.4.4",
"js-beautify": "^1.10.2",
"js-cookie": "2.2.0", "js-cookie": "2.2.0",
"jsencrypt": "3.0.0-rc.1", "jsencrypt": "3.0.0-rc.1",
"normalize.css": "7.0.0", "normalize.css": "7.0.0",
@ -55,10 +55,11 @@
"path-to-regexp": "2.4.0", "path-to-regexp": "2.4.0",
"screenfull": "4.2.0", "screenfull": "4.2.0",
"sortablejs": "1.8.4", "sortablejs": "1.8.4",
"v-distpicker": "^1.2.2",
"vue": "2.6.10", "vue": "2.6.10",
"vue-count-to": "1.0.13", "vue-count-to": "1.0.13",
"vue-quill-editor": "3.0.6",
"vue-cropper": "0.4.9", "vue-cropper": "0.4.9",
"vue-quill-editor": "3.0.6",
"vue-router": "3.0.2", "vue-router": "3.0.2",
"vue-splitpane": "1.0.4", "vue-splitpane": "1.0.4",
"vuedraggable": "2.20.0", "vuedraggable": "2.20.0",

View File

@ -201,24 +201,24 @@
<el-form-item label="集团下属ID" prop="parentId" v-show="flag1"> <el-form-item label="集团下属ID" prop="parentId" v-show="flag1">
<el-input v-model="form.parentId" placeholder="请输入集团下属id" /> <el-input v-model="form.parentId" placeholder="请输入集团下属id" />
</el-form-item> </el-form-item>
<el-form-item label="所在省" prop="province"> <!--<el-form-item label="所在省" prop="province">
<el-input v-model="form.province" placeholder="请输入所在省" /> <el-input v-model="form.province" placeholder="请输入所在省" />
</el-form-item> </el-form-item>-->
<el-form-item label="所在省" prop="provincename"> <el-form-item label="所在省" prop="provincename">
<el-input v-model="form.provincename" placeholder="请输入所在省" /> <v-distpicker v-model="form.province" @selected="onSelected"></v-distpicker>
</el-form-item> </el-form-item>
<el-form-item label="所在城市" prop="regionid"> <!--<el-form-item label="所在城市" prop="regionid">
<el-input v-model="form.regionid" placeholder="请输入所在城市" /> <el-input v-model="form.regionid" placeholder="请输入所在城市" />
</el-form-item> </el-form-item>-->
<el-form-item label="所在城市" prop="regionname"> <!--<el-form-item label="所在城市" prop="regionname">
<el-input v-model="form.regionname" placeholder="请输入所在城市" /> <v-distpicker v-model="form.regionname" @selected="onSelected"></v-distpicker>
</el-form-item> </el-form-item>-->
<el-form-item label="所在区" prop="area"> <!--<el-form-item label="所在区" prop="area">
<el-input v-model="form.area" placeholder="请输入所在区" /> <el-input v-model="form.area" placeholder="请输入所在区" />
</el-form-item> </el-form-item>-->
<el-form-item label="所在区" prop="areaname"> <!--<el-form-item label="所在区" prop="areaname">
<el-input v-model="form.areaname" placeholder="请输入所在区" /> <v-distpicker v-model="form.areaname" @selected="onSelected"></v-distpicker>
</el-form-item> </el-form-item>-->
<el-form-item label="详细地址" prop="address"> <el-form-item label="详细地址" prop="address">
<el-input v-model="form.address" placeholder="请输入详细地址" /> <el-input v-model="form.address" placeholder="请输入详细地址" />
</el-form-item> </el-form-item>
@ -303,6 +303,7 @@
</template> </template>
<script> <script>
import VDistpicker from "v-distpicker";
import { import {
listSchool, listSchool,
getSchool, getSchool,
@ -316,7 +317,7 @@ export default {
name: "School", name: "School",
data() { data() {
return { return {
// //
// //
loading: true, loading: true,
// //
@ -384,7 +385,9 @@ export default {
this.typeOptions = response.data; this.typeOptions = response.data;
}); });
}, },
watch: {}, components: {
VDistpicker
},
methods: { methods: {
/** 查询幼儿园机构列表 */ /** 查询幼儿园机构列表 */
getList() { getList() {
@ -540,6 +543,11 @@ export default {
} else { } else {
this.flag1 = false; this.flag1 = false;
} }
},
onSelected(date) {
this.form.province = date.province.value;
this.form.regionname = date.regionname.value;
this.form.areaname = date.areaname.value;
} }
} }
}; };