70 lines
2.0 KiB
Vue
70 lines
2.0 KiB
Vue
<template>
|
|
<div class="app-container">
|
|
<el-row :gutter="0" type='flex'>
|
|
<!-- <el-col :span="4" :xs="4" style="border-right:1px solid rgb(248 249 251);">
|
|
<CountryTreePicker v-model="queryParams.countryCode" ></CountryTreePicker>
|
|
</el-col> -->
|
|
<el-col :span="24" :xs="24">
|
|
<el-tabs v-model="activeTab" class="center-tabs">
|
|
<el-tab-pane label="片区管理" name="areaPanel" />
|
|
<el-tab-pane label="省市区管理" name="pcdPanel" />
|
|
<!-- <el-tab-pane label="街镇管理" name="townPanel" /> -->
|
|
</el-tabs>
|
|
|
|
<!-- 区域管理 -->
|
|
<div v-show="activeTab==='areaPanel'">
|
|
<EmisCountryAreaPanel :countryCode="queryParams.countryCode"></EmisCountryAreaPanel>
|
|
</div>
|
|
<div v-show="activeTab==='pcdPanel'">
|
|
<EmisPcdPanel :countryCode="queryParams.countryCode"></EmisPcdPanel>
|
|
</div>
|
|
<!-- <div v-show="activeTab==='townPanel'">
|
|
<EmisTownPanel :countryCode="queryParams.countryCode"></EmisTownPanel>
|
|
</div> -->
|
|
</el-col>
|
|
</el-row>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import EmisCountryAreaPanel from '@/views/emis/emisCountryArea/indexPanel';
|
|
import EmisPcdPanel from '@/views/emis/emisRegion/PcdPanel.vue';
|
|
import EmisTownPanel from '@/views/emis/emisRegion/TownPanel.vue';
|
|
import CountryTreePicker from '@/views/emis/EmisBaseTools/CountryTreePicker.vue';
|
|
|
|
export default {
|
|
name: "EmisRegion",
|
|
components: { EmisPcdPanel,EmisTownPanel,CountryTreePicker,EmisCountryAreaPanel},
|
|
dicts: [
|
|
'emis_region_level_type',
|
|
],
|
|
data() {
|
|
return {
|
|
activeTab: "pcdPanel",
|
|
// 查询参数
|
|
queryParams: {
|
|
countryCode: null,
|
|
},
|
|
};
|
|
},
|
|
created() {
|
|
},
|
|
methods: {
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.el-divider{
|
|
margin-top: 0px;
|
|
background: 0 0;
|
|
border-top: 1px solid #E6EBF5;
|
|
}
|
|
.el-divider__text {
|
|
color: #0955ee;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|