<template>
    <el-descriptions :column="3" title="基本信息" border>
        <el-descriptions-item label="组织名称" label-align="left" align="left" label-class-name="my-label">{{ formData.org_name
        }}</el-descriptions-item>
        <el-descriptions-item label="部门名称" label-align="left" align="left" label-class-name="my-label">
            {{ formData.dept_name }}</el-descriptions-item>
        <el-descriptions-item label="项目名称" label-align="left" align="left" label-class-name="my-label">{{ formData.name
        }}</el-descriptions-item>
        <el-descriptions-item label="项目编码" label-align="left" align="left" label-class-name="my-label">
            {{ formData.project_code }}</el-descriptions-item>
        <el-descriptions-item label="客户名称" label-align="left" align="left" label-class-name="my-label">
            {{ formData.custom_name }}</el-descriptions-item>
        <el-descriptions-item label="项目状态" label-align="left" align="left" label-class-name="my-label">
            {{ formData.status_text }}
        </el-descriptions-item>
        <el-descriptions-item label="项目类型" label-align="left" align="left" label-class-name="my-label">
            {{ formData.project_type_name }}</el-descriptions-item>
        <el-descriptions-item label="立项日期" label-align="left" align="left" label-class-name="my-label">
            {{ formData.create_time }}</el-descriptions-item>
        <el-descriptions-item label="项目所在地" label-align="left" align="left" label-class-name="my-label">
            {{ formData.project_address }}</el-descriptions-item>
        <el-descriptions-item label="战略意义" label-align="left" align="left" label-class-name="my-label">
            {{ formData.strategic_significance_text }}</el-descriptions-item>
        <el-descriptions-item label="所属行业" label-align="left" align="left" label-class-name="my-label">
            {{ formData.industry_text }}</el-descriptions-item>
        <el-descriptions-item label="单位性质" label-align="left" align="left" label-class-name="my-label">
            {{ formData.unit_nature_text }}</el-descriptions-item>
        <el-descriptions-item label="招标方式" label-align="left" align="left" label-class-name="my-label">
            {{ formData.bidding_method_text }}</el-descriptions-item>
        <el-descriptions-item label="投标时间" label-align="left" align="left" label-class-name="my-label">
            {{ formData.bidding_time }}</el-descriptions-item>
        <el-descriptions-item label="预计工期" label-align="left" align="left" label-class-name="my-label">
            {{ formData.estimated_construction }}</el-descriptions-item>
        <el-descriptions-item label="项目估算(万元)" label-align="left" align="left" label-class-name="my-label"> {{
            formData.project_estimation }}</el-descriptions-item>
        <el-descriptions-item label="项目估算(外币)" label-align="left" align="left" label-class-name="my-label"> {{ formData.name
        }}</el-descriptions-item>
        <el-descriptions-item label="联系人" label-align="left" align="left" label-class-name="my-label">
            {{ formData.contacts }}</el-descriptions-item>
        <el-descriptions-item label="联系人部门" label-align="left" align="left" label-class-name="my-label">
            {{ formData.department }}</el-descriptions-item>
        <el-descriptions-item label="联系人职位" label-align="left" align="left" label-class-name="my-label">
            {{ formData.position }}</el-descriptions-item>
        <el-descriptions-item label="关系度" label-align="left" align="left" label-class-name="my-label">
            {{ formData.telephone }}</el-descriptions-item>
        <el-descriptions-item label="发现时间" label-align="left" align="left" label-class-name="my-label">
            {{ formData.discovery_time }}</el-descriptions-item>
        <el-descriptions-item label="信息来源" label-align="left" align="left" label-class-name="my-label">
            {{ formData.information_sources_text }}</el-descriptions-item>
        <el-descriptions-item label="负责人" label-align="left" align="left" label-class-name="my-label">
            {{ formData.person }}</el-descriptions-item>
        <el-descriptions-item label="项目内容" label-align="left" align="left" label-class-name="my-label">
            {{ formData.project_content }}</el-descriptions-item>
        <el-descriptions-item label="竞争对手" label-align="left" align="left" label-class-name="my-label">
            {{ formData.competitor }}</el-descriptions-item>
        <el-descriptions-item label="项目建设资金来源" label-align="left" align="left" label-class-name="my-label"> {{
            formData.construction_funds_sources_text
        }}</el-descriptions-item>
        <el-descriptions-item label="建设单位付款方式" label-align="left" align="left" label-class-name="my-label"> {{
            formData.construction_payment_method
        }}</el-descriptions-item>
        <el-descriptions-item label="建设单位财务状况" label-align="left" align="left" label-class-name="my-label"> {{
            formData.construction_financial_status_text
        }}</el-descriptions-item>
        <el-descriptions-item label="建设单位对我方认可度" label-align="left" align="left" label-class-name="my-label"> {{
            formData.construction_recognition_text
        }}</el-descriptions-item>
        <el-descriptions-item label="我方对建设单位认可度" label-align="left" align="left" label-class-name="my-label"> {{
            formData.my_construction_recognition_text
        }}</el-descriptions-item>
        <el-descriptions-item label="附件" label-align="left" align="left" label-class-name="my-label">
            <div v-if="formData.annex && formData.annex.length > 0">
                <div v-for="(item, index) in formData.annex" style="margin-left: 5px;display: block;">
                    <a style="margin-left: 10px; color: #4a5dff; align-self: flex-start" :href="item.uri"
                        target="_blank">文件{{ index + 1 }} 查看</a>
                </div>
            </div>
            <div v-else>
                暂无文件
            </div>
        </el-descriptions-item>
    </el-descriptions>
</template>



<script setup>

import { ref, reactive, defineProps } from "vue"
const props = defineProps({
    formData: Object
})
</script>