emis-frontend/src/views/emis/emisRegion/index.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>