xtNoticeDetail.vue 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <template>
  2. <view class="container">
  3. <view class="message">
  4. <view class="messageDetail">
  5. <view class="messageTitle">{{item.notice.title}}</view>
  6. <view class="messageTime">{{item.notice.releaseDate}} 发布</view>
  7. </view>
  8. <view class="messageContent" v-if="item.notice.type!='tx'">
  9. <jyf-parser :html="item.notice.content" ref="article"></jyf-parser>
  10. </view>
  11. <view class="messageContent" v-else>
  12. <text style="margin-right: 20rpx;">{{item.notice.plainContent}}</text>
  13. <u-button @click="toAction(item)" shape="circle" plain size="mini" type="primary">
  14. {{ item.notice.extInfo.bizType == 'SHELF_REPLENISH' ? '立即处理':'点击查看' }}
  15. </u-button>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. import jyfParser from "@/components/jyf-parser/jyf-parser"
  22. export default{
  23. components: {
  24. jyfParser
  25. },
  26. data(){
  27. return{
  28. item: {
  29. createDate: '',
  30. notice:{
  31. title: '',
  32. content: ''
  33. }
  34. }
  35. }
  36. },
  37. onLoad(options) {
  38. let item = JSON.parse(options.item)
  39. this.item = Object.assign(this.item,item)
  40. this.item.notice.extInfo = JSON.parse(this.item.notice.extInfo)
  41. console.log(item)
  42. },
  43. methods:{
  44. toAction (data) {
  45. // 急送订单
  46. if (data.notice.extInfo.bizType == 'TEMP_ORDER') {
  47. uni.redirectTo({ url: '/pages/sales/edit?pageType=detail&data='+JSON.stringify({ salesBillSn: data.notice.extInfo.bizSn }) })
  48. }
  49. // 补货订单
  50. if (data.notice.extInfo.bizType == 'SHELF_REPLENISH') {
  51. uni.redirectTo({ url: '/pages/replenishmentManage/replenishmentList?billState=WAIT_CONFIRM' })
  52. }
  53. // 货架订单
  54. if (data.notice.extInfo.bizType == 'SHELF_ORDER') {
  55. uni.redirectTo({ url: '/pages/shelfOrder/orderDetail?pageType=detail&orderBillSn='+data.notice.extInfo.bizSn })
  56. }
  57. // 货架异常
  58. if (data.notice.extInfo.bizType == 'SHELF_WARN') {
  59. const shelfName = data.notice.plainContent.split('已经超过')[0]
  60. uni.redirectTo({ url: '/pages/shelfOrder/shelfOrder?bizType=SHELF_WARN&shelfSn='+data.notice.extInfo.bizSn+'&shelfName='+shelfName })
  61. }
  62. },
  63. }
  64. }
  65. </script>
  66. <style lang="less">
  67. .container{
  68. width:100%;
  69. .message{
  70. margin: 20rpx;
  71. padding: 30rpx;
  72. font-size: 28rpx;
  73. background-color: #fff;
  74. border-radius: 30rpx;
  75. box-shadow: 2upx 2upx 6upx #eee;
  76. .messageDetail{
  77. margin: 0 0 30rpx 0;
  78. font-size: 32rpx;
  79. .messageTitle{
  80. flex-grow: 1;
  81. text-align: center;
  82. margin: 0 0 20rpx 0;
  83. }
  84. .messageTime{
  85. color:#989898;
  86. font-size: 24rpx;
  87. text-align: right;
  88. }
  89. }
  90. .messageContent{
  91. line-height: 46upx;
  92. word-break: break-all;
  93. }
  94. }
  95. }
  96. </style>