<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
				v-for="(item, index) in list"
				:show="activeIndex === item[primaryKey]"
				:key="index" 
				:index='item.id'    
				@content-click="(id) => handle2ProcessTask('', item.id, item.category, item.procDefId, false)">
				<di-descriptions :title="item.name" label-col="3" value-col="9" :border-bottom="true" >
					<u-tag slot="right" size="mini" :text="item.statusLabel" :type="statusColorMap[item.statusLabel]" mode="light" />
					<di-descriptions-item label="流程名称" :value="item.processDefinitionName" :ellipsis="true"/>
					<di-descriptions-item label="开始时间" :value="item.startTime" :ellipsis="true"/>
					<di-descriptions-item label="结束时间" :value="item.endTime" :ellipsis="true"/>
					<di-descriptions-item label="流程耗时" :value="item.durationLabel" :ellipsis="true"/>
                    <u-row style="justify-content: flex-end;">
                        <u-col :span="2" v-if="item.endTime == null">
                          <u-button type="primary" plain size="mini"  @click="handle2Click(item.id, 'cancel')">撤销</u-button>
                         </u-col>
                         <u-col :span="2.5" v-if="['已撤销', '不通过'].indexOf(item.statusLabel) > -1">
                          <u-button type="primary" plain size="mini"  @click="handle2RestartWorkflow(item)">重新发起</u-button>
                         </u-col>
                    </u-row>
                </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: '/workflow/processLaunch',
				listApi: 'myProcessList',
				statusColorMap: {
				  '已完成': 'success',
				  '进行中': 'warning',
				  '已撤销': 'info',
				  '不通过': 'error'
				}
			}
		},
        methods: {
         
        }
	}
</script>

<style>

</style>
