1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- <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>
|