realty/virgo.wzfrontend/console/src/components/work/operation/remind/detail.vue

<template>
	<div class="hui-flex">
		<div class="hui-flex-box">
			<div class="hui-detail">
				<div class="hui-detail-title">基础信息</div>
				<div class="hui-detail-content">
					<div class="hui-detail-item">
						<div class="hui-detail-label">提醒名称</div>
						<div class="hui-detail-value">{{detail.name}}</div>
					</div>
					<div class="hui-detail-item">
						<div class="hui-detail-label">提醒类型</div>
						<div class="hui-detail-value">{{$field.findTypeName('remindType',detail.type)}}</div>
					</div>
					<div class="hui-detail-item">
						<div class="hui-detail-label">提醒时间</div>
						<div class="hui-detail-value">{{$dayjs(detail.date).format('YYYY-MM-DD HH:mm:ss')}}</div>
					</div>
					<div class="hui-detail-item hui-detail-item-top">
						<div class="hui-detail-label">提醒内容</div>
						<div class="hui-detail-value">{{detail.content}}</div>
					</div>
				</div>
				<div class="hui-detail-title">图片</div>
				<div class="hui-detail-content hui-detail-image">
					<upload ref="upload" :list="detail.attachment ? JSON.parse(detail.attachment) : []" type="preview">
					</upload>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import {
		getReminderDetailById
	} from '@/httpApi/operation'
	import upload from '@/components/common/upload'
	export default {
		props: ['detailId'],
		data() {
			return {
				detail: {}
			}
		},
		created() {
			if (this.detailId) this.init();
		},
		methods: {
			init() {
				getReminderDetailById(this.detailId).then(res => {
					if (res.state) {
						this.detail = res.data;
					}
				})
			}
		},
		components: {
			upload
		},
	}
</script>
<style lang="scss">

</style>