12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <template>
- <view>
- <u-cell-group :border="false">
- <u-cell :border="false">
- <u--text slot="title" :text="`标题:${mailBox.mailDTO.title}`" ></u--text>
- </u-cell>
- <u-cell :border="false">
- <u--text slot="title" type="info" :text="`发件人:${mailBox.sender.name}`" ></u--text>
- </u-cell>
- <u-cell :border="false">
- <u--text slot="title" type="info" :text="`收件人:${mailBox.receiverNames}`"></u--text>
- </u-cell>
- <u-cell>
- <u--text slot="title" type="info" :text="`时间:${mailBox.sendTime}`"></u--text>
- </u-cell>
- </u-cell-group>
- <view class="padding bg-white">
- <view v-html="mailBox.mailDTO.content"></view>
- </view>
- </view>
- </template>
- <script>
- import mailBoxService from "@/api/mail/mailBoxService";
- export default {
- data() {
- return {
- mailBox: {
- mailDTO: {
- title: '',
- content: ''
- },
- sender: {
- name: ''
- },
- sendTime: '',
- receiverNames: ''
- }
- }
- },
- onLoad: function (option) {
- mailBoxService.queryById(option.id).then((data)=>{
- this.mailBox = data
- });
- },
- methods: {
-
- }
- }
- </script>
- <style>
- .mail .title {
- min-width: calc(4em + 0px);
- text-align: right;
- display: inline-block
- }
- </style>
|