workflow-mobile/pages/workflowTask/approveCenter/ccList.vue

<template>
	<scroll-view :style="{height: `calc(${approveListHeight}px - 20rpx)`}" class="di-scroll" scroll-y @scrolltolower="handleOnreachBottom" :refresher-triggered="triggered"
		refresher-enabled @refresherrefresh="handlePullDownRefresh">
		<view class="di-scroll-list">
			<!-- 右滑 -->
			<u-swipe-action
				style="margin-bottom: 20rpx;border-radius: 10rpx;overflow: hidden;"
				v-for="(item, index) in list"
				:show="activeIndex === item[primaryKey]"
				:key="index" 
				:index='item.id'
				@content-click="(id) => handleClickContext(id, item)">
				<!-- 				@content-click="(id) => handle2ProcessTask(item.id, item.procInstId, 'cc', item.procDefId,false)" -->
				<di-descriptions :title="item.processDefinitionName" label-col="3" value-col="9" :border-bottom="true" >
					<template slot="right" v-if="categoryMap[item.category]">
						<u-tag size="mini" :text="categoryMap[item.category].label" :type="categoryMap[item.category].type" mode="light" />
					</template>
					<di-descriptions-item label="流程单号" :value="item.processNo" :ellipsis="true"/>
                    <di-descriptions-item label="申请人" :value="item.applyUserName" :ellipsis="true"/>
                    <di-descriptions-item label="申请时间" :value="item.applyTime" :ellipsis="true"/>
					<di-descriptions-item label="药剂类型" :value="item.medicineTypeName" :ellipsis="true"/>
					<u-row style="justify-content: flex-end;">
					    <u-col :span="2">
					      <u-button type="primary" plain size="mini"  @click="handleRead(item.id, 'read')">已读</u-button>
					     </u-col>
					   
					</u-row>
	<!-- 				<di-descriptions-item label="办结时间" :value="item.endTime" :ellipsis="true"/> -->
				</di-descriptions>
			</u-swipe-action>
		</view>
		<u-loadmore v-if="!triggered" :status="status" :loadText='loadText' margin-top="24" margin-bottom="20" />
	</scroll-view>
</template>

<script>
	import approveList from './approveList'
	export default {
		mixins: [approveList],
		data() {
			return {
				baseApi: '/cusFlowTask',
				listApi: 'myCcList',
				customQueryParam: {
				    category: 'todo',
				    taskCategory: 'cc',
					// findByCurrentUserId: true,
					// orderBy: 'startTime:DESC'
				},
				categoryMap: {
				  todo: {
				    label: '待办',
				    type: 'primary'
				  },
				  hold: {
				    label: '暂存',
				    type: 'warning'
				  },
				  cc: {
				    label: '抄送',
				    type: 'success'
				  }
				}
			}
		},
		methods: {
			async handleClickContext (id, item) {
			  /* if (!item.assignee) {
			    await this.claim(item.id)
			  } */
			  this.handle2ProcessTask(id, item.procInstId, item.category, item.procDefId, true)
			},
			async handleRead(taskId,taskOperate) {
				let {code,msg} = await this.$dibootApi.put('/workflow/task/taskOperate', {
				  taskId,
				  taskOperate
				})
				if (code == 0) {
					uni.showToast({
					    title: msg,
					    icon: 'none'
					})
					this.page.pageIndex = 1
					this.getList(true)
				}
			},
		}
	}
</script>

<style>
.di-scroll-list {
	background: none;
}
</style>