122 lines
3.2 KiB
Vue
122 lines
3.2 KiB
Vue
<template>
|
||
<div class="card" :class="item.SORTNUM ==1 ? 'conten-border' : ''" @tap='goDetail' v-if="item">
|
||
<div class="uni-flex jc-between" >
|
||
<p class="contentName">{{item.Shop_Name}}</p>
|
||
<text class="typeText" :class="item.Audit_State=='0' ? 'typeText-color' : ''">{{item.SORTNUM==1 ? '待我处理': proStatus[item.Audit_State]}}</text>
|
||
</div>
|
||
<div class="content-index">{{i+1}}</div>
|
||
<view style="line-height: 1;">
|
||
<text class="content-type-text">{{item.Serverpart_Name}}</text>
|
||
</view>
|
||
<view class="uni-flex content-box-cashpay">
|
||
<text class="content-price">{{item.Audit_ErrorRate}}</text>
|
||
<text style="font-size: 22rpx;">误差率</text>
|
||
<text class="other-coast">{{item.Audit_Type}}</text>
|
||
</view>
|
||
<view class="bb1"></view>
|
||
<view class="uni-flex jc-between align-center" v-if="item.Different_Price">
|
||
|
||
<div class="uni-flex align-top">
|
||
<i class="B-icon A-icon"></i>
|
||
<text class="content-span">长短款额：</text>
|
||
<text class="price-num">{{ $util.fmoney(item.Different_Price,2) }} </text>
|
||
<text class="content-span">元</text>
|
||
|
||
</div>
|
||
<text class="content-span" v-if="!item.Cashier_Name">{{$util.cutDate(item.Audit_Time,'YYYY/MM/DD hh:mm:ss')}}</text>
|
||
</view>
|
||
<view class="uni-flex jc-between" v-if="item.Cashier_Name">
|
||
<div class="uni-flex align-top" >
|
||
<span class="G-icon A-icon" ></span>
|
||
<text class="content-span staff-text">稽核人员：{{item.Cashier_Name }}</text>
|
||
</div>
|
||
<text class="content-span lh15">{{$util.cutDate(item.Audit_Time,'YYYY/MM/DD hh:mm:ss') }}</text>
|
||
</view>
|
||
<view class="uni-flex jc-end" v-if="!item.Cashier_Name && !item.Different_Price">
|
||
|
||
<text class="content-span">{{$util.cutDate(item.Audit_Time,'YYYY/MM/DD hh:mm:ss') }}</text>
|
||
</view>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
props: {
|
||
item: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
i: {
|
||
type: Number,
|
||
required: true
|
||
}
|
||
},
|
||
data () {
|
||
return {
|
||
proStatus: {
|
||
0: '已校验',
|
||
1: '待校验',
|
||
|
||
}
|
||
}
|
||
},
|
||
computed: {
|
||
// getStatus () {
|
||
// let _this = this
|
||
// if (_this.item) {
|
||
// let item = _this.item
|
||
// _this.item.SERVERPART_NAME = item.SERVERPART_NAME+" "+item.HIGHWAYPROINST_DESC.split('【')[0]
|
||
// _this.item.STAFF_NAME = item.STAFF_NAME
|
||
// _this.item.HIGHWAYPROINST_CREATEDATE = _this.dateEmpty(_this.item.HIGHWAYPROINST_CREATEDATE)
|
||
// if(item.SORTNUM === 0){
|
||
// return '待我处理'
|
||
// }else{
|
||
// return _this.proStatus[_this.item.HIGHWAYPROINST_NEXTID]
|
||
// }
|
||
// }
|
||
|
||
// }
|
||
},
|
||
methods: {
|
||
goDetail () {
|
||
this.$emit('goDetail', this.item)
|
||
},
|
||
dateEmpty (v) {
|
||
return this.$util.cutDate(v,'YYYY/MM/DD')
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
@import url('/common/css/listUnit.css');
|
||
.price-num {
|
||
color: #D43939;
|
||
font-size: 24rpx;
|
||
}
|
||
.content-box-cashpay {
|
||
position: relative;
|
||
}
|
||
.other-coast {
|
||
color: #D1A271;
|
||
background: linear-gradient(to top, #EBDDCF , #FCFBF8);
|
||
border-radius: 6rpx;
|
||
font-size: 20rpx;
|
||
padding: 0 10rpx;
|
||
margin-left: 16rpx;
|
||
margin-top: 3rpx;
|
||
position: absolute;
|
||
right: 0rpx;
|
||
bottom: 30rpx;
|
||
}
|
||
/*
|
||
|
||
.content-span-cashpay {
|
||
|
||
font-size: 24rpx;
|
||
}
|
||
.content-span-cashpay span {
|
||
font-size: 40rpx;
|
||
} */
|
||
</style>
|