<template>
  <div class="ZhiLiangFengXian">
    <el-table
      :data="tableData"
      border
      style="width: 100%;"
    >
    <el-table-column prop="id" type='index' label="序号" width="180" />
      <el-table-column prop="projectNo" label="项目编号" width="180" />
      <el-table-column prop="projectName" label="项目名称" />
      <el-table-column prop="reformNo" label="整改单号" />
      <el-table-column prop="problemType" label="问题类型" />
      <el-table-column prop="checkItem" label="检查项" />
      <el-table-column prop="abarbeitungRequire" label="整改要求" />
      <el-table-column prop="abarbeitungType" label="整改类型">
        <template #default="{ row }">
          <span>{{ abarbeitung_type.find(item => item.value === row.abarbeitungType)?.label }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="sysFileList" label="整改附件">
        <template #default="{ row }">
          <span>{{ row?.sysFileList?.length || 0 }}</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script setup name="ZhiLiangFengXian">
import { ref, onMounted, inject } from 'vue'
import { getProjectQualityReformDetail } from  '@/api/gcpjApi'
const { proxy } = getCurrentInstance()
// const getProjectInfo = inject('getProjectInfo')
// const projectInfo = getProjectInfo()
const getProjectInfo = sessionStorage.getItem('getProjectInfo')
const { abarbeitung_type } = proxy.useDict("abarbeitung_type")
const tableData= ref([])

const getData = async (p) => {
  if(!p) return
  const res = await getProjectQualityReformDetail({
    projectNo:p
  })
  if(res?.code !== 200) return
  tableData.value = res.data || []
}

onMounted(() => {
  getData(getProjectInfo)
})
</script>

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