89 lines
2.8 KiB
Vue
89 lines
2.8 KiB
Vue
<template>
|
|
<div class="card" :class="item.SORTNUM == 0 ? 'conten-border' : ''" @tap='goDetail' v-if="item">
|
|
<div class="uni-flex jc-between" >
|
|
<p class="contentName">
|
|
{{item.Serverpart_Name}}
|
|
<!-- <span v-if="item.HIGHWAYPROINST_NEXTID=='3000'" style="color:#D73535;">【退】</span>
|
|
<span v-else-if="item.HIGHWAYPROINST_NEXTID=='4000'" style="color:#D73535;">【移】</span> -->
|
|
</p>
|
|
<text class="typeText" :class="item.BusinessProcess_State=='9000' ? 'typeText-color' : ''">{{proStatus[item.BusinessProcess_State]}}</text>
|
|
</div>
|
|
<div class="content-index">{{i+1}}</div>
|
|
<!-- <view style="line-height: 1;" class="content-type-text">-->
|
|
<!-- {{item.PROINST_NAME}}1-->
|
|
<!-- </view>-->
|
|
<view class="content-box-cashpay">
|
|
<text >{{item.BusinessProcess_Name}}</text>
|
|
|
|
</view>
|
|
<view class="bb1"></view>
|
|
<view class="uni-flex align-center jc-between" v-if="item.ACTINST_NAME">
|
|
|
|
<view class="uni-flex jc-top" >
|
|
<i class="B-icon A-icon"></i>
|
|
<text class="content-span">{{item.ACTINST_NAME}}2</text>
|
|
</view>
|
|
<text class="content-span" v-if="!item.STAFF_NAME">3{{item.HIGHWAYPROINST_CREATEDATE}}</text>
|
|
</view>
|
|
<view class="uni-flex jc-between" v-if="item.Staff_Name">
|
|
<view class="uni-flex align-top" >
|
|
<text class="G-icon A-icon" ></text>
|
|
<text class="content-span staff-text">{{item.Staff_Name}}</text>
|
|
</view>
|
|
<!-- <text class="content-span lh15">5{{item.HIGHWAYPROINST_CREATEDATE}}</text>-->
|
|
<view class="uni-flex jc-end" v-if="!item.ACTINST_NAME && !item.STAFF_NAME">
|
|
<text class="content-span">{{item.BusinessProcess_StartDate}}</text>
|
|
</view>
|
|
</view>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
item: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
i: {
|
|
type: Number,
|
|
required: true
|
|
}
|
|
},
|
|
data () {
|
|
return {
|
|
proStatus: {
|
|
2000: '待我处理',
|
|
3000: '待我处理',
|
|
9000: '已审结',
|
|
9999: '已否决',
|
|
}
|
|
}
|
|
},
|
|
computed: {
|
|
},
|
|
methods: {
|
|
goDetail () {
|
|
this.$emit('goDetail', this.item)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
@import url('../../../common/css/listUnit.css');
|
|
.content-box-cashpay {
|
|
margin-top: 40rpx;
|
|
font-size: 24rpx;
|
|
text-align: center;
|
|
padding-bottom: 16rpx;
|
|
}
|
|
.content-box-cashpay text {
|
|
font-size: 30rpx;
|
|
font-weight: 600;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
</style>
|