trashMailDetail.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view>
  3. <u-cell-group :border="false">
  4. <u-cell :border="false">
  5. <u--text slot="title" :text="`标题:${mailBox.mailDTO.title}`" ></u--text>
  6. </u-cell>
  7. <u-cell :border="false">
  8. <u--text slot="title" type="info" :text="`发件人:${mailBox.sender.name}`" ></u--text>
  9. </u-cell>
  10. <u-cell :border="false">
  11. <u--text slot="title" type="info" :text="`收件人:${mailBox.receiverNames}`"></u--text>
  12. </u-cell>
  13. <u-cell>
  14. <u--text slot="title" type="info" :text="`时间: ${mailBox.sendTime}`"></u--text>
  15. </u-cell>
  16. </u-cell-group>
  17. <view class="padding bg-white">
  18. <view v-html="mailBox.mailDTO.content"></view>
  19. </view>
  20. </view>
  21. </template>
  22. <script>
  23. import mailTrashService from "@/api/mail/mailTrashService"
  24. export default {
  25. data() {
  26. return {
  27. mailBox: {
  28. mailDTO: {
  29. title: ''
  30. },
  31. sender: {
  32. name: ''
  33. }
  34. }
  35. }
  36. },
  37. onLoad: function (option) {
  38. mailTrashService.queryById(option.id).then((data)=>{
  39. this.mailBox = data
  40. });
  41. },
  42. methods: {
  43. }
  44. }
  45. </script>
  46. <style>
  47. .mail .title {
  48. min-width: calc(4em + 0px);
  49. text-align: right;
  50. display: inline-block
  51. }
  52. </style>