|
@@ -1,398 +1,411 @@
|
|
-<template>
|
|
|
|
- <view class="container">
|
|
|
|
- <u-form ref="uForm">
|
|
|
|
- <u-form-item label-width='260' label="合同编号">
|
|
|
|
- {{list.contractNo}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="运输方式">
|
|
|
|
- {{list.shippingType}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="买方">
|
|
|
|
- {{list.buyer}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="结算方式">
|
|
|
|
- {{ list.settlementMethod }}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="卖方">
|
|
|
|
- {{list.seller}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="交货方式">
|
|
|
|
- {{list.deliverType1}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="买方电话">
|
|
|
|
- {{list.buyerPhone}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="包装方式">
|
|
|
|
- {{list.packingMethod}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="卖方电话">
|
|
|
|
- {{list.sellerPhone}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="验收方式">
|
|
|
|
- {{list.acceptanceMethod}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="重量(吨)">
|
|
|
|
- {{list.weight}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="交货日期(起)">
|
|
|
|
- {{list.deliveryDateStart}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="溢短装(%)">
|
|
|
|
- {{list.overShort}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="交货日期(止)">
|
|
|
|
- {{list.deliveryDateEnd}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="合同单价(元/吨)">
|
|
|
|
- {{list.unitContractPrice}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="合同总价(元)">
|
|
|
|
- {{list.totalContractPrice}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="货源所在地区">
|
|
|
|
- {{list.sourceProvince}}{{list.sourceCity}}{{list.sourceArea}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="货源详细地址">
|
|
|
|
- {{list.sourceGoods}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="交货地所在地区">
|
|
|
|
- {{list.deliveryProvince}}{{list.deliveryCity}}{{list.deliveryArea}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="交货地详细地址">
|
|
|
|
- {{list.placeDelivery}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="签订日期">
|
|
|
|
- {{list.signingDate}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="最终实际交易量 (吨)">
|
|
|
|
- {{list.finalTradingVolume}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="货名">
|
|
|
|
- {{list.contractGoodsInfo.goodsName}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="水分(%)<=">
|
|
|
|
- {{list.contractGoodsInfo.waterContent}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="品级">
|
|
|
|
- {{list.contractGoodsInfo.grade}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="杂质(%)<=">
|
|
|
|
- {{list.contractGoodsInfo.impurity}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="容重(克/升)>=">
|
|
|
|
- {{list.contractGoodsInfo.bulkDensity}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="霉变粒(%)<=">
|
|
|
|
- {{list.contractGoodsInfo.mildewGrain}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="热损伤(%)<=">
|
|
|
|
- {{list.contractGoodsInfo.jiaorenli}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="不完善粒(%)<=">
|
|
|
|
- {{list.contractGoodsInfo.imperfectGrain}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="合同收入(元)">
|
|
|
|
- {{list.contractProcessInfo.goodsNameKey}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="已开发票(元)">
|
|
|
|
- {{list.contractProcessInfo.goodsName}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="费用支出(元)">
|
|
|
|
- {{list.contractProcessInfo.waterContent}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="未开发票(元)">
|
|
|
|
- {{list.contractProcessInfo.impurity}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="未回款(元)">
|
|
|
|
- {{list.contractProcessInfo.mildewGrain}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="双章原件回收情况">
|
|
|
|
- {{list.contractProcessInfo.grade}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="备注信息">
|
|
|
|
- {{list.remarks}}
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item label-width='260' label="附件">
|
|
|
|
- <!-- {{list.contractProcessInfo.grade}} -->
|
|
|
|
- <view v-for='item in imglist'>
|
|
|
|
- <image style='width:100px;height:100px;' :src="item" mode=""></image>
|
|
|
|
- </view>
|
|
|
|
-
|
|
|
|
- </u-form-item>
|
|
|
|
- </u-form>
|
|
|
|
- <view style='padding:10px;' class='flex bottom-btn'>
|
|
|
|
- <u-button v-if='list.approveStatus' @click='reject' type="error" class="btn1" hover-class='none'>驳回</u-button>
|
|
|
|
- <u-button v-if='list.approveStatus' @click='pass' type="success" class="btn2">通过</u-button>
|
|
|
|
- </view>
|
|
|
|
- <view v-if='show' class="shade">
|
|
|
|
- <view class="wrap">
|
|
|
|
- <view style='border-bottom:1px solid #eee;padding:10px;display:flex;justify-content:space-between;'>{{title}}
|
|
|
|
- <u-icon name="close"></u-icon></view>
|
|
|
|
- <view style='padding:10px;'>
|
|
|
|
- <input v-model='auditMind' placeholder="请输入审核意见,不超过100字" type="text" value="" />
|
|
|
|
- </view>
|
|
|
|
- <view @click='passSubmit()' class="cancel">取消</view>
|
|
|
|
- <view @click='passSubmit()' class="confirm">确定</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
-</template>
|
|
|
|
-
|
|
|
|
-<script>
|
|
|
|
- export default {
|
|
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- id: "",
|
|
|
|
- currentPage: 1,
|
|
|
|
- pageSize: 10,
|
|
|
|
- list: [
|
|
|
|
- {
|
|
|
|
- status:"",
|
|
|
|
- }
|
|
|
|
- ],
|
|
|
|
- imglist:[],
|
|
|
|
- auditMind:'',
|
|
|
|
- show:false,
|
|
|
|
- title:'',
|
|
|
|
- contractNo: "",
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- onLoad(options) {
|
|
|
|
- this.id = options.id
|
|
|
|
- this.getList()
|
|
|
|
- },
|
|
|
|
- methods: {
|
|
|
|
- getList(id) {
|
|
|
|
- var that = this
|
|
|
|
- this.$api.doRequest('get', '/contractManagementInfo/getInfo', {
|
|
|
|
- id: this.id
|
|
|
|
- }).then(res => {
|
|
|
|
- if(res.data.code==200){
|
|
|
|
- this.list=res.data.data
|
|
|
|
- if (this.list.deliverType == 1) {
|
|
|
|
- this.list.deliverType1 = '我方送货'
|
|
|
|
- } else if (this.list.deliverType == 2) {
|
|
|
|
- this.list.deliverType1 = '对方自提'
|
|
|
|
- }
|
|
|
|
- this.$api.doRequest('get', '/appendix/query/getFileList', {
|
|
|
|
- appendixIds:that.list.addressUrl
|
|
|
|
- }).then(res1 => {
|
|
|
|
- for(var i=0;i<res1.data.data.length;i++){
|
|
|
|
- that.imglist.push(res1.data.data[i].appendixPath)
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- //驳回
|
|
|
|
- rejectSubmit() {
|
|
|
|
- var that = this
|
|
|
|
- that.$api.doRequest('post', '/workflow/api/handle', {
|
|
|
|
- taskId: that.list.taskId,
|
|
|
|
- approved: false,
|
|
|
|
- auditMind: this.auditMind,
|
|
|
|
- needReapply: true,
|
|
|
|
- }).then(res => {
|
|
|
|
- that.$api.msg('驳回成功')
|
|
|
|
- that.show=false
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- pass(){
|
|
|
|
- console.log(1111)
|
|
|
|
- this.show=true
|
|
|
|
- this.title='审核意见'
|
|
|
|
- },
|
|
|
|
- reject() {
|
|
|
|
- this.show=true
|
|
|
|
- this.title='驳回原因'
|
|
|
|
- },
|
|
|
|
- //通过
|
|
|
|
- passSubmit() {
|
|
|
|
- var that = this
|
|
|
|
- that.$api.doRequest('post', '/workflow/api/handle', {
|
|
|
|
- taskId: that.list.taskId,
|
|
|
|
- approved: true,
|
|
|
|
- auditMind: this.auditMind,
|
|
|
|
- needReapply: true,
|
|
|
|
- }).then(res => {
|
|
|
|
- that.$api.msg('通过成功')
|
|
|
|
- that.show=false
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- //审核方法
|
|
|
|
- audit(item, index, status, status2, reason) {
|
|
|
|
- if (index < this.list.length) {
|
|
|
|
- this.$api.doRequest('post', '/workflow/api/handle', {
|
|
|
|
- taskId: item.taskId,
|
|
|
|
- approved: status,
|
|
|
|
- auditMind: reason != undefined ? '已驳回' : '34',
|
|
|
|
- needReapply: status2 != undefined ? true : false,
|
|
|
|
- }).then(res => {
|
|
|
|
- this.audit(this.list[index + 1], index + 1, status)
|
|
|
|
- })
|
|
|
|
- } else {
|
|
|
|
- if (status == true) {
|
|
|
|
- that.$api.msg('通过成功')
|
|
|
|
- this.getList()
|
|
|
|
- } else if (status == false) {
|
|
|
|
- that.$api.msg('驳回成功')
|
|
|
|
- this.getList()
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
-</script>
|
|
|
|
-
|
|
|
|
-<style scoped lang="scss">
|
|
|
|
- .container {
|
|
|
|
- padding: 20rpx 20rpx 250rpx 20rpx;
|
|
|
|
- }
|
|
|
|
- .u-form{
|
|
|
|
- background:#fff;
|
|
|
|
- border-radius:10px;
|
|
|
|
- padding:0 10px;
|
|
|
|
- .u-form-item{
|
|
|
|
- line-height:30px;
|
|
|
|
- padding:5px 0;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .content {
|
|
|
|
- margin-top: 30rpx;
|
|
|
|
- .top {
|
|
|
|
- display: flex;
|
|
|
|
- justify-content: space-between;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .content-item {
|
|
|
|
- border-radius: 20rpx;
|
|
|
|
- background: white;
|
|
|
|
- padding: 40rpx 20rpx;
|
|
|
|
- margin-bottom: 30rpx;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .title {
|
|
|
|
- font-size: 32rpx;
|
|
|
|
- font-weight: 600;
|
|
|
|
- color: #333333;
|
|
|
|
- text-align: left;
|
|
|
|
- margin: 20rpx 0;
|
|
|
|
- }
|
|
|
|
- .car-container{
|
|
|
|
- border-bottom: 2rpx solid #EEEEEE;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .car-type-item {
|
|
|
|
- font-size: 28rpx;
|
|
|
|
- margin: 20rpx 0;
|
|
|
|
- color: #878C9C;
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- .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:0;
|
|
|
|
- display: flex;
|
|
|
|
- z-index: 2;
|
|
|
|
- left: 0;
|
|
|
|
- background-color: #f8f8f8;
|
|
|
|
- flex-direction: column;
|
|
|
|
- .btn1,.btn2{
|
|
|
|
- width: 100%;
|
|
|
|
- margin-bottom: 26rpx;
|
|
|
|
- border-radius: 90rpx;
|
|
|
|
- }
|
|
|
|
- .btn1{
|
|
|
|
- background: white;
|
|
|
|
- color: #00C265;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .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;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .shade{
|
|
|
|
- position:fixed;
|
|
|
|
- top:0;
|
|
|
|
- left:0;
|
|
|
|
- height:100%;width:100%;
|
|
|
|
- background:rgba(0,0,0,0.1);
|
|
|
|
- z-index:3;
|
|
|
|
- .wrap{
|
|
|
|
- position:absolute;
|
|
|
|
- left:0;top:0;right:0;bottom:0;margin:auto;
|
|
|
|
- background:#fff;
|
|
|
|
- width:80%;
|
|
|
|
- height:30%;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .cancel,.confirm{
|
|
|
|
- position:absolute;
|
|
|
|
- display:inline-block;
|
|
|
|
- width:50%;
|
|
|
|
- text-align:center;
|
|
|
|
- bottom:0;
|
|
|
|
- padding:10px;
|
|
|
|
- border-top:1px solid #eee;
|
|
|
|
- }
|
|
|
|
- .cancel{
|
|
|
|
- left:0;
|
|
|
|
- border-right:1px solid #eee;
|
|
|
|
- }
|
|
|
|
- .confirm{
|
|
|
|
- right:0;
|
|
|
|
- }
|
|
|
|
-</style>
|
|
|
|
|
|
+<template>
|
|
|
|
+ <view class="container">
|
|
|
|
+ <u-form ref="uForm">
|
|
|
|
+ <u-form-item label-width='260' label="合同编号">
|
|
|
|
+ {{list.contractNo}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="运输方式">
|
|
|
|
+ {{list.shippingType}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="买方">
|
|
|
|
+ {{list.buyer}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="结算方式">
|
|
|
|
+ {{ list.settlementMethod }}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="卖方">
|
|
|
|
+ {{list.seller}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="交货方式">
|
|
|
|
+ {{list.deliverType1}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="买方电话">
|
|
|
|
+ {{list.buyerPhone}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="包装方式">
|
|
|
|
+ {{list.packingMethod}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="卖方电话">
|
|
|
|
+ {{list.sellerPhone}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="验收方式">
|
|
|
|
+ {{list.acceptanceMethod}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="重量(吨)">
|
|
|
|
+ {{list.weight}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="交货日期(起)">
|
|
|
|
+ {{list.deliveryDateStart}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="溢短装(%)">
|
|
|
|
+ {{list.overShort}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="交货日期(止)">
|
|
|
|
+ {{list.deliveryDateEnd}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="合同单价(元/吨)">
|
|
|
|
+ {{list.unitContractPrice}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="合同总价(元)">
|
|
|
|
+ {{list.totalContractPrice}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="货源所在地区">
|
|
|
|
+ {{list.sourceProvince}}{{list.sourceCity}}{{list.sourceArea}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="货源详细地址">
|
|
|
|
+ {{list.sourceGoods}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="交货地所在地区">
|
|
|
|
+ {{list.deliveryProvince}}{{list.deliveryCity}}{{list.deliveryArea}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="交货地详细地址">
|
|
|
|
+ {{list.placeDelivery}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="签订日期">
|
|
|
|
+ {{list.signingDate}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="最终实际交易量 (吨)">
|
|
|
|
+ {{list.finalTradingVolume}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="货名">
|
|
|
|
+ {{list.contractGoodsInfo.goodsName}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="水分(%)<=">
|
|
|
|
+ {{list.contractGoodsInfo.waterContent}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="品级">
|
|
|
|
+ {{list.contractGoodsInfo.grade}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="杂质(%)<=">
|
|
|
|
+ {{list.contractGoodsInfo.impurity}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="容重(克/升)>=">
|
|
|
|
+ {{list.contractGoodsInfo.bulkDensity}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="霉变粒(%)<=">
|
|
|
|
+ {{list.contractGoodsInfo.mildewGrain}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="热损伤(%)<=">
|
|
|
|
+ {{list.contractGoodsInfo.jiaorenli}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="不完善粒(%)<=">
|
|
|
|
+ {{list.contractGoodsInfo.imperfectGrain}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="合同收入(元)">
|
|
|
|
+ {{list.contractProcessInfo.goodsNameKey}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="已开发票(元)">
|
|
|
|
+ {{list.contractProcessInfo.goodsName}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="费用支出(元)">
|
|
|
|
+ {{list.contractProcessInfo.waterContent}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="未开发票(元)">
|
|
|
|
+ {{list.contractProcessInfo.impurity}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="未回款(元)">
|
|
|
|
+ {{list.contractProcessInfo.mildewGrain}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="双章原件回收情况">
|
|
|
|
+ {{list.contractProcessInfo.grade}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="备注信息">
|
|
|
|
+ {{list.remarks}}
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' label="附件">
|
|
|
|
+ <!-- {{list.contractProcessInfo.grade}} -->
|
|
|
|
+ <view v-for='item in imglist'>
|
|
|
|
+ <image style='width:100px;height:100px;' :src="item" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-form>
|
|
|
|
+ <view style='padding:10px;' class='flex bottom-btn'>
|
|
|
|
+ <u-button v-if='list.approveStatus' @click='reject' type="error" class="btn1" hover-class='none'>驳回</u-button>
|
|
|
|
+ <u-button v-if='list.approveStatus' @click='pass' type="success" class="btn2">通过</u-button>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if='show' class="shade">
|
|
|
|
+ <view class="wrap">
|
|
|
|
+ <view style='border-bottom:1px solid #eee;padding:10px;display:flex;justify-content:space-between;'>{{title}}
|
|
|
|
+ <u-icon name="close"></u-icon></view>
|
|
|
|
+ <view style='padding:10px;'>
|
|
|
|
+ <input v-model='auditMind' v-if="this.title=='审核意见'" placeholder="请输入审核意见,不超过100字" type="text" value="" />
<input v-model='auditMind' v-if="this.title=='驳回原因'" placeholder="请输入原因" type="text" value="" />
|
|
|
|
+ </view>
|
|
|
|
+ <view @click='close()' class="cancel">取消</view>
|
|
|
|
+ <view @click='passSubmit()' class="confirm">确定</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+</template>
|
|
|
|
+
|
|
|
|
+<script>
|
|
|
|
+ export default {
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ id: "",
|
|
|
|
+ currentPage: 1,
|
|
|
|
+ pageSize: 10,
|
|
|
|
+ list: [
|
|
|
|
+ {
|
|
|
|
+ status:"",
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
|
|
+ imglist:[],
|
|
|
|
+ auditMind:'',
|
|
|
|
+ show:false,
|
|
|
|
+ title:'',
|
|
|
|
+ contractNo: "",
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ onLoad(options) {
|
|
|
|
+ this.id = options.id
|
|
|
|
+ this.getList()
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ getList(id) {
|
|
|
|
+ var that = this
|
|
|
|
+ this.$api.doRequest('get', '/contractManagementInfo/getInfo', {
|
|
|
|
+ id: this.id
|
|
|
|
+ }).then(res => {
|
|
|
|
+ if(res.data.code==200){
|
|
|
|
+ this.list=res.data.data
|
|
|
|
+ if (this.list.deliverType == 1) {
|
|
|
|
+ this.list.deliverType1 = '我方送货'
|
|
|
|
+ } else if (this.list.deliverType == 2) {
|
|
|
|
+ this.list.deliverType1 = '对方自提'
|
|
|
|
+ }
|
|
|
|
+ this.$api.doRequest('get', '/appendix/query/getFileList', {
|
|
|
|
+ appendixIds:that.list.addressUrl
|
|
|
|
+ }).then(res1 => {
|
|
|
|
+ for(var i=0;i<res1.data.data.length;i++){
|
|
|
|
+ that.imglist.push(res1.data.data[i].appendixPath)
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ //驳回
|
|
|
|
+ rejectSubmit() {
|
|
|
|
+ var that = this
|
|
|
|
+ that.$api.doRequest('post', '/workflow/api/handle', {
|
|
|
|
+ taskId: that.list.taskId,
|
|
|
|
+ approved: false,
|
|
|
|
+ auditMind: this.auditMind,
|
|
|
|
+ needReapply: true,
|
|
|
|
+ }).then(res => {
|
|
|
|
+ that.$api.msg('驳回成功')
|
|
|
|
+ that.show=false
|
|
|
|
+ setTimeout(function() {
|
|
|
|
+ uni.navigateBack()
|
|
|
|
+ }, 1000);
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ close(){
|
|
|
|
+ this.show=false
|
|
|
|
+ },
|
|
|
|
+ pass(){
|
|
|
|
+ console.log(1111)
|
|
|
|
+ this.show=true
|
|
|
|
+ this.title='审核意见'
|
|
|
|
+ },
|
|
|
|
+ reject() {
|
|
|
|
+ this.show=true
|
|
|
|
+ this.title='驳回原因'
|
|
|
|
+ },
|
|
|
|
+ //通过
|
|
|
|
+ passSubmit() {
|
|
|
|
+ var that = this
|
|
|
|
+ if(this.title=='驳回原因'){
|
|
|
|
+ this.rejectSubmit()
|
|
|
|
+ }else{
|
|
|
|
+ that.$api.doRequest('post', '/workflow/api/handle', {
|
|
|
|
+ taskId: that.list.taskId,
|
|
|
|
+ approved: true,
|
|
|
|
+ auditMind: this.auditMind,
|
|
|
|
+ needReapply: true,
|
|
|
|
+ }).then(res => {
|
|
|
|
+ that.$api.msg('通过成功')
|
|
|
|
+ that.show=false
|
|
|
|
+ setTimeout(function() {
|
|
|
|
+ uni.navigateBack()
|
|
|
|
+ }, 1000);
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ //审核方法
|
|
|
|
+ audit(item, index, status, status2, reason) {
|
|
|
|
+ if (index < this.list.length) {
|
|
|
|
+ this.$api.doRequest('post', '/workflow/api/handle', {
|
|
|
|
+ taskId: item.taskId,
|
|
|
|
+ approved: status,
|
|
|
|
+ auditMind: reason != undefined ? '已驳回' : '34',
|
|
|
|
+ needReapply: status2 != undefined ? true : false,
|
|
|
|
+ }).then(res => {
|
|
|
|
+ this.audit(this.list[index + 1], index + 1, status)
|
|
|
|
+ })
|
|
|
|
+ } else {
|
|
|
|
+ if (status == true) {
|
|
|
|
+ that.$api.msg('通过成功')
|
|
|
|
+ this.getList()
|
|
|
|
+ } else if (status == false) {
|
|
|
|
+ that.$api.msg('驳回成功')
|
|
|
|
+ this.getList()
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+</script>
|
|
|
|
+
|
|
|
|
+<style scoped lang="scss">
|
|
|
|
+ .container {
|
|
|
|
+ padding: 20rpx 20rpx 250rpx 20rpx;
|
|
|
|
+ }
|
|
|
|
+ .u-form{
|
|
|
|
+ background:#fff;
|
|
|
|
+ border-radius:10px;
|
|
|
|
+ padding:0 10px;
|
|
|
|
+ .u-form-item{
|
|
|
|
+ line-height:30px;
|
|
|
|
+ padding:5px 0;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .content {
|
|
|
|
+ margin-top: 30rpx;
|
|
|
|
+ .top {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .content-item {
|
|
|
|
+ border-radius: 20rpx;
|
|
|
|
+ background: white;
|
|
|
|
+ padding: 40rpx 20rpx;
|
|
|
|
+ margin-bottom: 30rpx;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .title {
|
|
|
|
+ font-size: 32rpx;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ color: #333333;
|
|
|
|
+ text-align: left;
|
|
|
|
+ margin: 20rpx 0;
|
|
|
|
+ }
|
|
|
|
+ .car-container{
|
|
|
|
+ border-bottom: 2rpx solid #EEEEEE;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .car-type-item {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ margin: 20rpx 0;
|
|
|
|
+ color: #878C9C;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .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:0;
|
|
|
|
+ display: flex;
|
|
|
|
+ z-index: 2;
|
|
|
|
+ left: 0;
|
|
|
|
+ background-color: #f8f8f8;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ .btn1,.btn2{
|
|
|
|
+ width: 100%;
|
|
|
|
+ margin-bottom: 26rpx;
|
|
|
|
+ border-radius: 90rpx;
|
|
|
|
+ }
|
|
|
|
+ .btn1{
|
|
|
|
+ background: white;
|
|
|
|
+ color: #00C265;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .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;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .shade{
|
|
|
|
+ position:fixed;
|
|
|
|
+ top:0;
|
|
|
|
+ left:0;
|
|
|
|
+ height:100%;width:100%;
|
|
|
|
+ background:rgba(0,0,0,0.1);
|
|
|
|
+ z-index:3;
|
|
|
|
+ .wrap{
|
|
|
|
+ position:absolute;
|
|
|
|
+ left:0;top:0;right:0;bottom:0;margin:auto;
|
|
|
|
+ background:#fff;
|
|
|
|
+ width:80%;
|
|
|
|
+ height:30%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .cancel,.confirm{
|
|
|
|
+ position:absolute;
|
|
|
|
+ display:inline-block;
|
|
|
|
+ width:50%;
|
|
|
|
+ text-align:center;
|
|
|
|
+ bottom:0;
|
|
|
|
+ padding:10px;
|
|
|
|
+ border-top:1px solid #eee;
|
|
|
|
+ }
|
|
|
|
+ .cancel{
|
|
|
|
+ left:0;
|
|
|
|
+ border-right:1px solid #eee;
|
|
|
|
+ }
|
|
|
|
+ .confirm{
|
|
|
|
+ right:0;
|
|
|
|
+ }
|
|
|
|
+</style>
|