58 lines
2.0 KiB
Vue
58 lines
2.0 KiB
Vue
<template>
|
||
<div>
|
||
<el-descriptions v-loading="loading" :column="2">
|
||
<el-descriptions-item :span="2" label="宣讲人">{{ teamMeetingDetail?.compereName }}</el-descriptions-item>
|
||
<el-descriptions-item :span="2" label="参与人">
|
||
<span :key="item.id" v-for="item in teamMeetingDetail?.participantList">{{ item.name }}，</span>
|
||
</el-descriptions-item>
|
||
<el-descriptions-item label="班组名称">{{ teamMeetingDetail?.teamName }}</el-descriptions-item>
|
||
<el-descriptions-item label="施工单位">{{ teamMeetingDetail?.contractorName }}</el-descriptions-item>
|
||
<el-descriptions-item label="开会时间">{{ dayjs(teamMeetingDetail?.meetingDate).format('YYYY 年 MM 月 DD 日') }}</el-descriptions-item>
|
||
<el-descriptions-item label="上传时间">{{ teamMeetingDetail?.createTime }}</el-descriptions-item>
|
||
<el-descriptions-item :span="2" label="班会内容">{{ teamMeetingDetail?.content }}</el-descriptions-item>
|
||
<el-descriptions-item :span="2" label="班会图片">
|
||
<el-space wrap>
|
||
<span :key="item" v-for="item in teamMeetingDetail?.pictureUrlList">
|
||
<image-preview :src="item" width="200px" />
|
||
</span>
|
||
</el-space>
|
||
</el-descriptions-item>
|
||
</el-descriptions>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import { getTeamMeeting } from '@/api/safety/teamMeeting';
|
||
import { TeamMeetingVO } from '@/api/safety/teamMeeting/types';
|
||
import dayjs from 'dayjs';
|
||
|
||
interface Props {
|
||
teamMeetingId?: string | number;
|
||
}
|
||
|
||
const props = defineProps<Props>();
|
||
const loading = ref<boolean>(false);
|
||
const teamMeetingDetail = ref<TeamMeetingVO>();
|
||
const get = async () => {
|
||
loading.value = true;
|
||
const res = await getTeamMeeting(props.teamMeetingId);
|
||
if (res.data && res.code === 200) {
|
||
teamMeetingDetail.value = res.data;
|
||
}
|
||
loading.value = false;
|
||
};
|
||
|
||
onMounted(() => {
|
||
get();
|
||
});
|
||
|
||
watch(
|
||
() => props.teamMeetingId,
|
||
(newId, oldId) => {
|
||
if (newId !== oldId) {
|
||
get();
|
||
}
|
||
}
|
||
);
|
||
</script>
|