sendEmailDetail.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <view>
  3. <u-cell-group :border="false">
  4. <u-cell :border="false">
  5. <u--text slot="title" :text="`标题:${mailCompose.mailDTO.title}`" ></u--text>
  6. </u-cell>
  7. <u-cell :border="false">
  8. <u--text slot="title" type="info" text="发件人:自己" ></u--text>
  9. </u-cell>
  10. <u-cell :border="false">
  11. <u--text slot="title" type="info" :text="`收件人:${mailCompose.receiverNames}`"></u--text>
  12. </u-cell>
  13. <u-cell>
  14. <u--text slot="title" type="info" :text="`时间: ${mailCompose.sendTime}`"></u--text>
  15. </u-cell>
  16. </u-cell-group>
  17. <view class="padding bg-white">
  18. <view v-html="mailCompose.mailDTO.content"></view>
  19. </view>
  20. </view>
  21. </template>
  22. <script>
  23. import mailComposeService from "@/api/mail/mailComposeService";
  24. export default {
  25. data() {
  26. return {
  27. mailCompose: {
  28. mailDTO: {
  29. title: '',
  30. content: ''
  31. },
  32. sendTime: '',
  33. receiverNames: '',
  34. sender: {
  35. name: ''
  36. }
  37. }
  38. }
  39. },
  40. onLoad: function (option) {
  41. mailComposeService.queryById(option.id).then((data)=>{
  42. this.mailCompose = 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>