<template>
  <div class="app-container">
    <!-- <el-tabs v-if="deptType==2||deptType==3" v-model="tabs" @tab-change="skip">
      <el-tab-pane label="审核" :name="1" />
      <el-tab-pane label="合并" :name="2" />
    </el-tabs> -->

    <!-- 省审核 -->
    <div v-if="(deptType==2||deptType==3)&&tabs==1">
      <!-- 审核 -->
      <auditProvince @skip="skip" />
    </div>
    <!-- <div v-if="tabs==2&&(deptType==2||deptType==3)">
      合并
      <mergeProvince @skip="skip" />
    </div> -->
    <!-- 区，市审核 -->
    <div v-if="deptType==4||deptType==5">
      <!-- 拒绝 -->
      <auditCity @skip="skip" />
    </div>
    <!-- 中跆协审核 -->
    <div v-if="deptType==1">
      <!-- 撤回 -->
      <auditZtx @skip="skip" />
    </div>
  </div>
</template>

<script setup>

import { ref, computed } from 'vue'

import auditCity from './components/auditCity.vue'
import auditProvince from './components/auditProvince.vue'
import auditZtx from './components/auditZtx.vue'
import mergeProvince from './components/mergeProvince.vue'

import useUserStore from '@/store/modules/user'
const deptType = computed(() => useUserStore().deptType)
const tabs = ref(1)

// console.log(deptType)

function skip(row) {
  tabs.value = row
}
</script>

<style lang="scss" scoped>
.tabes{
  display: flex;
  .tab{
    margin:0 10px;
    font-size: 16px;
    margin-bottom: 10px;
    cursor:pointer;
  }
  .tabs{
    padding-bottom: 10px;
    color: #014A9F;
    border-bottom: 2px solid #014A9F;
    font-weight: 500;
  }
}
</style>