80 lines
2.3 KiB
Vue
80 lines
2.3 KiB
Vue
<template>
|
|
<div class="card" :class="item.SORTNUM == 0 ? 'conten-border' : ''" @tap='goDetail' v-if="item">
|
|
<div class="uni-flex" style="justify-content: space-between;">
|
|
<p class="contentName">
|
|
{{item.PRODEF_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.HIGHWAYPROINST_NEXTID=='9000' ? 'typeText-color' : ''">{{item.SORTNUM==0 ? '待我处理': proStatus[item.HIGHWAYPROINST_NEXTID]}}</text>
|
|
</div>
|
|
<div class="content-index">{{i+1}}</div>
|
|
<view style="line-height: 1.6;">
|
|
<text class="content-type-text">{{item.SERVERPART_NAME}}</text>
|
|
</view>
|
|
<view class="uni-flex content-box-cashpay">
|
|
<text >{{item.PROINST_NAME}}</text>
|
|
|
|
</view>
|
|
<view class="bb1"></view>
|
|
<view class="uni-flex" style="align-items: center;justify-content: space-between;" v-if="item.ACTINST_NAME">
|
|
|
|
<view class="uni-flex" style="align-items: center;">
|
|
<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" style="justify-content: space-between;" v-if="item.STAFF_NAME">
|
|
<view class="uni-flex" style="align-items: center;">
|
|
<text class="G-icon A-icon" ></text>
|
|
<text class="content-span">{{item.STAFF_NAME}}</text>
|
|
</view>
|
|
<text class="content-span">{{item.HIGHWAYPROINST_CREATEDATE}}</text>
|
|
</view>
|
|
<view class="uni-flex" style="justify-content: flex-end;" v-if="!item.ACTINST_NAME && !item.STAFF_NAME">
|
|
|
|
<text class="content-span">{{item.HIGHWAYPROINST_CREATEDATE}}</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');
|
|
|
|
|
|
</style>
|