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

<template>
  <view class="module-container">
    <!-- 纵向项目 -->
    <ProjectSetupVertical v-if="projectType === 'vertical'" :projectData="projectData" />
    <!-- 横向项目 -->
    <ProjectSetupHorizontal v-else-if="projectType === 'horizontal'" :projectData="projectData" />
    <!-- 内部项目 -->
    <ProjectSetupSpontaneity v-else-if="projectType === 'spontaneity'" :projectData="projectData" />
    <!-- 安评项目 -->
    <ProjectSetupSafety v-else-if="projectType === 'safety'" :projectData="projectData" />
    <view v-else>
      <uv-empty mode="data" text="未知项目类型"></uv-empty>
    </view>
  </view>
</template>

<script setup lang="ts">
import ProjectSetupVertical from './ProjectSetupVertical.vue';
import ProjectSetupHorizontal from './ProjectSetupHorizontal.vue';
import ProjectSetupSpontaneity from './ProjectSetupSpontaneity.vue';
import ProjectSetupSafety from './ProjectSetupSafety.vue';

const props = defineProps<{
  projectId: number;
  projectType: string;
  projectData: any;
}>();
</script>

<style lang="scss" scoped>
.module-container {
  min-height: 400rpx;
  position: relative;
}
</style>