|
|
@@ -1,34 +1,40 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
<view class="content">
|
|
|
- <view class="top">
|
|
|
- <view>合同编号</view>
|
|
|
- <view>{{contractNo}}</view>
|
|
|
+ <view class="top content-item">
|
|
|
+ <view>{{contractNo}}({{list[0].goodsName}})</view>
|
|
|
+ <view>元/吨</view>
|
|
|
</view>
|
|
|
- <view class="car-container" v-for="(item,index) in list">
|
|
|
- <view class="car-num title">{{item.carNo}}({{item.tranCarNo}})</view>
|
|
|
- <view class="car-type-item">
|
|
|
- <view class="left">净重</view>
|
|
|
- <view class="left">{{item.netWeight}}吨</view>
|
|
|
- </view>
|
|
|
- <view class="car-type-item">
|
|
|
- <view class="left">结重</view>
|
|
|
- <view class="left">120.4{{item.settlementWeight}}吨</view>
|
|
|
- </view>
|
|
|
- <view class="car-type-item">
|
|
|
- <view class="left">扣款</view>
|
|
|
- <view class="left">{{item.deductionAmountchange}}元/吨</view>
|
|
|
- </view>
|
|
|
- <view class="car-type-item">
|
|
|
- <view class="left">应付</view>
|
|
|
- <view class="left">{{item.amountIngPayable}}元</view>
|
|
|
+ <view class="content-item">
|
|
|
+ <view class="car-container" v-for="(item,index) in list">
|
|
|
+ <view class="car-num title">{{item.carNo}}</view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="left car-type-item">净重</view>
|
|
|
+ <view class="right weightInfoCss">{{item.netWeight}} 吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="left car-type-item">结重</view>
|
|
|
+ <view class="right weightInfoCss">{{item.settlementWeight}} 吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="left car-type-item">扣款</view>
|
|
|
+ <view class="right weightInfoCss">￥{{item.deductionAmountchange?item.deductionAmountchange:"0"}}/吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="row ">
|
|
|
+ <view class="left money">应付</view>
|
|
|
+ <view class="right moneyInfo">￥{{item.amountIngPayable}}元</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<u-toast ref="uToast" />
|
|
|
- <view class="bottom-btn">
|
|
|
+ <!-- <view class="bottom-btn">
|
|
|
<u-button type="primary" class="submit" hover-class="none" @click="rejectSubmit()">驳回</u-button>
|
|
|
<u-button type="primary" class="submit" hover-class="none" @click="passSubmit()">通过</u-button>
|
|
|
+ </view> -->
|
|
|
+ <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>
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -38,10 +44,10 @@
|
|
|
data() {
|
|
|
return {
|
|
|
id: "",
|
|
|
- currentPage:1,
|
|
|
- pageSize:10,
|
|
|
- list:[],
|
|
|
- contractNo:"",
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ list: [],
|
|
|
+ contractNo: "",
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
@@ -56,10 +62,10 @@
|
|
|
this.contractNo = res.data.data.contractNo
|
|
|
if (res.data.code == 200) {
|
|
|
this.$api.doRequest('get', '/stockPurchaseReceiptReport/selectPurchaseOrder', {
|
|
|
- compId: "2710b21efc1e4393930c5dc800010dc4",
|
|
|
- currentPage: this.currentPage,
|
|
|
- pageSize: this.pageSize,
|
|
|
- contractNo: this.contractNo,
|
|
|
+ compId: "2710b21efc1e4393930c5dc800010dc4",
|
|
|
+ currentPage: this.currentPage,
|
|
|
+ pageSize: this.pageSize,
|
|
|
+ contractNo: this.contractNo,
|
|
|
}).then(res => {
|
|
|
if (res.data.code == 200) {
|
|
|
this.list = res.data.data.records
|
|
|
@@ -69,10 +75,10 @@
|
|
|
})
|
|
|
},
|
|
|
//驳回
|
|
|
- rejectSubmit(){
|
|
|
+ rejectSubmit() {
|
|
|
var that = this
|
|
|
if (this.list.length == 0) {
|
|
|
- that.$api.msg('没有要审核的条目！')
|
|
|
+ that.$api.msg('没有要审核的条目！')
|
|
|
} else {
|
|
|
// uni.showModal({
|
|
|
// content: "是否确定驳回?",
|
|
|
@@ -81,8 +87,8 @@
|
|
|
// this.audit(this.list[0], 0, false, true, '已驳回')
|
|
|
// }
|
|
|
// })
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
uni.showModal({
|
|
|
content: "是否确定驳回？",
|
|
|
showCancel: true,
|
|
|
@@ -90,14 +96,16 @@
|
|
|
success: function(res) {
|
|
|
if (res.confirm) {
|
|
|
that.audit(that.list[0], 0, false, true, '已驳回')
|
|
|
- }}})
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
},
|
|
|
//通过
|
|
|
- passSubmit(){
|
|
|
+ passSubmit() {
|
|
|
var that = this
|
|
|
if (this.list.length == 0) {
|
|
|
- that.$api.msg('没有要审核的条目！')
|
|
|
+ that.$api.msg('没有要审核的条目！')
|
|
|
} else {
|
|
|
// uni.showModal({
|
|
|
// content: "是否确定通过?",
|
|
|
@@ -113,7 +121,9 @@
|
|
|
success: function(res) {
|
|
|
if (res.confirm) {
|
|
|
that.audit(that.list[0], 0, true, 2)
|
|
|
- }}})
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
},
|
|
|
//审核方法
|
|
|
@@ -129,10 +139,10 @@
|
|
|
})
|
|
|
} else {
|
|
|
if (status == true) {
|
|
|
- that.$api.msg('通过成功')
|
|
|
+ that.$api.msg('通过成功')
|
|
|
this.getList()
|
|
|
} else if (status == false) {
|
|
|
- that.$api.msg('驳回成功')
|
|
|
+ that.$api.msg('驳回成功')
|
|
|
this.getList()
|
|
|
}
|
|
|
}
|
|
|
@@ -143,10 +153,7 @@
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
.container {
|
|
|
- margin: 10rpx;
|
|
|
- padding: 20rpx 20rpx 140rpx 20rpx;
|
|
|
- border-radius: 20rpx;
|
|
|
- background: white;
|
|
|
+ padding: 20rpx 20rpx 250rpx 20rpx;
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
@@ -155,31 +162,74 @@
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
+ .content-item {
|
|
|
+ border-radius: 20rpx;
|
|
|
+ background: white;
|
|
|
+ padding: 40rpx 20rpx;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
.title {
|
|
|
- font-size: 28rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
font-weight: 600;
|
|
|
color: #333333;
|
|
|
text-align: left;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ }
|
|
|
+ .car-container{
|
|
|
+ border-bottom: 2rpx solid #EEEEEE;
|
|
|
}
|
|
|
|
|
|
.car-type-item {
|
|
|
- display: inline-flex;
|
|
|
- // justify-content: center;
|
|
|
- width: 50%;
|
|
|
+ font-size: 28rpx;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ color: #878C9C;
|
|
|
}
|
|
|
- }
|
|
|
|
|
|
- .bottom-btn {
|
|
|
- width: 92%;
|
|
|
+ .weightInfoCss {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: #333333;
|
|
|
+ font-weight: 500;
|
|
|
+ }
|
|
|
+
|
|
|
+ .row {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ // .right,
|
|
|
+ // input {
|
|
|
+ // font-size: 28rpx;
|
|
|
+ // // color: #333333;
|
|
|
+ // }
|
|
|
+ }
|
|
|
+
|
|
|
+ .money {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ margin-bottom: 30rpx ;
|
|
|
+ }
|
|
|
+
|
|
|
+ .moneyInfo {
|
|
|
+ color: #22C572;
|
|
|
+ font-size: 32rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+.bottom-btn {
|
|
|
+ width: 100%;
|
|
|
position: fixed;
|
|
|
- bottom: 40rpx;
|
|
|
+ bottom:0;
|
|
|
display: flex;
|
|
|
z-index: 2;
|
|
|
- }
|
|
|
-
|
|
|
- .submit {
|
|
|
- width: 40%;
|
|
|
- background: #22C572;
|
|
|
- border-radius: 10rpx;
|
|
|
- }
|
|
|
+ left: 0;
|
|
|
+ background-color: #f8f8f8;
|
|
|
+ flex-direction: column;
|
|
|
+ .btn1,.btn2{
|
|
|
+ width: 100%;
|
|
|
+ margin-bottom: 26rpx;
|
|
|
+ border-radius: 90rpx;
|
|
|
+ }
|
|
|
+ .btn1{
|
|
|
+ background: white;
|
|
|
+ color: #00C265;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
zhongtianhaoyuan
