|
@@ -8,7 +8,8 @@
|
|
style="height: 40rpx;"></image><!-- 驳回 -->
|
|
style="height: 40rpx;"></image><!-- 驳回 -->
|
|
<image src="../../../static/img/tongguo.png" mode="" v-if="list.approveStatus == '已通过'"
|
|
<image src="../../../static/img/tongguo.png" mode="" v-if="list.approveStatus == '已通过'"
|
|
style="height: 40rpx;"></image><!-- 通过 -->
|
|
style="height: 40rpx;"></image><!-- 通过 -->
|
|
- <image src="../../../static/img/daishenhe.png" mode="" v-if="list.approveStatus == '待决策人审核'|| list.approveStatus == '待财务审核'"
|
|
|
|
|
|
+ <image src="../../../static/img/daishenhe.png" mode=""
|
|
|
|
+ v-if="list.approveStatus == '待决策人审核'|| list.approveStatus == '待财务审核'"
|
|
style="height: 40rpx;"></image><!-- 待审核 -->
|
|
style="height: 40rpx;"></image><!-- 待审核 -->
|
|
</view>
|
|
</view>
|
|
<view class="infoText">{{list.approveStatus}}</view>
|
|
<view class="infoText">{{list.approveStatus}}</view>
|
|
@@ -22,34 +23,34 @@
|
|
<view>{{list.contractNo}}</view>
|
|
<view>{{list.contractNo}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="car-container">
|
|
<view class="car-container">
|
|
- <view class="car-num title" v-if="list.tranTypeKey== '1'">{{list.carNo}} ({{list.tranCarNo}})</view>
|
|
|
|
- <view class="car-num title" v-if="list.tranTypeKey== '2'">车厢号{{list.boxNo}}</view>
|
|
|
|
- <view class="car-num title" v-if="list.tranTypeKey== '3'&&list.shipType== '散船'">仓位号{{list.boxNo}}</view>
|
|
|
|
- <view class="car-num title" v-if="list.tranTypeKey== '3'&&list.shipType== '集装箱'">箱号{{list.boxNo}}</view>
|
|
|
|
- <view class="car-type-item">
|
|
|
|
- <view class="left">装</view>
|
|
|
|
- <view class="textInfo">{{list.loadingWeight}}吨</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="car-type-item">
|
|
|
|
- <view class="center">卸</view>
|
|
|
|
- <view class="textInfo">{{list.unloadingWeight}}吨</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="car-type-item">
|
|
|
|
- <view class="right">结</view>
|
|
|
|
- <view class="textInfo">{{list.settlementWeight}}吨</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="car-type-item">
|
|
|
|
- <view class="left">运</view>
|
|
|
|
- <view class="textInfo">{{list.transportPrice}}元/吨</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="car-type-item">
|
|
|
|
- <view class="center">扣</view>
|
|
|
|
- <view class="textInfo">{{list.deductionAmount}}元</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="car-type-item">
|
|
|
|
- <view class="right">付</view>
|
|
|
|
- <view class="textInfo">{{list.amountIngPayable}}元</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="car-num title" v-if="list.tranTypeKey== '1'">{{list.carNo}} ({{list.tranCarNo}})</view>
|
|
|
|
+ <view class="car-num title" v-if="list.tranTypeKey== '2'">车厢号{{list.boxNo}}</view>
|
|
|
|
+ <view class="car-num title" v-if="list.tranTypeKey== '3'&&list.shipType== '散船'">仓位号{{list.boxNo}}</view>
|
|
|
|
+ <view class="car-num title" v-if="list.tranTypeKey== '3'&&list.shipType== '集装箱'">箱号{{list.boxNo}}</view>
|
|
|
|
+ <view class="car-type-item">
|
|
|
|
+ <view class="left">装</view>
|
|
|
|
+ <view class="textInfo">{{list.loadingWeight}}吨</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="car-type-item">
|
|
|
|
+ <view class="center">卸</view>
|
|
|
|
+ <view class="textInfo">{{list.unloadingWeight}}吨</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="car-type-item">
|
|
|
|
+ <view class="right">结</view>
|
|
|
|
+ <view class="textInfo">{{list.settlementWeight}}吨</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="car-type-item">
|
|
|
|
+ <view class="left">运</view>
|
|
|
|
+ <view class="textInfo">{{list.transportPrice}}元/吨</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="car-type-item">
|
|
|
|
+ <view class="center">扣</view>
|
|
|
|
+ <view class="textInfo">{{list.deductionAmount}}元</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="car-type-item">
|
|
|
|
+ <view class="right">付</view>
|
|
|
|
+ <view class="textInfo">{{list.amountIngPayable}}元</view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<u-popup v-model="show1" mode="center">
|
|
<u-popup v-model="show1" mode="center">
|
|
@@ -66,8 +67,8 @@
|
|
<u-popup v-model="show2" mode="center">
|
|
<u-popup v-model="show2" mode="center">
|
|
<view style="width: 300px;padding: 30rpx 10rpx;border-radius: 20rpx;">
|
|
<view style="width: 300px;padding: 30rpx 10rpx;border-radius: 20rpx;">
|
|
<view class="rejectText">审核意见(通过)</view>
|
|
<view class="rejectText">审核意见(通过)</view>
|
|
- <u-input v-model="rejectInfo1" type="textarea" :border="border" :height="height" :auto-height="autoHeight" class="rejectInfoCss"
|
|
|
|
- placeholder="请输入审核意见" />
|
|
|
|
|
|
+ <u-input v-model="rejectInfo1" type="textarea" :border="border" :height="height"
|
|
|
|
+ :auto-height="autoHeight" class="rejectInfoCss" placeholder="请输入审核意见" />
|
|
<view class="flex">
|
|
<view class="flex">
|
|
<u-button @click="show2 = false" type="error" hover-class='none'>取消</u-button>
|
|
<u-button @click="show2 = false" type="error" hover-class='none'>取消</u-button>
|
|
<u-button @click="passSubmit()" type="success">确定</u-button>
|
|
<u-button @click="passSubmit()" type="success">确定</u-button>
|
|
@@ -77,7 +78,7 @@
|
|
<u-toast ref="uToast" />
|
|
<u-toast ref="uToast" />
|
|
<view style='padding:10px;' class='flex bottom-btn'>
|
|
<view style='padding:10px;' class='flex bottom-btn'>
|
|
<u-button @click="show1 = true" type="error" class="btn1" hover-class='none'>驳回</u-button>
|
|
<u-button @click="show1 = true" type="error" class="btn1" hover-class='none'>驳回</u-button>
|
|
- <u-button @click="show2 = true" type="success" class="btn2">通过</u-button>
|
|
|
|
|
|
+ <u-button @click="show2 = true" type="success" class="btn2">通过</u-button>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
@@ -88,16 +89,14 @@
|
|
return {
|
|
return {
|
|
currentPage: 1,
|
|
currentPage: 1,
|
|
pageSize: 10,
|
|
pageSize: 10,
|
|
- list: [
|
|
|
|
- {
|
|
|
|
- approveStatus:"",
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
- rejectInfo:"",
|
|
|
|
- rejectInfo1:"",
|
|
|
|
- show1:false,
|
|
|
|
- show2:false,
|
|
|
|
- height:200,
|
|
|
|
|
|
+ list: {
|
|
|
|
+ approveStatus: "",
|
|
|
|
+ },
|
|
|
|
+ rejectInfo: "",
|
|
|
|
+ rejectInfo1: "",
|
|
|
|
+ show1: false,
|
|
|
|
+ show2: false,
|
|
|
|
+ height: 200,
|
|
autoHeight: true,
|
|
autoHeight: true,
|
|
border: false,
|
|
border: false,
|
|
}
|
|
}
|
|
@@ -119,11 +118,11 @@
|
|
currentPage: this.currentPage,
|
|
currentPage: this.currentPage,
|
|
pageSize: this.pageSize,
|
|
pageSize: this.pageSize,
|
|
contractNo: this.contractNo,
|
|
contractNo: this.contractNo,
|
|
- carId:this.carId,
|
|
|
|
|
|
+ carId: this.carId,
|
|
}).then(res => {
|
|
}).then(res => {
|
|
if (res.data.code == 200) {
|
|
if (res.data.code == 200) {
|
|
- this.list= res.data.data.records[0]
|
|
|
|
- console.log(this.list,124)
|
|
|
|
|
|
+ this.list = res.data.data.records[0]
|
|
|
|
+ console.log(this.list, 124)
|
|
}
|
|
}
|
|
})
|
|
})
|
|
}
|
|
}
|
|
@@ -134,19 +133,19 @@
|
|
var that = this
|
|
var that = this
|
|
if (!this.rejectInfo) {
|
|
if (!this.rejectInfo) {
|
|
this.$api.msg('驳回原因不能为空!')
|
|
this.$api.msg('驳回原因不能为空!')
|
|
- }else{
|
|
|
|
- this.show1 = false
|
|
|
|
- uni.showModal({
|
|
|
|
- content: "是否确定驳回?",
|
|
|
|
- showCancel: true,
|
|
|
|
- confirmText: '确定',
|
|
|
|
- success: function(res) {
|
|
|
|
- if (res.confirm) {
|
|
|
|
- that.audit(that.list, 0, false, true, that.rejectInfo)
|
|
|
|
|
|
+ } else {
|
|
|
|
+ this.show1 = false
|
|
|
|
+ uni.showModal({
|
|
|
|
+ content: "是否确定驳回?",
|
|
|
|
+ showCancel: true,
|
|
|
|
+ confirmText: '确定',
|
|
|
|
+ success: function(res) {
|
|
|
|
+ if (res.confirm) {
|
|
|
|
+ that.audit(that.list, 0, false, true, that.rejectInfo)
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
|
|
},
|
|
},
|
|
//通过
|
|
//通过
|
|
@@ -154,19 +153,19 @@
|
|
var that = this
|
|
var that = this
|
|
if (!this.rejectInfo1) {
|
|
if (!this.rejectInfo1) {
|
|
this.$api.msg('审核意见不能为空!')
|
|
this.$api.msg('审核意见不能为空!')
|
|
- }else{
|
|
|
|
- this.show2 = false
|
|
|
|
- uni.showModal({
|
|
|
|
- content: "是否确定通过?",
|
|
|
|
- showCancel: true,
|
|
|
|
- confirmText: '确定',
|
|
|
|
- success: function(res) {
|
|
|
|
- if (res.confirm) {
|
|
|
|
- that.audit(that.list, 0, true, 2,that.rejectInfo1)
|
|
|
|
|
|
+ } else {
|
|
|
|
+ this.show2 = false
|
|
|
|
+ uni.showModal({
|
|
|
|
+ content: "是否确定通过?",
|
|
|
|
+ showCancel: true,
|
|
|
|
+ confirmText: '确定',
|
|
|
|
+ success: function(res) {
|
|
|
|
+ if (res.confirm) {
|
|
|
|
+ that.audit(that.list, 0, true, 2, that.rejectInfo1)
|
|
|
|
+ }
|
|
}
|
|
}
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
|
|
+ })
|
|
|
|
+ }
|
|
},
|
|
},
|
|
//审核方法
|
|
//审核方法
|
|
audit(list, index, status, status2, reason) {
|
|
audit(list, index, status, status2, reason) {
|
|
@@ -178,12 +177,12 @@
|
|
needReapply: status2 != undefined ? true : false,
|
|
needReapply: status2 != undefined ? true : false,
|
|
}).then(res => {
|
|
}).then(res => {
|
|
if (status == true) {
|
|
if (status == true) {
|
|
- this.$api.msg('通过成功')
|
|
|
|
|
|
+ this.$api.msg('通过成功')
|
|
setTimeout(function() {
|
|
setTimeout(function() {
|
|
uni.navigateBack()
|
|
uni.navigateBack()
|
|
}, 1000);
|
|
}, 1000);
|
|
} else if (status == false) {
|
|
} else if (status == false) {
|
|
- this.$api.msg('驳回成功')
|
|
|
|
|
|
+ this.$api.msg('驳回成功')
|
|
setTimeout(function() {
|
|
setTimeout(function() {
|
|
uni.navigateBack()
|
|
uni.navigateBack()
|
|
}, 1000);
|
|
}, 1000);
|
|
@@ -219,11 +218,12 @@
|
|
text-align: left;
|
|
text-align: left;
|
|
margin-bottom: 30rpx;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
}
|
|
- .car-container{
|
|
|
|
|
|
+
|
|
|
|
+ .car-container {
|
|
padding: 10rpx 20rpx;
|
|
padding: 10rpx 20rpx;
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
background: white;
|
|
background: white;
|
|
- margin:30rpx 0 ;
|
|
|
|
|
|
+ margin: 30rpx 0;
|
|
// border-bottom: 2rpx solid #EEEEEE;
|
|
// border-bottom: 2rpx solid #EEEEEE;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -231,27 +231,32 @@
|
|
display: inline-flex;
|
|
display: inline-flex;
|
|
// justify-content: center;
|
|
// justify-content: center;
|
|
width: 33.33%;
|
|
width: 33.33%;
|
|
- margin-bottom: 40rpx ;
|
|
|
|
|
|
+ margin-bottom: 40rpx;
|
|
}
|
|
}
|
|
- .title{
|
|
|
|
|
|
+
|
|
|
|
+ .title {
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.bottom-btn {
|
|
.bottom-btn {
|
|
width: 100%;
|
|
width: 100%;
|
|
position: fixed;
|
|
position: fixed;
|
|
- bottom:0;
|
|
|
|
|
|
+ bottom: 0;
|
|
display: flex;
|
|
display: flex;
|
|
z-index: 2;
|
|
z-index: 2;
|
|
left: 0;
|
|
left: 0;
|
|
background-color: #f8f8f8;
|
|
background-color: #f8f8f8;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
- .btn1,.btn2{
|
|
|
|
|
|
+
|
|
|
|
+ .btn1,
|
|
|
|
+ .btn2 {
|
|
width: 100%;
|
|
width: 100%;
|
|
margin-bottom: 26rpx;
|
|
margin-bottom: 26rpx;
|
|
border-radius: 90rpx;
|
|
border-radius: 90rpx;
|
|
}
|
|
}
|
|
- .btn1{
|
|
|
|
|
|
+
|
|
|
|
+ .btn1 {
|
|
background: white;
|
|
background: white;
|
|
color: #00C265;
|
|
color: #00C265;
|
|
}
|
|
}
|
|
@@ -262,51 +267,59 @@
|
|
background: #22C572;
|
|
background: #22C572;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
}
|
|
- .left{
|
|
|
|
|
|
+
|
|
|
|
+ .left {
|
|
background: #FEECE6;
|
|
background: #FEECE6;
|
|
color: #FE6430;
|
|
color: #FE6430;
|
|
}
|
|
}
|
|
- .center{
|
|
|
|
|
|
+
|
|
|
|
+ .center {
|
|
background: #EBEEFA;
|
|
background: #EBEEFA;
|
|
color: #5C76DF;
|
|
color: #5C76DF;
|
|
}
|
|
}
|
|
- .right{
|
|
|
|
- background: #E9F8F0 ;
|
|
|
|
- color: #22C572 ;
|
|
|
|
|
|
+
|
|
|
|
+ .right {
|
|
|
|
+ background: #E9F8F0;
|
|
|
|
+ color: #22C572;
|
|
}
|
|
}
|
|
- .left,.center,.right{
|
|
|
|
|
|
+
|
|
|
|
+ .left,
|
|
|
|
+ .center,
|
|
|
|
+ .right {
|
|
width: 50rpx;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
height: 50rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
line-height: 50rpx;
|
|
line-height: 50rpx;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
}
|
|
}
|
|
- .textInfo{
|
|
|
|
|
|
+
|
|
|
|
+ .textInfo {
|
|
margin: 6rpx 0 0 10rpx;
|
|
margin: 6rpx 0 0 10rpx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.topInfo {
|
|
.topInfo {
|
|
height: 210rpx;
|
|
height: 210rpx;
|
|
background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
|
|
background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
|
|
padding: 30rpx;
|
|
padding: 30rpx;
|
|
-
|
|
|
|
|
|
+
|
|
.topInfo-item {
|
|
.topInfo-item {
|
|
height: 158rpx;
|
|
height: 158rpx;
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
padding: 40rpx;
|
|
padding: 40rpx;
|
|
-
|
|
|
|
|
|
+
|
|
.logo {
|
|
.logo {
|
|
width: 40rpx;
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
height: 40rpx;
|
|
margin-top: 8rpx;
|
|
margin-top: 8rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.infoText {
|
|
.infoText {
|
|
font-size: 36rpx;
|
|
font-size: 36rpx;
|
|
font-weight: 600;
|
|
font-weight: 600;
|
|
margin-left: 20rpx;
|
|
margin-left: 20rpx;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.infoData {
|
|
.infoData {
|
|
color: #878C9C;
|
|
color: #878C9C;
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
@@ -314,6 +327,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
.rejectInfoCss {
|
|
.rejectInfoCss {
|
|
border: 1px solid #ccc;
|
|
border: 1px solid #ccc;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
@@ -322,10 +336,12 @@
|
|
overflow-y: auto;
|
|
overflow-y: auto;
|
|
margin: 30rpx;
|
|
margin: 30rpx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.rejectText {
|
|
.rejectText {
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
- /deep/.u-input__textarea{
|
|
|
|
- height: 300rpx!important;
|
|
|
|
|
|
+
|
|
|
|
+ /deep/.u-input__textarea {
|
|
|
|
+ height: 300rpx !important;
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|