<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==4||deptType==5">
      <auditCity @skip="skip" />
    </div>

    <!-- 省审核 -->
    <div v-if="tabs=='1'&&(deptType==2||deptType==3)">
      <auditProvince @skip="skip" />
    </div>
    <div v-if="tabs=='2'&&(deptType==2||deptType==3)">
      <mergeProvince @skip="skip" />
    </div>

    <!-- 中跆协审核 -->
    <div v-if="deptType==1">
      <auditZtx />
    </div>
    <!-- 拒绝 -->
    <!-- <rejective @skip="skip" /> -->
    <!-- <div v-if="tabs==4">
      <returned @skip="skip" />
    </div> -->
  </div>
</template>

<script setup>
import { ref, computed } from 'vue'
import useUserStore from '@/store/modules/user'
import auditCity from '@/views/member/cityAudit/components/auditCity.vue'
import auditProvince from '@/views/member/cityAudit/components/auditProvince.vue'
import mergeProvince from '@/views/member/cityAudit/components/mergeProvince' 
import auditZtx from '@/views/member/cityAudit/components/auditZtx'
// import rejective from './components/rejective.vue'
// import returned from './components/returned.vue'
const deptType = computed(() => useUserStore().deptType)
const tabs = ref('1')

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

<style lang="scss" scoped>
</style>