receivedMailDetail.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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 mailBoxService from "@/api/mail/mailBoxService";
  24. export default {
  25. data() {
  26. return {
  27. mailBox: {
  28. mailDTO: {
  29. title: '',
  30. content: ''
  31. },
  32. sender: {
  33. name: ''
  34. },
  35. sendTime: '',
  36. receiverNames: ''
  37. }
  38. }
  39. },
  40. onLoad: function (option) {
  41. mailBoxService.queryById(option.id).then((data)=>{
  42. this.mailBox = data
  43. });
  44. },
  45. methods: {
  46. }
  47. }
  48. </script>
  49. <style>
  50. .mail .title {
  51. min-width: calc(4em + 0px);
  52. text-align: right;
  53. display: inline-block
  54. }
  55. </style>