|
|
@@ -24,6 +24,15 @@
|
|
|
<el-form-item label="牧场名称" prop="farmName">
|
|
|
<el-input v-model="form.farmName"></el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="省市区" prop="selectedOptions">
|
|
|
+ <el-cascader
|
|
|
+ :options="options"
|
|
|
+ v-model="form.selectedOptions"
|
|
|
+ @change="getlocation"
|
|
|
+ placeholder="请选择省市区"
|
|
|
+ style="width: 100%">
|
|
|
+ </el-cascader>
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
@@ -35,6 +44,7 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import { regionData, CodeToText } from "element-china-area-data"
|
|
|
import { addFarm, editFarm, delFarm } from '@/utils/api.js';
|
|
|
import NewTable from "@/components/newTable/NewTable";
|
|
|
import { mapState, mapActions } from 'vuex';
|
|
|
@@ -49,6 +59,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
title: '牧场列表',
|
|
|
+ options: regionData,
|
|
|
tableItems: [
|
|
|
{
|
|
|
prop: 'farmName',
|
|
|
@@ -70,6 +81,7 @@ export default {
|
|
|
dialogVisible: false,
|
|
|
form: {
|
|
|
farmName: '',
|
|
|
+ selectedOptions: ''
|
|
|
},
|
|
|
rules: {
|
|
|
farmName: [{ required: true, message: '请输入牧场名称', trigger: 'blur' }]
|
|
|
@@ -190,7 +202,18 @@ export default {
|
|
|
this.form = {
|
|
|
farmName: '',
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ // 获取地址
|
|
|
+ getlocation () {
|
|
|
+ var loc = "";
|
|
|
+ this.form.location1 = ''
|
|
|
+ for (let i = 0; i < this.form.selectedOptions.length; i++) {
|
|
|
+ loc += CodeToText[this.form.selectedOptions[i]]
|
|
|
+ this.form.location1 += this.form.selectedOptions[i] + ','
|
|
|
+ }
|
|
|
+ this.loc = loc
|
|
|
+ console.log(loc);
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
// this.init()
|
|
|
@@ -200,4 +223,4 @@ export default {
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
-</style>
|
|
|
+</style>
|
