doneList.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <scroll-view :style="{height: `calc(${approveListHeight}px - 20rpx)`}" class="di-scroll" scroll-y @scrolltolower="handleOnreachBottom" :refresher-triggered="triggered"
  3. refresher-enabled @refresherrefresh="handlePullDownRefresh">
  4. <view class="di-scroll-list">
  5. <!-- 右滑 -->
  6. <u-swipe-action
  7. style="margin-bottom: 20rpx;border-radius: 10rpx;overflow: hidden;"
  8. v-for="(item, index) in list"
  9. :show="activeIndex === item[primaryKey]"
  10. :key="index"
  11. :index='item.id'
  12. @content-click="(id) => handle2ProcessTask(id, item.procInstId, '', item.procDefId,false)">
  13. <di-descriptions :title="item.processDefinitionName" label-col="3" value-col="9" :border-bottom="true" >
  14. <di-descriptions-item label="流程单号" :value="item.processNo" :ellipsis="true"/>
  15. <di-descriptions-item label="提交人" :value="item.applyUserName" :ellipsis="true"/>
  16. <di-descriptions-item label="申请时间" :value="item.applyTime" :ellipsis="true"/>
  17. <di-descriptions-item label="已办节点" :value="item.name" :ellipsis="true"/>
  18. <di-descriptions-item label="办结时间" :value="item.endTime" :ellipsis="true"/>
  19. <di-descriptions-item label="药剂类型" :value="item.medicineTypeName" :ellipsis="true"/>
  20. </di-descriptions>
  21. </u-swipe-action>
  22. </view>
  23. <u-loadmore v-if="!triggered" :status="status" :loadText='loadText' margin-top="24" margin-bottom="20" />
  24. </scroll-view>
  25. </template>
  26. <script>
  27. import approveList from './approveList'
  28. export default {
  29. mixins: [approveList],
  30. data() {
  31. return {
  32. baseApi: '/cusFlowTask',
  33. listApi: 'myDoneList',
  34. customQueryParam: {
  35. taskCategory: 'done',
  36. findByCurrentUserId: true,
  37. orderBy: 'startTime:DESC'
  38. }
  39. }
  40. }
  41. }
  42. </script>
  43. <style>
  44. .di-scroll-list {
  45. background: none;
  46. }
  47. </style>