labsop_scientific_h5/pages/project/components/detail/ProjectSetupSafety.vue

<template>
  <view class="setup-wrapper">
    <CommonSection title="立项概览" :isFirst="true">
      <CommonInfoRow label="项目编号" :value="projectData?.projectCode" />
      <CommonInfoRow label="项目名称" :value="projectData?.projectName" />
      <CommonInfoRow label="项目学科分类" :value="getDictLabel('project_class', projectData?.disciplineFirstName)" />
      <CommonInfoRow label="负责人类型" :value="getDictLabel('sci_leader_type', projectData?.projectLeaderType)" />
      <CommonInfoRow v-if="projectData?.isClinicalTrial === '20'" label="项目类别" :value="getDictLabel('sci_pjt_class', projectData?.projectClass)" />
      <CommonInfoRow label="合同类别" :value="getDictLabel('contract_type', projectData?.contractType)" />
      <CommonInfoRow label="项目状态" :value="getDictLabel('project_status', projectData?.projectStatus)" />
      <CommonInfoRow label="签订日期" :value="formatDate(projectData?.signDate)" />
      <CommonInfoRow label="统计年度" :value="projectData?.statisticalYear" />
      <CommonInfoRow label="开始日期" :value="formatDate(projectData?.planStartDate)" />
      <CommonInfoRow label="结束日期" :value="formatDate(projectData?.planEndDate)" />
      <CommonInfoRow label="承接部门" :value="projectData?.deptName" />
      <CommonInfoRow label="负责人" :value="projectData?.projectLeaderName" />
      <CommonInfoRow label="负责人电话" :value="projectData?.projectLeaderPhone" />
      <CommonInfoRow label="合同经费(元)" :value="formatWithComma(projectData?.contractFunds)" isAmount />
      <CommonInfoRow label="配套经费(元)" :value="formatWithComma(projectData?.supportFunds)" isAmount />
      <CommonInfoRow label="总金额(元)" :value="formatWithComma((Number(projectData?.contractFunds || 0) + Number(projectData?.supportFunds || 0) + Number(projectData?.selfFunds || 0)))" isAmount />
      <CommonInfoRow label="到账金额(元)" :value="formatWithComma(projectData?.arrivalFunds)" isAmount />
      <CommonInfoRow label="到账日期" :value="formatDate(projectData?.arrivalDate)" />
      <CommonInfoRow label="所属平台" :value="platformDisplay" />
      <CommonInfoRow label="所属团队" :value="projectData?.belongTeam" :noBorder="true" />
    </CommonSection>
  </view>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import { useDict } from '@/hooks/useDict';
import { formatWithComma } from '@/utils/format';
import { formatDate } from '@/utils/date';
import CommonSection from '@/components/ui/CommonSection.vue';
import CommonInfoRow from '@/components/ui/CommonInfoRow.vue';

const { getDictLabel } = useDict('project_class', 'sci_leader_type', 'sci_pjt_class', 'contract_type', 'project_status');

/**
 * 安评项目 立项信息展示组件
 */
const props = defineProps<{
  /** 项目主数据详情 */
  projectData: any;
}>();

/**
 * 平台信息显示转换
 */
const platformDisplay = computed(() => {
  if (props.projectData?.belongPlatform) {
    try {
      const data = JSON.parse(props.projectData.belongPlatform);
      if (Array.isArray(data)) {
        return data.map((item: any) => `${item.platformName} (${item.platformType})`).join(', ');
      }
    } catch (e) {}
  }
  return '--';
});
</script>

<style lang="scss" scoped>
.setup-wrapper {
  padding-bottom: 30rpx;
}
</style>