You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
80 lines
2.4 KiB
80 lines
2.4 KiB
<template>
|
|
<div>
|
|
<a-button class="mr-3" type="primary">预览</a-button>
|
|
<a-modal footer title="会议记录预览" v-model="visible" width="1000px">
|
|
<div class="fill-width">
|
|
<!-- <a-card :bordered="false" title="会议记录预览"> -->
|
|
<a-card :bordered="false">
|
|
<!-- <div slot="extra">
|
|
<a-button @click="$emit('closeModal')" type="primary">返回</a-button>
|
|
</div>-->
|
|
<a-list bordered class="metting">
|
|
<a-list-item>
|
|
<span class="font-bold mb-2">会议时间：</span>
|
|
{{ previewInfo.startTime || '' }} 至 {{ previewInfo.endTime }}
|
|
</a-list-item>
|
|
<a-list-item>
|
|
<span class="font-bold mb-2">会议地点：</span>
|
|
{{ previewInfo.place }}
|
|
</a-list-item>
|
|
<a-list-item>
|
|
<span class="font-bold mb-2">主持人：</span>
|
|
{{ previewInfo.host }}
|
|
</a-list-item>
|
|
<a-list-item class="d-flex flex-column align-left">
|
|
<span class="font-bold mb-2">参会人员：</span>
|
|
<div class="fill-width">
|
|
<span v-dompurify-html="previewInfo.participants"></span>
|
|
</div>
|
|
</a-list-item>
|
|
<a-list-item class="d-flex flex-column align-left">
|
|
<span class="font-bold mb-2">研讨内容：</span>
|
|
<div class="fill-width">
|
|
<span v-dompurify-html="previewInfo.discussionContent"></span>
|
|
</div>
|
|
</a-list-item>
|
|
<a-list-item class="d-flex flex-column align-left">
|
|
<span class="font-bold mb-2">会议纪要：</span>
|
|
<div class="fill-width">
|
|
<span v-dompurify-html="previewInfo.meetingMinutes"></span>
|
|
</div>
|
|
</a-list-item>
|
|
</a-list>
|
|
</a-card>
|
|
</div>
|
|
</a-modal>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from 'vuex';
|
|
export default {
|
|
name: 'MeetingPreview',
|
|
data() {
|
|
return { visible: false };
|
|
},
|
|
|
|
computed: mapState('home', ['previewInfo']),
|
|
|
|
methods: {
|
|
openModal() {
|
|
this.visible = true;
|
|
},
|
|
|
|
onCancel() {
|
|
this.visible = false;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="stylus" scoped>
|
|
.metting {
|
|
width: 100%;
|
|
}
|
|
|
|
.metting >>> .ant-list-item {
|
|
padding-left: 16px;
|
|
padding-right: 16px;
|
|
}
|
|
</style>
|
|
|