sketchrecord.vue 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <template>
  2. <view style="position: relative;">
  3. <!-- 胶囊 -->
  4. <mvBar :mysNavConfig="mysNavConfig"></mvBar>
  5. <view :style="{marginTop:navH}"></view>
  6. <view class="script" v-for="item in List">
  7. <view style="margin: 20rpx;">
  8. <p style="margin-bottom: 10rpx;">上传时间:{{item.create_at}}</p>
  9. <!-- 图片 -->
  10. <view style="display: flex;" v-if="item.type == 1">
  11. <view v-for="photo in item.Photo">
  12. <image :src="photo.photo_url" mode="aspectFill" style="width: 150rpx;height: 150rpx;"></image>
  13. </view>
  14. </view>
  15. <!-- 视频 -->
  16. <view style="display: flex;" v-if="item.type == 2">
  17. <video :src="item.Photo[0].photo_url"></video>
  18. </view>
  19. <p>{{item.title}}</p>
  20. <text>{{item.content}}</text>
  21. </view>
  22. <view class="heng-line" v-if="item.is_review && !item.is_ok"></view>
  23. <view style="margin: 20rpx;color: red;" v-if="item.is_review && !item.is_ok">
  24. <p style="margin-bottom: 10rpx;">驳回时间:{{item.reject_at}}</p>
  25. <text>{{item.revise_opinion}}</text>
  26. </view>
  27. </view>
  28. </view>
  29. </template>
  30. <script>
  31. import mvBar from "@/components/mys_navBar/mysNavBar";
  32. export default {
  33. components: {
  34. mvBar,
  35. },
  36. data() {
  37. return {
  38. navH: getApp().globalData.navHeight,
  39. List: [],
  40. AllImage: [],
  41. mysNavConfig: {
  42. /* 开启单页显示首页图标 */
  43. isHome: true,
  44. /* 固定导航 */
  45. navFixed: true,
  46. /* 标题 (屏幕中心居中 两边图标中心居中使用slot center1) */
  47. navTitle: {
  48. text: "查看修改/反馈记录",
  49. color: "",
  50. fontSize: "32rpx", // px upx rpx
  51. fontWeight: "normal", // 100 - 700
  52. },
  53. btnType: "type2",
  54. onLeftClick: '',
  55. /* type2 按钮 */
  56. type2Config: {
  57. // 左图标
  58. leftPath: "/static/img/png2.png",
  59. // 右图标
  60. rightPath: "/static/img/png4.png",
  61. // 圆角
  62. radius: "40rpx",
  63. },
  64. },
  65. }
  66. },
  67. onShow() {
  68. this.getList();
  69. },
  70. onLoad(options) {
  71. let data = options.textObj.replace(/""/g, "");
  72. data = JSON.parse(decodeURIComponent(data))
  73. this.taskId = data.taskId
  74. console.log(this.taskId)
  75. },
  76. methods: {
  77. // 获取初稿审阅记录
  78. getList() {
  79. this.$https.get('/youngee/c/t/g/get-task-sketch' +
  80. "?" +
  81. "task_id" +
  82. "=" +
  83. this.taskId)
  84. .then(res => {
  85. console.log(res)
  86. this.List = res.data.data
  87. })
  88. },
  89. }
  90. }
  91. </script>
  92. <style lang="scss" scoped>
  93. .script {
  94. margin-bottom: 100rpx;
  95. }
  96. .heng-line {
  97. width: 100%;
  98. border-bottom: 1rpx solid #dadada;
  99. }
  100. </style>