|
@@ -1,24 +1,116 @@
|
|
<template>
|
|
<template>
|
|
<view class="container">
|
|
<view class="container">
|
|
|
|
+ <view class="headInfo">
|
|
|
|
+ <view class="headInfo_left">
|
|
|
|
+ <u-icon name="checkmark" color="#22C572" size="30" v-if="auditCheck=='success'"></u-icon>
|
|
|
|
+ <u-icon name="close" color="#FB2323" size="24" v-if="auditCheck=='error'"></u-icon>
|
|
|
|
+ <u-icon name="clock-fill" color="#FE6430" size="30" v-if="auditCheck=='question'"></u-icon>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
|
|
+ <view class="headInfo_middle">
|
|
|
|
+ <view class="headInfo_title">销售合同审批</view>
|
|
|
|
+ <view class="headInfo_No">{{list.contractNo}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="headInfo_right">
|
|
|
|
+ <view class="char_a" v-if="auditCheck == 'success'">审批通过</view>
|
|
|
|
+ <view class="char_b" v-if="auditCheck == 'question'">审核中</view>
|
|
|
|
+ <view class="char_c" v-if="auditCheck == 'error'">审批未通过</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="adopt" v-if="auditCheck == 'success'">
|
|
|
|
+ <image src="../../../static/img/oa_office/adopt.png" class="adopt_img" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+
|
|
<u-form ref="uForm" >
|
|
<u-form ref="uForm" >
|
|
<view class="form_top">基本信息</view>
|
|
<view class="form_top">基本信息</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' :borderBottom="false" label="买方">
|
|
|
|
+ <u-input v-model="list.buyer" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <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' :borderBottom="false" label="卖方">
|
|
|
|
+ <u-input v-model="list.seller" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <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' :borderBottom="false" label="中转公司">
|
|
|
|
+ <u-input v-model="list.transitCompany" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="交货日期(起 - 止)">
|
|
|
|
+ <view class="textCss">
|
|
|
|
+ {{list.deliveryDateStart }} ~ {{list.deliveryDateEnd}}
|
|
|
|
+ </view>
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <!-- <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='150' :borderBottom="false" label="签订日期">
|
|
|
|
+ <u-input v-model="list.signingDate" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <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' :borderBottom="false" label="合同单价(元/吨)">
|
|
|
|
+ <u-input v-model="list.unitContractPrice" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <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' :borderBottom="false" label="货源详细地址">
|
|
|
|
+ <u-input v-model="list.sourceGoods" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <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' :borderBottom="false" label="交货地详细地址">
|
|
|
|
+ <u-input v-model="list.placeDelivery" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <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='300' :borderBottom="false" label="结算单价(元/吨)" v-if="list.settlementPrice">
|
|
|
|
+ <u-input v-model="list.settlementPrice" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="合同收入(元)" v-if="list.contractProcessInfo.goodsNameKey">
|
|
|
|
+ <u-input v-model="list.contractProcessInfo.goodsNameKey" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="已开发票(元)" v-if="list.contractProcessInfo.goodsName">
|
|
|
|
+ <u-input v-model="list.contractProcessInfo.goodsName" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="费用支出(元)" v-if="list.contractProcessInfo.waterContent">
|
|
|
|
+ <u-input v-model="list.contractProcessInfo.waterContent" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="未开发票(元)" v-if="list.contractProcessInfo.impurity">
|
|
|
|
+ <u-input v-model="list.contractProcessInfo.impurity" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="未回款(元)" v-if="list.contractProcessInfo.mildewGrain">
|
|
|
|
+ <u-input v-model="list.contractProcessInfo.mildewGrain" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="双章原件回收情况" v-if="list.contractProcessInfo.grade">
|
|
|
|
+ <u-input v-model="list.contractProcessInfo.grade" input-align="right" placeholder="--" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <u-form-item label-width='260' :borderBottom="false" label="备注信息" v-if="list.contractProcessInfo.grade">
|
|
|
|
+ </u-form-item>
|
|
|
|
+ <!-- <view class="form_top">备注信息</view> -->
|
|
|
|
+ <u-form-item>
|
|
|
|
+ <textarea class='textarea' v-model="list.remarks" input-align="right" placeholder="暂无备注信息" disabled />
|
|
|
|
+ </u-form-item>
|
|
|
|
+ </u-form>
|
|
|
|
+ <u-form ref="uForm">
|
|
|
|
+ <view class="form_top">货物信息</view>
|
|
<view class="form_view" style="background: #F9F9FA;">
|
|
<view class="form_view" style="background: #F9F9FA;">
|
|
<u-row customStyle="margin-bottom: 10px;">
|
|
<u-row customStyle="margin-bottom: 10px;">
|
|
<u-col span="6">
|
|
<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-form-item label-width='100' :borderBottom="false" label="货名" class="label_css">
|
|
<u-input v-model="list.contractGoodsInfo.goodsName" class="input_css" input-align="right" placeholder="--"
|
|
<u-input v-model="list.contractGoodsInfo.goodsName" class="input_css" input-align="right" placeholder="--"
|
|
disabled />
|
|
disabled />
|
|
</u-form-item>
|
|
</u-form-item>
|
|
@@ -44,21 +136,21 @@
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
-
|
|
|
|
|
|
+
|
|
<u-row customStyle="margin-bottom: 10px;">
|
|
<u-row customStyle="margin-bottom: 10px;">
|
|
<u-col span="6">
|
|
<u-col span="6">
|
|
<u-form-item label-width='230' :borderBottom="false" label="热损伤(%)<=" class="label_css">
|
|
<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="--"
|
|
<u-input v-model="list.contractGoodsInfo.jiaorenli" class="input_css" input-align="right" placeholder="--"
|
|
disabled />
|
|
disabled />
|
|
</u-form-item>
|
|
</u-form-item>
|
|
-
|
|
|
|
|
|
+
|
|
</u-col>
|
|
</u-col>
|
|
<u-col span="6">
|
|
<u-col span="6">
|
|
<u-form-item label-width='230' :borderBottom="false" label="杂质(%)<=" class="label_css">
|
|
<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="--"
|
|
<u-input v-model="list.contractGoodsInfo.impurity" class="input_css" input-align="right" placeholder="--"
|
|
disabled />
|
|
disabled />
|
|
</u-form-item>
|
|
</u-form-item>
|
|
-
|
|
|
|
|
|
+
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
<u-row customStyle="margin-bottom: 10px;">
|
|
<u-row customStyle="margin-bottom: 10px;">
|
|
@@ -75,6 +167,24 @@
|
|
</u-form-item>
|
|
</u-form-item>
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
|
|
+ </view>
|
|
|
|
+ </u-form>
|
|
|
|
+ <u-form ref="uForm">
|
|
|
|
+ <view class="form_top">约定信息</view>
|
|
|
|
+ <view class="form_view">
|
|
|
|
+ <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-row customStyle="margin-bottom: 10px;">
|
|
<u-col span="6">
|
|
<u-col span="6">
|
|
<u-form-item label-width='150' :borderBottom="false" label="运输方式" class="label_css">
|
|
<u-form-item label-width='150' :borderBottom="false" label="运输方式" class="label_css">
|
|
@@ -113,194 +223,104 @@
|
|
</u-col>
|
|
</u-col>
|
|
</u-row>
|
|
</u-row>
|
|
</view>
|
|
</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' :borderBottom="false" label="交货日期(起)">
|
|
|
|
- <u-input v-model="list.deliveryDateStart" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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='150' :borderBottom="false" label="签订日期">
|
|
|
|
- <u-input v-model="list.signingDate" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="买方">
|
|
|
|
- <u-input v-model="list.buyer" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="卖方">
|
|
|
|
- <u-input v-model="list.seller" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="中转公司">
|
|
|
|
- <u-input v-model="list.transitCompany" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="货源所在地区">
|
|
|
|
- <view class="textCss">
|
|
|
|
- {{list.sourceProvince}}{{list.sourceCity}}{{list.sourceArea}}
|
|
|
|
- </view>
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="交货地所在地区">
|
|
|
|
- <view class="textCss">
|
|
|
|
- {{list.deliveryProvince}}{{list.deliveryCity}}{{list.deliveryArea}}
|
|
|
|
- </view>
|
|
|
|
- </u-form-item>
|
|
|
|
- <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='300' :borderBottom="false" label="最终实际交易量(吨)">
|
|
|
|
- <u-input v-model="list.finalTradingVolume" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="合同收入(元)">
|
|
|
|
- <u-input v-model="list.contractProcessInfo.goodsNameKey" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="费用支出(元)">
|
|
|
|
- <u-input v-model="list.contractProcessInfo.waterContent" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="未回款(元)">
|
|
|
|
- <u-input v-model="list.contractProcessInfo.mildewGrain" input-align="right" placeholder="--" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <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' :borderBottom="false" label="备注信息">
|
|
|
|
- </u-form-item>
|
|
|
|
- <u-form-item>
|
|
|
|
- <textarea class='textarea' v-model="list.remarks" input-align="right" placeholder="暂无备注信息" disabled />
|
|
|
|
- </u-form-item>
|
|
|
|
- <!-- <u-form-item label-width='90' label="附件"> -->
|
|
|
|
- <!-- <view class="textCss">
|
|
|
|
- <upload class="upload" ref="upload" :action="action" :max-size="maxSize" :max-count="1" :file-list="imglist"
|
|
|
|
- :size-type="['compressed']" @on-success="getImgUrl" @on-error="onError" @on-remove="onRemove"
|
|
|
|
- @on-uploaded="isAdd = true" :before-upload="filterFileType" @on-progress="onProgress" :deletable="false" :showProgress = "false"></upload>
|
|
|
|
- </view> -->
|
|
|
|
- <!-- {{list.contractProcessInfo.grade}} -->
|
|
|
|
- <!-- <view v-for='item in imglist'>
|
|
|
|
- <image style='width:100px;height:100px;' :src="item" mode=""></image>
|
|
|
|
- </view> -->
|
|
|
|
- <view class="fujian_title">共{{imglist.length}}个附件</view>
|
|
|
|
- <view v-if='imglist.length>0'>
|
|
|
|
- <view style="justify-content: space-between;" class='flex' v-for='item in imglist'>
|
|
|
|
- <view class="img_item">
|
|
|
|
- <view class="" style="width: 16%;">
|
|
|
|
- <image
|
|
|
|
- v-if="item.type == 'pdf'"
|
|
|
|
- style="width: 40px; height: 40px;" src="../../../static/img/oa_office/pdf3.png"
|
|
|
|
- mode=""></image>
|
|
|
|
- <image v-else-if="item.type == 'xls'||item.type == 'xlsx'"
|
|
|
|
- style="width: 40px; height: 40px;" src="../../../static/img/oa_office/excle3.png"
|
|
|
|
- mode=""></image>
|
|
|
|
- <image v-else-if="item.type == 'doc'||item.type == 'docx'"
|
|
|
|
- style="width: 40px; height: 40px;" src="../../../static/img/oa_office/word3.png"
|
|
|
|
- mode=""></image>
|
|
|
|
- <image v-else style="width: 40px; height: 40px;" :src="item.appendixPath" mode="">
|
|
|
|
- </image>
|
|
|
|
|
|
+ </u-form>
|
|
|
|
+ <u-form ref="uForm">
|
|
|
|
+ <view class="form_top">共{{imglist.length}}个附件</view>
|
|
|
|
+ <view v-if='imglist.length>0'>
|
|
|
|
+ <view style="justify-content: space-between;" class='flex' v-for='item in imglist'>
|
|
|
|
+ <view class="img_item">
|
|
|
|
+ <view class="" style="width: 16%;">
|
|
|
|
+ <image
|
|
|
|
+ v-if="item.type == 'pdf'"
|
|
|
|
+ class="imgsign" src="../../../static/img/oa_office/pdf3.png"
|
|
|
|
+ mode=""></image>
|
|
|
|
+ <image v-else-if="item.type == 'xls'||item.type == 'xlsx'"
|
|
|
|
+ class="imgsign" src="../../../static/img/oa_office/excle3.png"
|
|
|
|
+ mode=""></image>
|
|
|
|
+ <image v-else-if="item.type == 'doc'||item.type == 'docx'"
|
|
|
|
+ class="imgsign" src="../../../static/img/oa_office/word3.png"
|
|
|
|
+ mode=""></image>
|
|
|
|
+ <image v-else class="imgsign" :src="item.appendixPath" mode="">
|
|
|
|
+ </image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="" style="width: 70%;">
|
|
|
|
+ <view class="char_css">{{item.appendixName}}</view>
|
|
|
|
+ <view class="img_size">{{item.appendixSize}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view style="color: #22C572;" class="img_dowload" @click="openDocument(item)">
|
|
|
|
+ 下载
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </u-form>
|
|
|
|
+ <u-form ref="uForm">
|
|
|
|
+ <view class="form_top">流程</view>
|
|
|
|
+ <view class="content2">
|
|
|
|
+ <view v-for="(item,index) in auditList" :key='index' class="audit">
|
|
|
|
+ <view class="row">
|
|
|
|
+ <view class="left">
|
|
|
|
+ <view class="item1">
|
|
|
|
+ <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>
|
|
- <view class="" style="width: 70%;">
|
|
|
|
- <view class="char_css">{{item.appendixName}}</view>
|
|
|
|
- <view class="">{{item.appendixSize}}</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>
|
|
- <view style="color: #19be6b;text-decoration:underline;" class="img_dowload" @click="openDocument(item)">
|
|
|
|
- 下载
|
|
|
|
|
|
+ <view v-if="item.status=='question'" class='status question'>
|
|
|
|
+ <u-icon name="question" color="#f9ae3d" size="24"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</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">
|
|
|
|
- <view class="title row">
|
|
|
|
- 流程
|
|
|
|
- </view>
|
|
|
|
- <view v-for="(item,index) in auditList" :key='index' class="audit">
|
|
|
|
- <view class="row">
|
|
|
|
- <view class="left">
|
|
|
|
- <view class="item1">
|
|
|
|
- <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 class="right">
|
|
|
|
+ <view class="right-item">
|
|
|
|
+ <view class="item2">
|
|
|
|
+ <view class="name">{{item.desc}}
|
|
</view>
|
|
</view>
|
|
- <view v-if="item.status=='error'" class='status error'>
|
|
|
|
- <u-icon name="close" color="rgb(245, 108, 108)" size="24"></u-icon>
|
|
|
|
|
|
+ <!-- <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>
|
|
- <view v-if="item.status=='question'" class='status question'>
|
|
|
|
- <u-icon name="question" color="#f9ae3d" size="24"></u-icon>
|
|
|
|
|
|
+ <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>
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="right">
|
|
|
|
- <view class="right-item">
|
|
|
|
- <view class="item2">
|
|
|
|
- <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 class="status success">吕波(已审核)</view> -->
|
|
|
|
-
|
|
|
|
- </view>
|
|
|
|
- <view v-if='index==0||item.workflowHistoricTasks&&item.workflowHistoricTasks.length>0'
|
|
|
|
- class='time'>
|
|
|
|
- {{item.updateDate}}
|
|
|
|
|
|
+ <view v-if="item.status=='question'" class="status question">
|
|
|
|
+ {{item.commonStaffs1?item.staffscontent:''}}<text
|
|
|
|
+ v-if='!item.commonStaffs1'>未审核</text>
|
|
</view>
|
|
</view>
|
|
|
|
+ <!-- <view class="status success">吕波(已审核)</view> -->
|
|
|
|
+
|
|
</view>
|
|
</view>
|
|
- <view v-if='item.auditMind' class="right-content">
|
|
|
|
- {{item.auditMind}}
|
|
|
|
|
|
+ <view v-if='index==0||item.workflowHistoricTasks&&item.workflowHistoricTasks.length>0'
|
|
|
|
+ class='time'>
|
|
|
|
+ {{item.updateDate}}
|
|
</view>
|
|
</view>
|
|
</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>
|
|
|
|
|
|
+ <view v-if='item.auditMind' class="right-content">
|
|
|
|
+ {{item.auditMind}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view v-if='item.showflow' style='padding:10px 0 0 50px;'>
|
|
|
|
- <view class='row2'>
|
|
|
|
- <view v-for='item1 in item.commonStaffs1' style='margin:5px;text-align:center;'>
|
|
|
|
- <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 v-if='item.commonStaffs1' class="right">
|
|
|
|
+ <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;'>
|
|
|
|
+ <view class='row2'>
|
|
|
|
+ <view v-for='item1 in item.commonStaffs1' style='margin:5px;text-align:center;'>
|
|
|
|
+ <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>
|
|
|
|
+ <view class="name">{{item1.staffName}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="row-line" v-if="index!= auditList.length - 1"></view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="row-line" v-if="index!= auditList.length - 1"></view>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</u-form>
|
|
</u-form>
|
|
<view v-if='list.taskId' style='padding:10px;' class='flex bottom-btn'>
|
|
<view v-if='list.taskId' style='padding:10px;' class='flex bottom-btn'>
|
|
@@ -329,7 +349,6 @@
|
|
<view @click='passSubmit()' class="confirm">确定</view>
|
|
<view @click='passSubmit()' class="confirm">确定</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
<view @click='imgShow=false' v-if="imgShow" class="shade">
|
|
<view @click='imgShow=false' v-if="imgShow" class="shade">
|
|
<image style='position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;' :src="url" mode=""></image>
|
|
<image style='position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;' :src="url" mode=""></image>
|
|
</view>
|
|
</view>
|
|
@@ -371,6 +390,7 @@
|
|
rejectInfo: "",
|
|
rejectInfo: "",
|
|
rejectInfo1: "",
|
|
rejectInfo1: "",
|
|
isSHowBtn: true,
|
|
isSHowBtn: true,
|
|
|
|
+ auditCheck:"question",//判断审核是否通过
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onBackPress(e) {
|
|
onBackPress(e) {
|
|
@@ -539,6 +559,17 @@
|
|
|
|
|
|
}
|
|
}
|
|
console.log(response.data.data)
|
|
console.log(response.data.data)
|
|
|
|
+ for(let i = 0 ;i<response.data.data.length;i++){
|
|
|
|
+ if(response.data.data[i].status == "error"){
|
|
|
|
+ this.auditCheck = "error"
|
|
|
|
+ break;
|
|
|
|
+ }else if(response.data.data[i].status == "question"){
|
|
|
|
+ this.auditCheck = "question"
|
|
|
|
+ break;
|
|
|
|
+ }else{
|
|
|
|
+ this.auditCheck = "success"
|
|
|
|
+ }
|
|
|
|
+ }
|
|
this.auditList = response.data.data
|
|
this.auditList = response.data.data
|
|
var time2 = new Date(this.list.createDate).getTime()
|
|
var time2 = new Date(this.list.createDate).getTime()
|
|
var time3 = this.$u.timeFormat(time2, 'mm.dd hh:MM')
|
|
var time3 = this.$u.timeFormat(time2, 'mm.dd hh:MM')
|
|
@@ -683,6 +714,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.u-form {
|
|
.u-form {
|
|
|
|
+ margin-bottom: 20rpx;
|
|
background: #fff;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
padding: 30rpx 10px;
|
|
padding: 30rpx 10px;
|
|
@@ -876,7 +908,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.textarea {
|
|
.textarea {
|
|
- margin: 20px auto;
|
|
|
|
|
|
+ margin: 18rpx auto;
|
|
width: 100%;
|
|
width: 100%;
|
|
background: #F9F9FA;
|
|
background: #F9F9FA;
|
|
border-radius: 10px;
|
|
border-radius: 10px;
|
|
@@ -934,13 +966,13 @@
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
.item-content {
|
|
.item-content {
|
|
- background: #22C572;
|
|
|
|
- width: 50px;
|
|
|
|
- height: 50px;
|
|
|
|
- border-radius: 10px;
|
|
|
|
- line-height: 50px;
|
|
|
|
|
|
+ background: #617AE0;
|
|
|
|
+ width: 44px;
|
|
|
|
+ height: 44px;
|
|
|
|
+ border-radius: 22px;
|
|
|
|
+ line-height: 44px;
|
|
text-align: center;
|
|
text-align: center;
|
|
- font-size: 18px;
|
|
|
|
|
|
+ font-size: 15px;
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -992,10 +1024,12 @@
|
|
|
|
|
|
.item2 {
|
|
.item2 {
|
|
margin-left: 20rpx;
|
|
margin-left: 20rpx;
|
|
|
|
+ margin-top: -7px;
|
|
|
|
|
|
.name {
|
|
.name {
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
font-weight: 800;
|
|
font-weight: 800;
|
|
|
|
+ margin-bottom: 4px;
|
|
}
|
|
}
|
|
|
|
|
|
.status.success {
|
|
.status.success {
|
|
@@ -1059,8 +1093,8 @@
|
|
.form_view{
|
|
.form_view{
|
|
margin: 20rpx 0;
|
|
margin: 20rpx 0;
|
|
border-radius: 20rpx;
|
|
border-radius: 20rpx;
|
|
-
|
|
|
|
-
|
|
|
|
|
|
+ background: #F9F9FA;
|
|
|
|
+ padding: 30rpx 20rpx;
|
|
}
|
|
}
|
|
.label_css{
|
|
.label_css{
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
@@ -1072,23 +1106,64 @@
|
|
/deep/.uni-textarea-wrapper{
|
|
/deep/.uni-textarea-wrapper{
|
|
height:200px;
|
|
height:200px;
|
|
}
|
|
}
|
|
- .char_css {
|
|
|
|
- font-size: 30rpx;
|
|
|
|
- font-weight: 600;
|
|
|
|
- display: -webkit-box;
|
|
|
|
- overflow: hidden;
|
|
|
|
- /*! autoprefixer: off; */
|
|
|
|
- -webkit-box-orient: vertical;
|
|
|
|
- -webkit-line-clamp: 1;
|
|
|
|
- -webkit-box-orient: vertical;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
- word-break: break-all;
|
|
|
|
- }
|
|
|
|
- .fujian_title{
|
|
|
|
- font-size: 34rpx;
|
|
|
|
- margin-top: 20px;
|
|
|
|
- font-weight: 600;
|
|
|
|
- // margin-left: 10px;
|
|
|
|
|
|
+
|
|
|
|
+ // .fujian_title{
|
|
|
|
+ // font-size: 34rpx;
|
|
|
|
+ // margin-top: 20px;
|
|
|
|
+ // font-weight: 600;
|
|
|
|
+ // // margin-left: 10px;
|
|
|
|
+ // }
|
|
|
|
+ .headInfo{
|
|
|
|
+ height: 100px;
|
|
|
|
+ background-color: #FFFFFF;
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ border-radius: 10px;
|
|
|
|
+ padding: 30rpx 10px;
|
|
|
|
+ display: flex;
|
|
|
|
+ .headInfo_left{
|
|
|
|
+ width: 10%;
|
|
|
|
+ line-height: 60px;
|
|
|
|
+ text-align: center;
|
|
|
|
+ }
|
|
|
|
+ .headInfo_middle{
|
|
|
|
+ width: 70%;
|
|
|
|
+ padding-left: 10px;
|
|
|
|
+ }
|
|
|
|
+ .headInfo_right{
|
|
|
|
+ width: 20%;
|
|
|
|
+ line-height: 60px;
|
|
|
|
+ .char_a{
|
|
|
|
+ color: #22C572;
|
|
|
|
+ }
|
|
|
|
+ .char_b{
|
|
|
|
+ color: #FE6430;
|
|
|
|
+ }
|
|
|
|
+ .char_c{
|
|
|
|
+ color: #FB2323;
|
|
|
|
+ }
|
|
|
|
+ .char_a,.char_b,.char_c{
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .adopt{
|
|
|
|
+ position: absolute;
|
|
|
|
+ right: 30px;
|
|
|
|
+ top: 60px;
|
|
|
|
+ .adopt_img{
|
|
|
|
+ width: 90px;
|
|
|
|
+ height: 90px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .headInfo_title{
|
|
|
|
+ font-size: 19px;
|
|
|
|
+ color: #333333;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ }
|
|
|
|
+ .headInfo_No{
|
|
|
|
+ color: #878C9C;
|
|
|
|
+ font-size: 13px;
|
|
|
|
+ margin-top: 10px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.img_item {
|
|
.img_item {
|
|
@@ -1096,6 +1171,28 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
margin: 10px 0;
|
|
margin: 10px 0;
|
|
padding: 0 10rpx;
|
|
padding: 0 10rpx;
|
|
|
|
+ .imgsign{
|
|
|
|
+ width: 25px;
|
|
|
|
+ height: 25px;
|
|
|
|
+ margin-top: 6px;
|
|
|
|
+ }
|
|
|
|
+ .char_css {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-weight: 600;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ /*! autoprefixer: off; */
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ }
|
|
|
|
+ .img_size{
|
|
|
|
+ color: #B0B3BF;
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ margin-top: 5px;
|
|
|
|
+ }
|
|
|
|
|
|
.img_dowload {
|
|
.img_dowload {
|
|
width: 14%;
|
|
width: 14%;
|