|
|
@@ -1,128 +1,192 @@
|
|
|
<template>
|
|
|
<view class="container">
|
|
|
- <u-form ref="uForm">
|
|
|
- <u-form-item label-width='260' label="合同编号">
|
|
|
- <u-input v-model="list.contractNo" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="交易主体">
|
|
|
- <u-input v-model="list.transactionSubject" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="运输方式">
|
|
|
- <u-input v-model="list.shippingType" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="买方">
|
|
|
- <u-input v-model="list.buyer" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="买方电话">
|
|
|
- <u-input v-model="list.buyerPhone" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="卖方">
|
|
|
- <u-input v-model="list.seller" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="卖方电话">
|
|
|
- <u-input v-model="list.sellerPhone" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="中转公司">
|
|
|
- <u-input v-model="list.transitCompany" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form ref="uForm" >
|
|
|
+ <view class="form_top">基本信息</view>
|
|
|
+
|
|
|
+ <view class="form_view" style="background: #F9F9FA;">
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="结算方式" class="label_css">
|
|
|
+ <u-input v-model="list.settlementMethod" class="input_css" input-align="right" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="交货方式" class="label_css">
|
|
|
+ <u-input v-model="list.deliverType1" class="input_css" input-align="right" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="货名" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.goodsName" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="品级" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.grade" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='230' :borderBottom="false" label="容重（克/升）>=" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.bulkDensity" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='230' :borderBottom="false" label="水分（%）<=" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.waterContent" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='230' :borderBottom="false" label="热损伤（%）<=" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.jiaorenli" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='230' :borderBottom="false" label="杂质（%）<=" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.impurity" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='230' :borderBottom="false" label="霉变粒（%）<=" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.mildewGrain" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='240' :borderBottom="false" label="不完善粒（%）<=" class="label_css">
|
|
|
+ <u-input v-model="list.contractGoodsInfo.imperfectGrain" class="input_css" input-align="right" placeholder="--"
|
|
|
+ disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="运输方式" class="label_css">
|
|
|
+ <u-input v-model="list.shippingType" input-align="right" class="input_css" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="交易主体" class="label_css">
|
|
|
+ <u-input v-model="list.transactionSubject" input-align="right" class="input_css" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="验收方式" class="label_css">
|
|
|
+ <u-input v-model="list.acceptanceMethod" input-align="right" class="input_css" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="包装方式" class="label_css">
|
|
|
+ <u-input v-model="list.packingMethod" input-align="right" class="input_css" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+
|
|
|
+ <u-row customStyle="margin-bottom: 10px;">
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="重量（吨）" class="label_css">
|
|
|
+ <u-input v-model="list.weight" input-align="right" class="input_css" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ <u-col span="6">
|
|
|
+ <u-form-item label-width='180' :borderBottom="false" label="溢短装（%）" class="label_css">
|
|
|
+ <u-input v-model="list.overShort" input-align="right" class="input_css" placeholder="--" disabled />
|
|
|
+ </u-form-item>
|
|
|
+ </u-col>
|
|
|
+ </u-row>
|
|
|
+ </view>
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" class="label_css" label="合同编号">
|
|
|
+ <u-input v-model="list.contractNo" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="结算方式">
|
|
|
- <u-input v-model="list.settlementMethod" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="交货日期（起）">
|
|
|
+ <u-input v-model="list.deliveryDateStart" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="交货方式">
|
|
|
- <u-input v-model="list.deliverType1" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="交货日期（止）">
|
|
|
+ <u-input v-model="list.deliveryDateEnd" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="包装方式">
|
|
|
- <u-input v-model="list.packingMethod" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='150' :borderBottom="false" label="签订日期">
|
|
|
+ <u-input v-model="list.signingDate" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="验收方式">
|
|
|
- <u-input v-model="list.acceptanceMethod" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='230' :borderBottom="false" label="合同总价（元）">
|
|
|
+ <u-input v-model="list.totalContractPrice" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="重量（吨）">
|
|
|
- <u-input v-model="list.weight" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="买方">
|
|
|
+ <u-input v-model="list.buyer" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="交货日期（起）">
|
|
|
- <u-input v-model="list.deliveryDateStart" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="买方电话">
|
|
|
+ <u-input v-model="list.buyerPhone" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="溢短装（%）">
|
|
|
- <u-input v-model="list.overShort" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="卖方">
|
|
|
+ <u-input v-model="list.seller" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="交货日期（止）">
|
|
|
- <u-input v-model="list.deliveryDateEnd" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="卖方电话">
|
|
|
+ <u-input v-model="list.sellerPhone" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="合同单价（元/吨）">
|
|
|
- <u-input v-model="list.unitContractPrice" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="中转公司">
|
|
|
+ <u-input v-model="list.transitCompany" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="合同总价（元）">
|
|
|
- <u-input v-model="list.totalContractPrice" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="合同单价（元/吨）">
|
|
|
+ <u-input v-model="list.unitContractPrice" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="货源所在地区">
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="货源所在地区">
|
|
|
<view class="textCss">
|
|
|
{{list.sourceProvince}}{{list.sourceCity}}{{list.sourceArea}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="货源详细地址">
|
|
|
- <u-input v-model="list.sourceGoods" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="货源详细地址">
|
|
|
+ <u-input v-model="list.sourceGoods" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="交货地所在地区">
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="交货地所在地区">
|
|
|
<view class="textCss">
|
|
|
{{list.deliveryProvince}}{{list.deliveryCity}}{{list.deliveryArea}}
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="交货地详细地址">
|
|
|
- <u-input v-model="list.placeDelivery" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="签订日期">
|
|
|
- <u-input v-model="list.signingDate" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='300' label="最终实际交易量（吨）">
|
|
|
- <u-input v-model="list.finalTradingVolume" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='300' label="结算单价（元/吨）">
|
|
|
- <u-input v-model="list.settlementPrice" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="货名">
|
|
|
- <u-input v-model="list.contractGoodsInfo.goodsName" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="水分（%）<=">
|
|
|
- <u-input v-model="list.contractGoodsInfo.waterContent" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="品级">
|
|
|
- <u-input v-model="list.contractGoodsInfo.grade" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="杂质（%）<=">
|
|
|
- <u-input v-model="list.contractGoodsInfo.impurity" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="容重（克/升）>=">
|
|
|
- <u-input v-model="list.contractGoodsInfo.bulkDensity" input-align="right" placeholder="" disabled />
|
|
|
- </u-form-item>
|
|
|
- <u-form-item label-width='260' label="霉变粒（%）<=">
|
|
|
- <u-input v-model="list.contractGoodsInfo.mildewGrain" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="交货地详细地址">
|
|
|
+ <u-input v-model="list.placeDelivery" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="热损伤（%）<=">
|
|
|
- <u-input v-model="list.contractGoodsInfo.jiaorenli" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='300' :borderBottom="false" label="最终实际交易量（吨）">
|
|
|
+ <u-input v-model="list.finalTradingVolume" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="不完善粒（%）<=">
|
|
|
- <u-input v-model="list.contractGoodsInfo.imperfectGrain" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='300' :borderBottom="false" label="结算单价（元/吨）">
|
|
|
+ <u-input v-model="list.settlementPrice" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="合同收入（元）">
|
|
|
- <u-input v-model="list.contractProcessInfo.goodsNameKey" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="合同收入（元）">
|
|
|
+ <u-input v-model="list.contractProcessInfo.goodsNameKey" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="已开发票（元）">
|
|
|
- <u-input v-model="list.contractProcessInfo.goodsName" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="已开发票（元）">
|
|
|
+ <u-input v-model="list.contractProcessInfo.goodsName" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="费用支出（元）">
|
|
|
- <u-input v-model="list.contractProcessInfo.waterContent" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="费用支出（元）">
|
|
|
+ <u-input v-model="list.contractProcessInfo.waterContent" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="未开发票（元）">
|
|
|
- <u-input v-model="list.contractProcessInfo.impurity" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="未开发票（元）">
|
|
|
+ <u-input v-model="list.contractProcessInfo.impurity" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="未回款（元）">
|
|
|
- <u-input v-model="list.contractProcessInfo.mildewGrain" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="未回款（元）">
|
|
|
+ <u-input v-model="list.contractProcessInfo.mildewGrain" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="双章原件回收情况">
|
|
|
- <u-input v-model="list.contractProcessInfo.grade" input-align="right" placeholder="" disabled />
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="双章原件回收情况">
|
|
|
+ <u-input v-model="list.contractProcessInfo.grade" input-align="right" placeholder="--" disabled />
|
|
|
</u-form-item>
|
|
|
- <u-form-item label-width='260' label="备注信息">
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="备注信息">
|
|
|
</u-form-item>
|
|
|
<u-form-item>
|
|
|
<textarea class='textarea' v-model="list.remarks" input-align="right" placeholder="暂无备注信息" disabled />
|
|
|
@@ -147,7 +211,7 @@
|
|
|
</view>
|
|
|
<!-- <u-icon name="attach" ></u-icon> -->
|
|
|
<!-- <image style='width: 200rpx;height: 200rpx;' :src="item" mode=""></image> -->
|
|
|
- </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</u-form-item>
|
|
|
<view class="content2">
|
|
|
@@ -158,14 +222,14 @@
|
|
|
<view class="row">
|
|
|
<view class="left">
|
|
|
<view class="item1">
|
|
|
- <view class="item-content">{{item.operatorTitle}}</view>
|
|
|
+ <view class="item-content">{{item.operatorTitle}}</view>
|
|
|
<view v-if="item.status=='success'" class='status success'>
|
|
|
<u-icon name="checkmark" color="#2979ff" size="24"></u-icon>
|
|
|
</view>
|
|
|
<view v-if="item.status=='error'" class='status error'>
|
|
|
<u-icon name="close" color="rgb(245, 108, 108)" size="24"></u-icon>
|
|
|
</view>
|
|
|
- <view v-if="item.status=='question'" class='status question'>
|
|
|
+ <view v-if="item.status=='question'" class='status question'>
|
|
|
<u-icon name="question" color="#f9ae3d" size="24"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -176,14 +240,24 @@
|
|
|
<view class="name">{{item.desc}}
|
|
|
</view>
|
|
|
<!-- <view class='time'>{{item.updateDate}}</view> -->
|
|
|
- <view v-if="item.status=='success'" class="status success">{{item.commonStaffs1?item.staffscontent:item.operatorName}}<text v-if='!item.commonStaffs1&&index!=0'>已审核</text></view>
|
|
|
- <view v-if="item.status=='error'" class="status error">{{item.commonStaffs1?item.staffscontent:item.operatorName}}<text v-if='!item.commonStaffs1'>{{item.workflowHistoricTasks ? "已驳回":''}}</text></view>
|
|
|
- <view v-if="item.status=='question'" class="status question">{{item.commonStaffs1?item.staffscontent:''}}<text v-if='!item.commonStaffs1'>未审核</text></view>
|
|
|
+ <view v-if="item.status=='success'" class="status success">
|
|
|
+ {{item.commonStaffs1?item.staffscontent:item.operatorName}}<text
|
|
|
+ v-if='!item.commonStaffs1&&index!=0'>已审核</text>
|
|
|
+ </view>
|
|
|
+ <view v-if="item.status=='error'" class="status error">
|
|
|
+ {{item.commonStaffs1?item.staffscontent:item.operatorName}}<text
|
|
|
+ v-if='!item.commonStaffs1'>{{item.workflowHistoricTasks ? "已驳回":''}}</text>
|
|
|
+ </view>
|
|
|
+ <view v-if="item.status=='question'" class="status question">
|
|
|
+ {{item.commonStaffs1?item.staffscontent:''}}<text
|
|
|
+ v-if='!item.commonStaffs1'>未审核</text>
|
|
|
+ </view>
|
|
|
<!-- <view class="status success">吕波（已审核）</view> -->
|
|
|
-
|
|
|
+
|
|
|
</view>
|
|
|
- <view v-if='index==0||item.workflowHistoricTasks&&item.workflowHistoricTasks.length>0' class='time'>
|
|
|
- {{item.updateDate}}
|
|
|
+ <view v-if='index==0||item.workflowHistoricTasks&&item.workflowHistoricTasks.length>0'
|
|
|
+ class='time'>
|
|
|
+ {{item.updateDate}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view v-if='item.auditMind' class="right-content">
|
|
|
@@ -191,7 +265,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view v-if='item.commonStaffs1' class="right">
|
|
|
- <u-icon @click='showcontent(item)' :name="item.showflow?'arrow-up':'arrow-down'" size="28"></u-icon>
|
|
|
+ <u-icon @click='showcontent(item)' :name="item.showflow?'arrow-up':'arrow-down'" size="28">
|
|
|
+ </u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view v-if='item.showflow' style='padding:10px 0 0 50px;'>
|
|
|
@@ -200,8 +275,8 @@
|
|
|
<view class="item-content">
|
|
|
<u-icon v-if='item1.status' name="checkmark" color="#fff" size="14"></u-icon>
|
|
|
<u-icon v-if='!item1.status' name="question" color="#f9ae3d" size="14"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="name">{{item1.staffName}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="name">{{item1.staffName}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -263,7 +338,7 @@
|
|
|
imglist: [],
|
|
|
title: '',
|
|
|
auditMind: '',
|
|
|
- auditList:[],
|
|
|
+ auditList: [],
|
|
|
show: false,
|
|
|
contractNo: "",
|
|
|
action: this.$uploadUrl,
|
|
|
@@ -280,11 +355,11 @@
|
|
|
}
|
|
|
},
|
|
|
onBackPress(e) {
|
|
|
- if(this.everyCheck){
|
|
|
- uni.navigateTo({
|
|
|
- url: "/pages/task/my_task"
|
|
|
- })
|
|
|
- return true;
|
|
|
+ if (this.everyCheck) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages/task/my_task"
|
|
|
+ })
|
|
|
+ return true;
|
|
|
}
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
@@ -294,33 +369,33 @@
|
|
|
this.getList()
|
|
|
},
|
|
|
methods: {
|
|
|
- openDocument(src){
|
|
|
+ openDocument(src) {
|
|
|
uni.downloadFile({
|
|
|
- url: src.appendixPath,
|
|
|
- success: function (res) {
|
|
|
- var filePath = res.tempFilePath;
|
|
|
- uni.openDocument({
|
|
|
- filePath: filePath,
|
|
|
- showMenu: true,
|
|
|
- success: function (res) {
|
|
|
- console.log('打开文档成功');
|
|
|
- }
|
|
|
- });
|
|
|
- }
|
|
|
+ url: src.appendixPath,
|
|
|
+ success: function(res) {
|
|
|
+ var filePath = res.tempFilePath;
|
|
|
+ uni.openDocument({
|
|
|
+ filePath: filePath,
|
|
|
+ showMenu: true,
|
|
|
+ success: function(res) {
|
|
|
+ console.log('打开文档成功');
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
});
|
|
|
},
|
|
|
shadeshow(url) {
|
|
|
this.imgShow = true
|
|
|
this.url = url
|
|
|
},
|
|
|
- showcontent(item){
|
|
|
- item.showflow=!item.showflow
|
|
|
+ showcontent(item) {
|
|
|
+ item.showflow = !item.showflow
|
|
|
},
|
|
|
getList(id) {
|
|
|
var that = this
|
|
|
uni.showLoading({
|
|
|
- title:'加载中',
|
|
|
- mask:true
|
|
|
+ title: '加载中',
|
|
|
+ mask: true
|
|
|
})
|
|
|
this.$api.doRequest('get', '/contractManagementInfo/getInfo', {
|
|
|
id: this.id
|
|
|
@@ -335,7 +410,7 @@
|
|
|
this.$api.doRequest('get', '/appendix/query/getFileList', {
|
|
|
appendixIds: that.list.addressUrl
|
|
|
}).then(res1 => {
|
|
|
- that.imglist=res1.data.data
|
|
|
+ that.imglist = res1.data.data
|
|
|
})
|
|
|
this.$api.doRequest('get', '/workflow/query/workflowDefinitions', {
|
|
|
businessCode: 'SALE-CONTRACT-APPROVE',
|
|
|
@@ -347,82 +422,112 @@
|
|
|
}).then(response => {
|
|
|
uni.hideLoading()
|
|
|
for (let i = 0; i < response.data.data.length; i++) {
|
|
|
- this.$set(response.data.data[i],'status','question')
|
|
|
+ this.$set(response.data.data[i], 'status', 'question')
|
|
|
// console.log(response.data.data[i].workflowHistoricTasks,i)
|
|
|
- if(response.data.data[i].commonStaffs){
|
|
|
- response.data.data[i].showflow=false
|
|
|
- response.data.data[i].operatorTitle=response.data.data[i].desc.substring(0,2)
|
|
|
- response.data.data[i].operatorName=response.data.data[i].desc
|
|
|
- response.data.data[i].staffscontent='共'+response.data.data[i].commonStaffs.length+'人，当前审核'+response.data.data[i].workflowHistoricTasks.length+'人'
|
|
|
- if(response.data.data[i].workflowHistoricTasks&&response.data.data[i].workflowHistoricTasks.length>0){
|
|
|
- if(response.data.data[i].workflowHistoricTasks.length!=response.data.data[i].commonStaffs.length){
|
|
|
+ if (response.data.data[i].commonStaffs) {
|
|
|
+ response.data.data[i].showflow = false
|
|
|
+ response.data.data[i].operatorTitle = response.data.data[i]
|
|
|
+ .desc.substring(0, 2)
|
|
|
+ response.data.data[i].operatorName = response.data.data[i]
|
|
|
+ .desc
|
|
|
+ response.data.data[i].staffscontent = '共' + response.data
|
|
|
+ .data[i].commonStaffs.length + '人，当前审核' + response.data
|
|
|
+ .data[i].workflowHistoricTasks.length + '人'
|
|
|
+ if (response.data.data[i].workflowHistoricTasks && response
|
|
|
+ .data.data[i].workflowHistoricTasks.length > 0) {
|
|
|
+ if (response.data.data[i].workflowHistoricTasks
|
|
|
+ .length != response.data.data[i].commonStaffs
|
|
|
+ .length) {
|
|
|
// response.data.data[i].status='question'
|
|
|
- this.$set(response.data.data[i],'status','question')
|
|
|
- }else{
|
|
|
- this.$set(response.data.data[i],'status','success')
|
|
|
+ this.$set(response.data.data[i], 'status',
|
|
|
+ 'question')
|
|
|
+ } else {
|
|
|
+ this.$set(response.data.data[i], 'status',
|
|
|
+ 'success')
|
|
|
// response.data.data[i].status='success'
|
|
|
}
|
|
|
- response.data.data[i].workflowlen=response.data.data[i].workflowHistoricTasks.length
|
|
|
- var workflowdata=response.data.data[i].workflowHistoricTasks
|
|
|
- var staffsdata=response.data.data[i].commonStaffs
|
|
|
+ response.data.data[i].workflowlen = response.data.data[
|
|
|
+ i].workflowHistoricTasks.length
|
|
|
+ var workflowdata = response.data.data[i]
|
|
|
+ .workflowHistoricTasks
|
|
|
+ var staffsdata = response.data.data[i].commonStaffs
|
|
|
for (let q = 0; q < staffsdata.length; q++) {
|
|
|
- staffsdata[q].status=false
|
|
|
- staffsdata[q].staffTitle=staffsdata[q].staffName
|
|
|
+ staffsdata[q].status = false
|
|
|
+ staffsdata[q].staffTitle = staffsdata[q].staffName
|
|
|
for (let k = 0; k < workflowdata.length; k++) {
|
|
|
- if(staffsdata[q].staffId==workflowdata[k].operatorId){
|
|
|
- staffsdata[q].status=true
|
|
|
+ if (staffsdata[q].staffId == workflowdata[k]
|
|
|
+ .operatorId) {
|
|
|
+ staffsdata[q].status = true
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- response.data.data[i].commonStaffs1=response.data.data[i].commonStaffs
|
|
|
- }else{
|
|
|
- if(response.data.data[i].workflowHistoricTasks&&response.data.data[i].workflowHistoricTasks.length>0){
|
|
|
- var len =response.data.data[i].workflowHistoricTasks.length-1
|
|
|
- if(response.data.data[i].workflowHistoricTasks[len].approved){
|
|
|
- this.$set(response.data.data[i],'status','success')
|
|
|
- }else{
|
|
|
- this.$set(response.data.data[i],'status','error')
|
|
|
+ response.data.data[i].commonStaffs1 = response.data.data[i]
|
|
|
+ .commonStaffs
|
|
|
+ } else {
|
|
|
+ if (response.data.data[i].workflowHistoricTasks && response
|
|
|
+ .data.data[i].workflowHistoricTasks.length > 0) {
|
|
|
+ var len = response.data.data[i].workflowHistoricTasks
|
|
|
+ .length - 1
|
|
|
+ if (response.data.data[i].workflowHistoricTasks[len]
|
|
|
+ .approved) {
|
|
|
+ this.$set(response.data.data[i], 'status',
|
|
|
+ 'success')
|
|
|
+ } else {
|
|
|
+ this.$set(response.data.data[i], 'status', 'error')
|
|
|
}
|
|
|
- response.data.data[i].operatorTitle=response.data.data[i].workflowHistoricTasks[len].operatorName.substring(response.data.data[i].workflowHistoricTasks[0].operatorName.length - 2)
|
|
|
- response.data.data[i].operatorName=response.data.data[i].workflowHistoricTasks[len].operatorName
|
|
|
- var time=new Date(response.data.data[i].workflowHistoricTasks[len].claimTime).getTime()
|
|
|
- response.data.data[i].updateDate=this.$u.timeFormat(time, 'mm.dd hh:MM')
|
|
|
- response.data.data[i].auditMind=response.data.data[i].workflowHistoricTasks[len].auditMind
|
|
|
- }else{
|
|
|
- this.$set(response.data.data[i],'status','question')
|
|
|
+ response.data.data[i].operatorTitle = response.data
|
|
|
+ .data[i].workflowHistoricTasks[len].operatorName
|
|
|
+ .substring(response.data.data[i]
|
|
|
+ .workflowHistoricTasks[0].operatorName.length -
|
|
|
+ 2)
|
|
|
+ response.data.data[i].operatorName = response.data
|
|
|
+ .data[i].workflowHistoricTasks[len].operatorName
|
|
|
+ var time = new Date(response.data.data[i]
|
|
|
+ .workflowHistoricTasks[len].claimTime)
|
|
|
+ .getTime()
|
|
|
+ response.data.data[i].updateDate = this.$u.timeFormat(
|
|
|
+ time, 'mm.dd hh:MM')
|
|
|
+ response.data.data[i].auditMind = response.data.data[i]
|
|
|
+ .workflowHistoricTasks[len].auditMind
|
|
|
+ } else {
|
|
|
+ this.$set(response.data.data[i], 'status', 'question')
|
|
|
// response.data.data[i].status='question'
|
|
|
- if(response.data.data[i].desc=='总经理助理审核'){
|
|
|
- response.data.data[i].operatorTitle='总助'
|
|
|
- }else if(response.data.data[i].desc=='杜大光审核'){
|
|
|
- response.data.data[i].operatorTitle='大光'
|
|
|
- }else{
|
|
|
- response.data.data[i].operatorTitle=response.data.data[i].desc.substring(0,2)
|
|
|
+ if (response.data.data[i].desc == '总经理助理审核') {
|
|
|
+ response.data.data[i].operatorTitle = '总助'
|
|
|
+ } else if (response.data.data[i].desc == '杜大光审核') {
|
|
|
+ response.data.data[i].operatorTitle = '大光'
|
|
|
+ } else {
|
|
|
+ response.data.data[i].operatorTitle = response.data
|
|
|
+ .data[i].desc.substring(0, 2)
|
|
|
}
|
|
|
-
|
|
|
- response.data.data[i].operatorName=response.data.data[i].desc
|
|
|
- var time1=new Date(response.data.data[i].updateDate).getTime()
|
|
|
- response.data.data[i].updateDate=this.$u.timeFormat(time1, 'mm.dd hh:MM')
|
|
|
- response.data.data[i].auditMind=''
|
|
|
+
|
|
|
+ response.data.data[i].operatorName = response.data
|
|
|
+ .data[i].desc
|
|
|
+ var time1 = new Date(response.data.data[i].updateDate)
|
|
|
+ .getTime()
|
|
|
+ response.data.data[i].updateDate = this.$u.timeFormat(
|
|
|
+ time1, 'mm.dd hh:MM')
|
|
|
+ response.data.data[i].auditMind = ''
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
console.log(response.data.data)
|
|
|
this.auditList = response.data.data
|
|
|
- var time2=new Date(this.list.createDate).getTime()
|
|
|
- var time3=this.$u.timeFormat(time2, 'mm.dd hh:MM')
|
|
|
+ var time2 = new Date(this.list.createDate).getTime()
|
|
|
+ var time3 = this.$u.timeFormat(time2, 'mm.dd hh:MM')
|
|
|
this.auditList.unshift({
|
|
|
- operatorTitle:this.list.creater.substring(0,2),
|
|
|
- operatorName:this.list.creater,
|
|
|
- updateDate:time3,
|
|
|
- auditMind:'',
|
|
|
- desc:'发起申请',
|
|
|
- showflow:false,
|
|
|
- commonStaffs1:null,
|
|
|
- commonStaffs:null,
|
|
|
- workflowHistoricTasks:[],
|
|
|
- status:'success'
|
|
|
+ operatorTitle: this.list.creater.substring(0, 2),
|
|
|
+ operatorName: this.list.creater,
|
|
|
+ updateDate: time3,
|
|
|
+ auditMind: '',
|
|
|
+ desc: '发起申请',
|
|
|
+ showflow: false,
|
|
|
+ commonStaffs1: null,
|
|
|
+ commonStaffs: null,
|
|
|
+ workflowHistoricTasks: [],
|
|
|
+ status: 'success'
|
|
|
})
|
|
|
})
|
|
|
})
|
|
|
@@ -555,11 +660,13 @@
|
|
|
.u-form {
|
|
|
background: #fff;
|
|
|
border-radius: 10px;
|
|
|
- padding: 0 10px;
|
|
|
+ padding: 30rpx 10px;
|
|
|
|
|
|
.u-form-item {
|
|
|
line-height: 30px;
|
|
|
- padding: 5px 0;
|
|
|
+ padding: 0px 0;
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #878C9C;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -752,12 +859,15 @@
|
|
|
font-size: 28rpx;
|
|
|
padding: 10px;
|
|
|
}
|
|
|
+
|
|
|
.textCss {
|
|
|
display: flex;
|
|
|
justify-content: flex-end;
|
|
|
width: 100%;
|
|
|
text-align: right;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
+
|
|
|
.u-textarea-style {
|
|
|
margin: 20rpx;
|
|
|
background: #F9F9FA;
|
|
|
@@ -765,7 +875,7 @@
|
|
|
border: 1px solid #EEEEEE;
|
|
|
padding: 10rpx 20rpx;
|
|
|
position: relative;
|
|
|
-
|
|
|
+
|
|
|
.right-bottom {
|
|
|
position: absolute;
|
|
|
right: 20rpx;
|
|
|
@@ -777,118 +887,158 @@
|
|
|
/deep/.u-input__textarea {
|
|
|
height: 300rpx !important;
|
|
|
}
|
|
|
+
|
|
|
.content2 {
|
|
|
background: white;
|
|
|
margin: 20rpx 0;
|
|
|
border-radius: 20rpx;
|
|
|
padding: 20rpx;
|
|
|
-
|
|
|
+
|
|
|
.row {
|
|
|
display: flex;
|
|
|
-
|
|
|
+
|
|
|
.left {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- .item1{
|
|
|
- position:relative;
|
|
|
- .item-content{
|
|
|
- background:#22C572;
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- border-radius: 10px;
|
|
|
- line-height: 50px;
|
|
|
- text-align: center;
|
|
|
- font-size: 18px;
|
|
|
- color: #fff;
|
|
|
+
|
|
|
+ .item1 {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .item-content {
|
|
|
+ background: #22C572;
|
|
|
+ width: 50px;
|
|
|
+ height: 50px;
|
|
|
+ border-radius: 10px;
|
|
|
+ line-height: 50px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
}
|
|
|
- .status{
|
|
|
- position:absolute;
|
|
|
+
|
|
|
+ .status {
|
|
|
+ position: absolute;
|
|
|
border-radius: 50%;
|
|
|
padding: 0px 2px;
|
|
|
right: -3px;
|
|
|
bottom: -3px;
|
|
|
- background:#fff;
|
|
|
+ background: #fff;
|
|
|
}
|
|
|
- .status.success{
|
|
|
- border:1px solid rgb(60, 156, 255);
|
|
|
+
|
|
|
+ .status.success {
|
|
|
+ border: 1px solid rgb(60, 156, 255);
|
|
|
}
|
|
|
- .status.error{
|
|
|
- border:1px solid rgb(245, 108, 108);
|
|
|
+
|
|
|
+ .status.error {
|
|
|
+ border: 1px solid rgb(245, 108, 108);
|
|
|
}
|
|
|
- .status.question{
|
|
|
- border:1px solid #f9ae3d;
|
|
|
+
|
|
|
+ .status.question {
|
|
|
+ border: 1px solid #f9ae3d;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.right {
|
|
|
- width:80%;
|
|
|
+ width: 80%;
|
|
|
// color: #B0B1B5;
|
|
|
margin-top: 10px;
|
|
|
- .right-content{
|
|
|
- background:#F2F3F7;
|
|
|
- margin-left:10px;
|
|
|
- margin-top:10px;
|
|
|
- padding:10px;
|
|
|
- border-radius:5px;
|
|
|
+
|
|
|
+ .right-content {
|
|
|
+ background: #F2F3F7;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 5px;
|
|
|
color: #B0B1B5;
|
|
|
}
|
|
|
- .right-item{
|
|
|
+
|
|
|
+ .right-item {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
- .time{
|
|
|
- color:#999;
|
|
|
+
|
|
|
+ .time {
|
|
|
+ color: #999;
|
|
|
}
|
|
|
+
|
|
|
.item2 {
|
|
|
margin-left: 20rpx;
|
|
|
-
|
|
|
+
|
|
|
.name {
|
|
|
font-size: 28rpx;
|
|
|
font-weight: 800;
|
|
|
}
|
|
|
+
|
|
|
.status.success {
|
|
|
color: #6CC48C;
|
|
|
}
|
|
|
+
|
|
|
.status.error {
|
|
|
color: rgb(245, 108, 108);
|
|
|
}
|
|
|
+
|
|
|
.status.question {
|
|
|
color: #f9ae3d;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- }
|
|
|
+ }
|
|
|
}
|
|
|
- .row2{
|
|
|
- display:flex;
|
|
|
- .item-content{
|
|
|
- background:#22C572;
|
|
|
- width: 30px;
|
|
|
- height: 30px;
|
|
|
- border-radius: 50%;
|
|
|
- line-height: 30px;
|
|
|
- text-align: center;
|
|
|
- font-size: 12px;
|
|
|
- color: #fff;
|
|
|
- padding:0 2px;
|
|
|
- margin:0 auto;
|
|
|
+
|
|
|
+ .row2 {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .item-content {
|
|
|
+ background: #22C572;
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ border-radius: 50%;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0 2px;
|
|
|
+ margin: 0 auto;
|
|
|
}
|
|
|
- .status{
|
|
|
- position:absolute;
|
|
|
- top:0;right:0;
|
|
|
+
|
|
|
+ .status {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.row-line {
|
|
|
width: 1px;
|
|
|
height: 30px;
|
|
|
background: #F2F2F2;
|
|
|
margin: 10rpx 50rpx;
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
.audit {
|
|
|
margin-top: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+ .form_top {
|
|
|
+ border-bottom: 1px solid #C7CAD6;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ font-size: 30rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ .form_view{
|
|
|
+ margin: 20rpx 0;
|
|
|
+ border-radius: 20rpx;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ .label_css{
|
|
|
+ font-size: 20rpx;
|
|
|
+ color: #878C9C;
|
|
|
+ }
|
|
|
+ .input_css{
|
|
|
+ font-size: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|
zhongtianhaoyuan
