90 lines
2.2 KiB
Vue
90 lines
2.2 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}}
|
||
<!-- <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="{'typeText-color': item.state===3000 ,'success-text': item.state===9000}">{{proStatus[item.state]}}</text>
|
||
</div>
|
||
<div class="content-index">{{i+1}}</div>
|
||
<view style="line-height: 1;">
|
||
<text class="content-type-text">{{item.title}}</text>
|
||
</view>
|
||
<view class="content-box-cashpay">
|
||
<text >{{item.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}}</text>
|
||
</view>
|
||
<text class="content-span" v-if="!item.STAFF_NAME">{{item.HIGHWAYPROINST_CREATEDATE}}</text>
|
||
</view> -->
|
||
<view class="uni-flex jc-between" v-if="item.username">
|
||
<view class="uni-flex align-top" >
|
||
<text class="G-icon A-icon" ></text>
|
||
<text class="content-span staff-text">申请人：{{item.username}}</text>
|
||
</view>
|
||
<text class="content-span lh15">{{item.date}}</text>
|
||
</view>
|
||
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props: {
|
||
item: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
i: {
|
||
type: Number,
|
||
required: true
|
||
}
|
||
},
|
||
data () {
|
||
return {
|
||
proStatus: {
|
||
1000: '待受理',
|
||
2000: '待办理',
|
||
3000: '已否决',
|
||
// 4000: '已移交',
|
||
9000: '已通过'
|
||
}
|
||
}
|
||
},
|
||
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;
|
||
}
|
||
.success-text {
|
||
color:#52c41a;
|
||
}
|
||
|
||
</style>
|