notificationDetail.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <view>
  3. <cu-custom bgColor="bg-blue" backUrl="/pages/apps/notification/notification" :isBack="true">
  4. <block slot="backText">返回</block>
  5. <block slot="content"> 通知公告</block>
  6. </cu-custom>
  7. <view class="cu-bar bg-white solid-bottom">
  8. <view class="grid col-1 margin-top-sm action " style="width: 100%;">
  9. <view>
  10. <text class="cuIcon-notification text-blue"></text> 标题:{{notication.title}}
  11. </view>
  12. <view class="flex solid-bottom padding justify-between">
  13. <view class=" text-gray text-sm">
  14. <text>发布者:{{notication.createBy.name}},类型:{{$dictUtils.getDictLabel('oa_notify_type', notication.type ,'')}}</text>
  15. </view>
  16. <view class=" text-gray text-sm">
  17. <text>{{notication.createDate}}</text>
  18. </view>
  19. </view>
  20. </view>
  21. </view>
  22. <view class="padding bg-white">
  23. <view class="text-left padding">
  24. <view v-html="notication.content"></view>
  25. </view>
  26. </view>
  27. </view>
  28. </template>
  29. <script>
  30. import notifyService from "@/api/notify/notifyService";
  31. export default {
  32. data() {
  33. return {
  34. notication: {
  35. createBy: {
  36. name: ''
  37. }
  38. }
  39. }
  40. },
  41. onLoad: function (option) {
  42. notifyService.query({isSelf:true, id:option.id}).then(({data})=>{
  43. this.notication = data
  44. });
  45. }
  46. }
  47. </script>
  48. <style>
  49. </style>