<template>
	<view>
		<u-cell-group :border="false">
			<u-cell :border="false">
				<u--text slot="title" :text="`标题：${mailCompose.mailDTO.title}`"   ></u--text>
			</u-cell>
			<u-cell :border="false">
				<u--text slot="title" type="info" text="发件人：自己"   ></u--text>
			</u-cell>
			<u-cell :border="false">
				<u--text slot="title" type="info" :text="`收件人：${mailCompose.receiverNames}`"></u--text>
			</u-cell>
			<u-cell>
				<u--text slot="title" type="info"  :text="`时间： ${mailCompose.sendTime}`"></u--text>
			</u-cell>
		</u-cell-group>

		<view class="padding bg-white">
			<view v-html="mailCompose.mailDTO.content"></view>
		</view>
	</view>
</template>

<script>
	import mailComposeService from "@/api/mail/mailComposeService";
	export default {
		data() {
			return {
				mailCompose: {
					mailDTO: {
						title: '',
						content: ''
					},
					sendTime: '',
					receiverNames: '',
					sender: {
						name: ''
					}
				}
			}
		},
		onLoad: function (option) {
			mailComposeService.queryById(option.id).then((data)=>{
				this.mailCompose = data
			});
		},
		methods: {
			
		}
	}
</script>

<style>
  .mail .title {
  	min-width: calc(4em + 0px);
	text-align: right; 
	display: inline-block
  }
</style>