<template>
  <div>
    <h2 v-if="show&&rInx">审核进度</h2>
    <el-steps :active="rInx" finish-status="success" style="width: 80%; margin: 0 auto;">
      <el-step v-for="item in rList" :key="item" :title="typeList[item]" />
    </el-steps>
  </div>
</template>

<script setup >
import { ref } from 'vue'
const rList = ref([])
const rInx = ref()
const show = ref(false)
const typeList = ref(['', '中跆协', '省协会', '直属协会', '市协会', '区协会', '道馆'])
function open(row, num) {
  console.log(row)
  if (row) {
    console.log(12143)
    
    show.value = num
    rList.value = row.rules
    rInx.value = row.nowLevel
    if (rInx.value < 0) {
      const num = rInx.value * -1
      rInx.value = rList.value?.findIndex(item => item == num)
    } else {
      rInx.value = rList.value?.findIndex(item => item == rInx.value) + 1
    }
  }
}

defineExpose({
  open
 
})
</script>

<style scope>

</style>