122 lines
2.8 KiB
Vue
122 lines
2.8 KiB
Vue
<template>
|
||
<view class="flow-list flowBefore">
|
||
<view class="flow-list-box">
|
||
<view class="item" v-for="(item, index) in list" :key="item.id" @click="handleClick(item)">
|
||
<view class="item-left">
|
||
<view class="item-left-top">
|
||
<view class="u-m-r-8" v-if="item.delegateUser">
|
||
<u-tag text="委托" type="success" size="mini" />
|
||
</view>
|
||
<view class='common-lable'
|
||
:class="{'urgent-lable':item.flowUrgent==2,'important-lable':item.flowUrgent==3}">
|
||
{{getLableValue(item.flowUrgent)}}
|
||
</view>
|
||
<text class="title u-font-28 u-line-1">{{item.fullName}}</text>
|
||
</view>
|
||
<text class="title u-line-1 u-font-24">审批节点：<text
|
||
class="titInner">{{item.thisStep ? item.thisStep : '暂无'}}</text></text>
|
||
<text class="time title u-font-24">{{title}}：<text
|
||
class="titInner">{{item.creatorTime | date('yyyy-mm-dd hh:MM')}}</text></text>
|
||
</view>
|
||
<view class="item-right">
|
||
<image :src="item.flowStatus" mode="widthFix" class="item-right-img"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
import resources from '@/libs/resources.js'
|
||
export default {
|
||
name: "FlowList",
|
||
props: {
|
||
list: {
|
||
type: Array,
|
||
default: () => []
|
||
},
|
||
opType: {
|
||
type: Number,
|
||
default: 1
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
title: ''
|
||
};
|
||
},
|
||
created() {
|
||
this.title = this.opType == 1 ? '接收时间' : this.opType == 2 ? '办理时间' : '抄送时间'
|
||
},
|
||
methods: {
|
||
handleClick(item) {
|
||
const config = {
|
||
id: item.processId,
|
||
enCode: item.flowCode,
|
||
flowId: item.flowId,
|
||
formType: item.formType,
|
||
opType: this.opType,
|
||
status: item.status,
|
||
taskNodeId: item.thisStepId,
|
||
fullName: item.fullName,
|
||
taskId: item.id
|
||
}
|
||
uni.navigateTo({
|
||
url: '/pages/workFlow/flowBefore/index?config=' + this.base64.encode(JSON.stringify(config),
|
||
"UTF-8")
|
||
})
|
||
},
|
||
getLableValue(value) {
|
||
var lableValue = ''
|
||
switch (value) {
|
||
case 1:
|
||
lableValue = '普通'
|
||
break;
|
||
case 2:
|
||
lableValue = '重要'
|
||
break;
|
||
case 3:
|
||
lableValue = '紧急'
|
||
break;
|
||
default:
|
||
lableValue = '普通'
|
||
break;
|
||
}
|
||
return lableValue
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
<style scoped lang="scss">
|
||
.item-left-top {
|
||
display: flex;
|
||
width: 100%;
|
||
|
||
.common-lable {
|
||
font-size: 24rpx;
|
||
padding: 2rpx 8rpx;
|
||
margin-right: 8rpx;
|
||
border-radius: 8rpx;
|
||
color: #409EFF;
|
||
border: 1px solid #409EFF;
|
||
background-color: #e5f3fe;
|
||
}
|
||
|
||
.urgent-lable {
|
||
color: #E6A23C;
|
||
border: 1px solid #E6A23C;
|
||
background-color: #fef6e5;
|
||
}
|
||
|
||
.important-lable {
|
||
color: #F56C6C;
|
||
border: 1px solid #F56C6C;
|
||
background-color: #fee5e5;
|
||
}
|
||
|
||
.title {
|
||
width: unset;
|
||
flex: 1;
|
||
min-width: 0;
|
||
}
|
||
}
|
||
</style> |