<script setup>
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
import projectInfo from '../../../projectStoreManage/projectStore/projectDetail/components/projectInfo.vue'
import { getDraftDetail } from '@/http/apis/declareMange'
const route = useRoute(),
  // 项目详情
  detailData = ref({
    projectName: '12',
    status: 10002,
    stage: 1
  }),
  GetProjectDetail = async () => {
    const detailRes = await getDraftDetail({ id: route.query.id })
    detailData.value = detailRes.data
  }
onMounted(() => {
  GetProjectDetail()
})
</script>
<template>
  <el-row>
    <el-card class="w-full">
      <div class="card-header">
        <span class="font-bold">{{ detailData.projectName }}</span>
        <div class="mt-8 search">
          <el-form label-suffix=":">
            <el-row :gutter="24">
              <el-col :span="6">
                <el-form-item label="申报单位">{{ detailData.buildOrgName||'-' }}</el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="主管单位">{{ detailData.superOrg||'-' }}</el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="创建时间">{{ detailData.beginTime||'-' }}</el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="更新时间">{{ detailData.updatedAt||'-' }}</el-form-item>
              </el-col>
            </el-row>
          </el-form>
        </div>
      </div>
    </el-card>
    <el-card class="mt-10 w-full">
      <project-info :detail-data="detailData" />
    </el-card>
  </el-row>
</template>
<style lang='less' scoped>
.textSize{
  font-size: 13px;
  margin-top: 10px;
}
.myCardTab{
  :deep(.el-tabs__header){
    margin: 0;
  }
}
</style>
