protow.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <template>
  2. <scroll-view :scroll-y="true" class="scrll-height">
  3. <u-cell-group v-if="itemdata.length != 0">
  4. <view v-for="(item,index) in itemdata" :key="index" @click="toPartcodetal(item.roomId,item.id)" >
  5. <u-cell-item
  6. :use-label-slot="true"
  7. :border-bottom="true"
  8. :border-top="false"
  9. :key="index"
  10. :label-style="{'fontSize':'28rpx', 'color':'rgba(80, 80, 80, 1)' ,'marginBottom':'30rpx'}"
  11. :icon-style="{'color':'#000'}"
  12. :title-style="{'color':'#000','fontSize':'32rpx','fontWeight':' blod'}"
  13. :arrow="false"
  14. :label="taskName"
  15. :title="item.roomName + ` ${position}`"
  16. >
  17. <u-icon name="arrow-right" slot="right-icon" color="#B3B3B3" size="38"></u-icon>
  18. <div solt="label" class="left-boto-txt" >{{item.username}}:{{item.time}}</div>
  19. </u-cell-item>
  20. <view style=" height: 3.5rpx;width: 100%; background: #FFFFFF;"></view>
  21. </view>
  22. </u-cell-group>
  23. <block v-else class="u-m-t-34">
  24. <u-empty text="数据为空" mode="list"></u-empty>
  25. </block>
  26. </scroll-view>
  27. </template>
  28. <script>
  29. import {
  30. listForMobile
  31. } from '@/api/index.js'
  32. import dayjs from "dayjs";
  33. export default {
  34. props:{
  35. option:{
  36. type:Object
  37. },
  38. taskName:{
  39. type:String
  40. },
  41. position:{
  42. type:String
  43. }
  44. },
  45. data(){
  46. return {
  47. itemdata:[]
  48. }
  49. },
  50. created() {
  51. this.getItemdata()
  52. },
  53. methods:{
  54. getItemdata() {
  55. let {
  56. taskId,
  57. roomId
  58. } = this.option
  59. listForMobile({
  60. taskId,
  61. roomId
  62. })
  63. .then(({
  64. data
  65. }) => {
  66. if(data.list.length == 0) {
  67. uni.showToast({
  68. title: '巡检记录列表为空',
  69. icon: "none",
  70. duration: 2000
  71. });
  72. }
  73. else if(data.list.length == 1) {
  74. data.list.forEach(i => {
  75. i.time = dayjs(i.time).format("YYYY-MM-DD HH:mm:ss")
  76. })
  77. this.itemdata = data.list
  78. //直接跳转巡检详情
  79. this.toPartcodetal(data.list[0].roomId,data.list[0].id)
  80. } else {
  81. data.list.forEach(i => {
  82. i.time = dayjs(i.time).format("YYYY-MM-DD HH:mm:ss")
  83. })
  84. this.itemdata = data.list
  85. }
  86. })
  87. },
  88. toPartcodetal(roomId,taskId) {
  89. uni.navigateTo({
  90. url:`../patroldetail/patroldetail?roomId=${roomId}&taskId=${taskId}`
  91. })
  92. }
  93. }
  94. }
  95. </script>
  96. <style>
  97. </style>