|
@@ -1,27 +1,44 @@
|
|
|
<template>
|
|
|
<view class="warp">
|
|
|
+ <view class="topInfo">
|
|
|
+ <view class="topInfo-item">
|
|
|
+ <view class="flex info">
|
|
|
+ <view class="logo">
|
|
|
+ <image src="../../../static/img/reject.png" mode="" v-if="list.priceStatus == '已驳回'"
|
|
|
+ style="height: 40rpx;"></image><!-- 驳回 -->
|
|
|
+ <image src="../../../static/img/tongguo.png" mode="" v-if="list.priceStatus == '已通过'"
|
|
|
+ style="height: 40rpx;"></image><!-- 通过 -->
|
|
|
+ <image src="../../../static/img/daishenhe.png" mode="" v-if="list.priceStatus == '审核中'"
|
|
|
+ style="height: 40rpx;"></image><!-- 待审核 -->
|
|
|
+ </view>
|
|
|
+ <view class="infoText">{{list.priceStatus}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="infoData">2020年1月15日 08:45</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<view class='content1'>
|
|
|
- <view class='row content-item' >
|
|
|
+ <view class='row content-item'>
|
|
|
<view class="left" style="color: #878C9C ;">仓库</view>
|
|
|
<view class="right">鲅鱼圈一号库</view>
|
|
|
</view>
|
|
|
<view class="content-item">
|
|
|
- <view v-for="(item,index) in List">
|
|
|
- <view class='row row1'>
|
|
|
- <view class="left title">{{item.paymentNo}}</view>
|
|
|
- <view class="right title">{{item.carNo}}</view>
|
|
|
- </view>
|
|
|
- <view class='row'>
|
|
|
- <view class="left goodsInfoCss">{{item.goodsName}}({{item.netWeight}}kg - ¥{{item.tidalGrainPrice}})</view>
|
|
|
- <view class="right priceCss">¥{{item.amountIngPayable}}</view>
|
|
|
+ <view v-for="(item,index) in List">
|
|
|
+ <view class='row row1'>
|
|
|
+ <view class="left title">{{item.paymentNo}}</view>
|
|
|
+ <view class="right title">{{item.carNo}}</view>
|
|
|
+ </view>
|
|
|
+ <view class='row'>
|
|
|
+ <view class="left goodsInfoCss">{{item.goodsName}}({{item.netWeight}}kg -
|
|
|
+ ¥{{item.tidalGrainPrice}})</view>
|
|
|
+ <view class="right priceCss">¥{{item.amountIngPayable}}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-</view>
|
|
|
</view>
|
|
|
<u-toast ref="uToast" />
|
|
|
<view style='padding:10px;' class='flex bottom-btn'>
|
|
|
- <u-button @click='rejectSubmit()' type="error" class="btn1">驳回</u-button>
|
|
|
- <u-button @click='passSubmit()' type="success" class="btn2">通过</u-button>
|
|
|
+ <u-button @click='rejectSubmit()' type="error" class="btn1" hover-class='none'>驳回</u-button>
|
|
|
+ <u-button @click='passSubmit()' type="success" class="btn2">通过</u-button>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
@@ -113,8 +130,8 @@
|
|
|
this.$api.doRequest('get', '/workflow/api/handle', {
|
|
|
taskId: item.taskId,
|
|
|
approved: status,
|
|
|
- auditMind: reason ? '已驳回' : '34',
|
|
|
- needReapply: status2 ? true : false
|
|
|
+ auditMind: reason ? '已驳回' : '34',
|
|
|
+ needReapply: status2 ? true : false
|
|
|
}).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
this.audit(this.List[index + 1], index + 1, status, status2, reason)
|
|
@@ -141,8 +158,8 @@
|
|
|
padding: 20rpx 20rpx 200rpx 20rpx;
|
|
|
}
|
|
|
|
|
|
- .content1{
|
|
|
- .content-item{
|
|
|
+ .content1 {
|
|
|
+ .content-item {
|
|
|
border-radius: 20rpx;
|
|
|
background: white;
|
|
|
padding: 40rpx 20rpx;
|
|
@@ -155,13 +172,15 @@
|
|
|
color: #333333;
|
|
|
margin: 30rpx 0;
|
|
|
}
|
|
|
- .goodsInfoCss{
|
|
|
+
|
|
|
+ .goodsInfoCss {
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 600;
|
|
|
color: #878C9C;
|
|
|
- margin: 26rpx 10rpx;
|
|
|
+ margin: 26rpx 10rpx;
|
|
|
}
|
|
|
- .priceCss{
|
|
|
+
|
|
|
+ .priceCss {
|
|
|
font-size: 40rpx;
|
|
|
margin: 26rpx 10rpx;
|
|
|
color: #22C572;
|
|
@@ -184,23 +203,57 @@
|
|
|
.bottom-btn {
|
|
|
width: 100%;
|
|
|
position: fixed;
|
|
|
- bottom:0;
|
|
|
+ bottom: 0;
|
|
|
display: flex;
|
|
|
z-index: 2;
|
|
|
left: 0;
|
|
|
background-color: #f8f8f8;
|
|
|
flex-direction: column;
|
|
|
- .btn1,.btn2{
|
|
|
+
|
|
|
+ .btn1,
|
|
|
+ .btn2 {
|
|
|
width: 100%;
|
|
|
margin-bottom: 26rpx;
|
|
|
border-radius: 90rpx;
|
|
|
}
|
|
|
- .btn1{
|
|
|
+
|
|
|
+ .btn1 {
|
|
|
background: white;
|
|
|
color: #00C265;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.row1 {
|
|
|
border-bottom: 0 !important;
|
|
|
}
|
|
|
+ .topInfo {
|
|
|
+ height: 210rpx;
|
|
|
+ background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
|
|
|
+ padding: 30rpx;
|
|
|
+
|
|
|
+ .topInfo-item {
|
|
|
+ height: 150rpx;
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 40rpx;
|
|
|
+
|
|
|
+ .logo {
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ margin-top: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .infoText {
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ margin-left: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .infoData {
|
|
|
+ color: #878C9C;
|
|
|
+ font-size: 26rpx;
|
|
|
+ margin-top: 10rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|