<script setup name="unitConfiguration">
import { ref } from 'vue'
import flowList from './components/flowList.vue'
import memberList from './components/memberList.vue'
import financialCode from './components/financialCode.vue'

const
  activeName = ref('1')
</script>

<template>
  <div class="unitConfiguration">
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="单位流程配置" name="1">
        <flow-list v-if="activeName==='1'" />
      </el-tab-pane>
      <el-tab-pane label="单位成员配置" name="2">
        <member-list v-if="activeName==='2'" />
      </el-tab-pane>
      <el-tab-pane label="编码配置" name="3">
        <financial-code v-if="activeName==='3'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<style lang="less" scoped>
.unitConfiguration {
  background: #fff;
  :deep(.el-tabs__nav-wrap) {
    padding: 16px 0px 0px 30px;
  }
}
</style>
