|
|
@@ -0,0 +1,1276 @@
|
|
|
+<template>
|
|
|
+ <view class="container">
|
|
|
+ <view class="topInfo">
|
|
|
+ <view class="topInfo-item">
|
|
|
+ <view class="flex info">
|
|
|
+ <view class="logo">
|
|
|
+ <image src="../../../static/img/reject.png" mode="" v-if="dataobj.approveStatus == '已驳回'"
|
|
|
+ style="height: 40rpx;"></image><!-- 驳回 -->
|
|
|
+ <image src="../../../static/img/tongguo.png" mode="" v-if="dataobj.approveStatus == '已通过'"
|
|
|
+ style="height: 40rpx;"></image><!-- 通过 -->
|
|
|
+ <image src="../../../static/img/daishenhe.png" mode=""
|
|
|
+ v-if="dataobj.approveStatus == '待决策人审核'|| dataobj.approveStatus == '待财务审核'"
|
|
|
+ style="height: 40rpx;"></image><!-- 待审核 -->
|
|
|
+ </view>
|
|
|
+ <view class="infoText">{{dataobj.approveStatus?dataobj.approveStatus:dataobj.status}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="infoData">{{dataobj.updateDate}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="top">
|
|
|
+ <view v-if='dataobj.contractFlag=="1"'>合同编号</view>
|
|
|
+ <view v-if='dataobj.contractFlag=="0"'>移库编号</view>
|
|
|
+ <view>{{dataobj.contractNo}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="person-info">
|
|
|
+
|
|
|
+ <view style='display:flex;align-items: center;' class="top1">
|
|
|
+ <view>收款方</view>
|
|
|
+ <view class="top_info">{{dataobj.payee}}</view>
|
|
|
+ </view>
|
|
|
+ <view style='display:flex;align-items: center;' class="top1">
|
|
|
+ <view>账号</view>
|
|
|
+ <view class="top_info">{{dataobj.accountNumber}}</view>
|
|
|
+ </view>
|
|
|
+ <view style='display:flex;align-items: center;' class="top1">
|
|
|
+ <view>开户行</view>
|
|
|
+ <view class="top_info">{{dataobj.bank}}</view>
|
|
|
+ </view>
|
|
|
+ <view style='display:flex;align-items: center;' class="top1">
|
|
|
+ <view>开户支行</view>
|
|
|
+ <view class="top_info">{{dataobj.bankBranch}}</view>
|
|
|
+ </view>
|
|
|
+ <view style='display:flex;align-items: center;' class="top1">
|
|
|
+ <view>备注</view>
|
|
|
+ <view class="top_info">{{dataobj.bankBranch}}</view>
|
|
|
+ </view>
|
|
|
+ <view style='display:flex;align-items: center;' class="top1">
|
|
|
+ <view>合计</view>
|
|
|
+ <view class="top_info">{{num}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="car-container">
|
|
|
+ <view v-for="item in list" class="car-container-item">
|
|
|
+ <view class="car-num title" v-if="item.tranTypeKey== '1'">{{item.carNo}} ({{item.tranCarNo}})</view>
|
|
|
+ <view class="car-num title" v-if="item.tranTypeKey== '2'">车厢号{{item.boxNo}}</view>
|
|
|
+ <view class="car-num title" v-if="item.tranTypeKey== '3'&&item.shipType== '散船'">仓位号{{item.boxNo}}
|
|
|
+ </view>
|
|
|
+ <view class="car-num title" v-if="item.tranTypeKey== '3'&&item.shipType== '集装箱'">箱号{{item.boxNo}}
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="left">装</view>
|
|
|
+ <view class="textInfo">{{item.loadingWeight}}吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="center">卸</view>
|
|
|
+ <view class="textInfo">{{item.unloadingWeight}}吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="right">结</view>
|
|
|
+ <view class="textInfo">{{item.settlementWeight}}吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="left">预</view>
|
|
|
+ <view class="textInfo">{{item.transportPrice}}元/吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="center">算</view>
|
|
|
+ <view class="textInfo">{{item.settlementPrice}}元/吨</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view v-if='item.deductionAmount>=0' class="right">扣</view>
|
|
|
+ <view v-if='item.deductionAmount<0' class="right">加</view>
|
|
|
+ <view v-if='item.deductionAmount<0' class="textInfo">{{item.deductionAmount?-item.deductionAmount:0}}元</view>
|
|
|
+ <view v-if='item.deductionAmount>=0' class="textInfo">{{item.deductionAmount?-item.deductionAmount:0}}元</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="left">服</view>
|
|
|
+ <view class="textInfo">{{item.serviceCharge}}元</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="center">税</view>
|
|
|
+ <view class="textInfo">{{item.taxPoint}}元</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="right">实</view>
|
|
|
+ <view class="textInfo">{{item.amountActuallyPaid}}元</view>
|
|
|
+ </view>
|
|
|
+ <view class="car-type-item">
|
|
|
+ <view class="left">合</view>
|
|
|
+ <view class="textInfo">{{item.totalPayable}}元</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <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" v-if='item.desc!="_PLACEHOLDER_"'>
|
|
|
+ <view class="row-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 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'>
|
|
|
+ <u-icon name="question" color="#f9ae3d" size="24"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row-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>
|
|
|
+ </view>
|
|
|
+ <view v-if='item.auditMind' class="right-content">
|
|
|
+ {{item.auditMind}}
|
|
|
+ </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>
|
|
|
+ </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>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="row-line" v-if="index!= auditList.length - 1 &&item.desc!='_PLACEHOLDER_'"></view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-form>
|
|
|
+ <view v-if='show' class="shade">
|
|
|
+ <view class="wrap">
|
|
|
+ <view class="alert-top">
|
|
|
+ <view class="title">
|
|
|
+ {{title}}
|
|
|
+ </view>
|
|
|
+ <u-icon name="close" class="close" color="#8890B1" @click="close()"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="u-textarea-style">
|
|
|
+ <view class="right-bottom">
|
|
|
+ {{auditMind.length}}/1000个字
|
|
|
+ </view>
|
|
|
+ <u-input class="" v-model='auditMind' placeholder="请在此输入审核意见" type="textarea" height="414"
|
|
|
+ maxlength="1000" />
|
|
|
+ </view>
|
|
|
+ <view @click='close()' class="cancel">取消</view>
|
|
|
+ <view @click='passSubmit()' class="confirm">确定</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <u-toast ref="uToast" />
|
|
|
+ <view style='padding:10px;' class='flex bottom-btn'>
|
|
|
+ <u-button v-if='isSHowBtn' @click='reject' type="error" class="btn1" hover-class='none'>驳回</u-button>
|
|
|
+ <u-button v-if='isSHowBtn' @click='pass' type="success" class="btn2">通过</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import helper from '@/common/helper.js';
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ isSHowBtn: true,
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ list: {
|
|
|
+ approveStatus: "",
|
|
|
+ },
|
|
|
+ dataobj:{},
|
|
|
+ title: '',
|
|
|
+ num:0,
|
|
|
+ show: false,
|
|
|
+ height: 200,
|
|
|
+ auditList:[],
|
|
|
+ auditMind: '',
|
|
|
+ autoHeight: true,
|
|
|
+ border: false,
|
|
|
+ everyCheck: '',
|
|
|
+ customerName: "", //客户
|
|
|
+ shippingAddress: "", //发货地址
|
|
|
+ receivingAddress: "", //收货地址
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onBackPress(e) {
|
|
|
+ if (this.everyCheck) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/pages/task/my_task"
|
|
|
+ })
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ this.id = options.id
|
|
|
+ this.everyCheck = uni.getStorageSync("everyTask")
|
|
|
+ this.isSHowBtn = options.isShowbtn
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getList() {
|
|
|
+ var that =this
|
|
|
+ this.$api.doRequest('get', '/expenseInfo/ExpenseInfo', {
|
|
|
+ id: this.id
|
|
|
+ }).then(res => {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ this.dataobj=res.data.data
|
|
|
+ if(res.data.data.tranSettlementReportList.length>0){
|
|
|
+ this.num=0
|
|
|
+ for (var i = 0; i < res.data.data.tranSettlementReportList.length; i++) {
|
|
|
+ if(res.data.data.tranSettlementReportList[i].totalPayable){
|
|
|
+ this.num+=res.data.data.tranSettlementReportList[i].totalPayable
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.num=this.num.toFixed(2)
|
|
|
+ this.list = res.data.data.tranSettlementReportList
|
|
|
+ // console.log(this.list, 124)
|
|
|
+ // 查流程
|
|
|
+ this.$api.doRequest('get', '/workflow/query/workflowDefinitions', {
|
|
|
+ businessCode: 'FEIYONGYUNFEI-APPROVE',
|
|
|
+ tmpCompId: uni.getStorageSync('pcUserInfo').compId
|
|
|
+ }).then(res1 => {
|
|
|
+ this.$api.doRequest('get', '/commonUser/getHis', {
|
|
|
+ workflowId: res1.data.data[0].id,
|
|
|
+ businessKey: this.id,
|
|
|
+ // branch:that.list[0].jointVentureParties?that.list[0].jointVentureParties:'zt'
|
|
|
+ }).then(response => {
|
|
|
+ uni.hideLoading()
|
|
|
+ for (let i = 0; i < response.data.data.length; i++) {
|
|
|
+ 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) {
|
|
|
+ // response.data.data[i].status='question'
|
|
|
+ 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
|
|
|
+ for (let q = 0; q < staffsdata.length; q++) {
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ 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].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)
|
|
|
+ }
|
|
|
+
|
|
|
+ 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)
|
|
|
+ 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
|
|
|
+ var time2 = new Date(this.list[0].createDate).getTime()
|
|
|
+ var time3 = this.$u.timeFormat(time2, 'mm.dd hh:MM')
|
|
|
+ this.auditList.unshift({
|
|
|
+ operatorTitle: this.list[0].requester.substring(0, 2),
|
|
|
+ operatorName: this.list[0].requester,
|
|
|
+ updateDate: time3,
|
|
|
+ auditMind: '',
|
|
|
+ desc: '发起申请',
|
|
|
+ showflow: false,
|
|
|
+ commonStaffs1: null,
|
|
|
+ commonStaffs: null,
|
|
|
+ workflowHistoricTasks: [],
|
|
|
+ status: 'success'
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // this.$api.doRequest('get', '/tranSettlementReport/getInfo', {
|
|
|
+ // id: this.id
|
|
|
+ // }).then(res => {
|
|
|
+ // this.contractNo = res.data.data.contractNo
|
|
|
+ // this.carId = res.data.data.carId
|
|
|
+ // this.customerName = res.data.data.customer
|
|
|
+ // this.shippingAddress = res.data.data.send
|
|
|
+ // this.receivingAddress = res.data.data.receive
|
|
|
+ // if (res.data.code == 200) {
|
|
|
+ // this.$api.doRequest('get', '/tranSettlementReport/getTranSettlementReport', {
|
|
|
+ // compId: "2710b21efc1e4393930c5dc800010dc4",
|
|
|
+ // currentPage: this.currentPage,
|
|
|
+ // pageSize: this.pageSize,
|
|
|
+ // contractNo: this.contractNo,
|
|
|
+ // carId: this.carId,
|
|
|
+ // }).then(res => {
|
|
|
+ // if (res.data.code == 200) {
|
|
|
+ // this.list = res.data.data.records[0]
|
|
|
+ // console.log(this.list, 124)
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+
|
|
|
+ },
|
|
|
+ close() {
|
|
|
+ this.show = false
|
|
|
+ },
|
|
|
+ pass() {
|
|
|
+ this.show = true
|
|
|
+ this.title = '审核意见（通过）'
|
|
|
+ },
|
|
|
+ reject() {
|
|
|
+ this.show = true
|
|
|
+ this.title = '驳回原因（驳回）'
|
|
|
+ },
|
|
|
+ // 驳回
|
|
|
+ rejectSubmit() {
|
|
|
+ var that = this
|
|
|
+ if (!this.auditMind) {
|
|
|
+ this.$api.msg('驳回原因不能为空！')
|
|
|
+ } else {
|
|
|
+ this.show = false
|
|
|
+ uni.showModal({
|
|
|
+ content: "是否确定驳回?",
|
|
|
+ showCancel: true,
|
|
|
+ confirmText: '确定',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ that.audit(that.list[0], 0, false, true, that.auditMind)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ //通过
|
|
|
+ passSubmit() {
|
|
|
+ var that = this
|
|
|
+ if (this.title == '驳回原因（驳回）') {
|
|
|
+ this.rejectSubmit()
|
|
|
+ } else {
|
|
|
+ this.show = false
|
|
|
+ uni.showModal({
|
|
|
+ content: "是否确定通过?",
|
|
|
+ showCancel: true,
|
|
|
+ confirmText: '确定',
|
|
|
+ success: function(res) {
|
|
|
+ if (res.confirm) {
|
|
|
+ that.audit(that.list[0], 0, true, 2, that.auditMind)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //审核方法
|
|
|
+ audit(list, index, status, status2, reason) {
|
|
|
+ uni.showLoading({
|
|
|
+ title: "审核中"
|
|
|
+ })
|
|
|
+ let that = this
|
|
|
+ if (this.list) {
|
|
|
+ this.$api.doRequest('post', '/newWorkflow/api/handle', {
|
|
|
+ taskId: list.taskId,
|
|
|
+ approved: status,
|
|
|
+ auditMind: this.auditMind ,
|
|
|
+ needReapply: status2 != undefined ? true : false,
|
|
|
+ }).then(res => {
|
|
|
+ if (status == true) {
|
|
|
+ this.$api.msg('通过成功')
|
|
|
+ } else if (status == false) {
|
|
|
+ this.$api.msg('驳回成功')
|
|
|
+ }
|
|
|
+ setTimeout(function() {
|
|
|
+ if (that.everyCheck) {
|
|
|
+ helper.setAudit(that.list[0])
|
|
|
+ } else {
|
|
|
+ uni.navigateBack()
|
|
|
+ }
|
|
|
+ }, 1000);
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+ .container {
|
|
|
+ margin: 10rpx;
|
|
|
+ padding: 20rpx 20rpx 230rpx 20rpx;
|
|
|
+ }
|
|
|
+ .u-form {
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10px;
|
|
|
+ padding: 30rpx 10px;
|
|
|
+
|
|
|
+ .u-form-item {
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0px 0;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #878C9C;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ .top {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ background: white;
|
|
|
+ padding: 30rpx 20rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top1 {
|
|
|
+ // display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ background: white;
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
+ font-size: 30rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .top_info {
|
|
|
+ margin: 10rpx 0;
|
|
|
+ width:70%;
|
|
|
+ text-align:right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ text-align: left;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .car-container {
|
|
|
+
|
|
|
+ // border-bottom: 2rpx solid #EEEEEE;
|
|
|
+ }
|
|
|
+
|
|
|
+ .car-container-item {
|
|
|
+ background: white;
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .car-type-item {
|
|
|
+ display: inline-flex;
|
|
|
+ // justify-content: center;
|
|
|
+ width: 33.33%;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .submit {
|
|
|
+ width: 40%;
|
|
|
+ background: #22C572;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .left {
|
|
|
+ background: #FEECE6;
|
|
|
+ color: #FE6430;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center {
|
|
|
+ background: #EBEEFA;
|
|
|
+ color: #5C76DF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right {
|
|
|
+ background: #E9F8F0;
|
|
|
+ color: #22C572;
|
|
|
+ }
|
|
|
+
|
|
|
+ .left,
|
|
|
+ .center,
|
|
|
+ .right {
|
|
|
+ width: 50rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 50rpx;
|
|
|
+ border-radius: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .textInfo {
|
|
|
+ margin: 6rpx 0 0 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .topInfo {
|
|
|
+ height: 210rpx;
|
|
|
+ background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
|
|
|
+ padding: 30rpx;
|
|
|
+
|
|
|
+ .topInfo-item {
|
|
|
+ height: 158rpx;
|
|
|
+ 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.4);
|
|
|
+ z-index: 3;
|
|
|
+
|
|
|
+ .wrap {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto;
|
|
|
+ background: #fff;
|
|
|
+ width: calc(100% - 198rpx);
|
|
|
+ height: 700rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+
|
|
|
+ .alert-top {
|
|
|
+ padding: 33rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .close {
|
|
|
+ position: absolute;
|
|
|
+ right: 33rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .cancel,
|
|
|
+ .confirm {
|
|
|
+ position: absolute;
|
|
|
+ display: inline-block;
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+ bottom: 0;
|
|
|
+ padding: 10px;
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ font-size: 34rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cancel {
|
|
|
+ left: 0;
|
|
|
+ border-right: 1px solid #eee;
|
|
|
+ color: #AFB3BF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .confirm {
|
|
|
+ right: 0;
|
|
|
+ color: #22C572;
|
|
|
+ }
|
|
|
+
|
|
|
+ .u-textarea-style {
|
|
|
+ margin: 20rpx;
|
|
|
+ background: #F9F9FA;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 1px solid #EEEEEE;
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .right-bottom {
|
|
|
+ position: absolute;
|
|
|
+ right: 20rpx;
|
|
|
+ bottom: 20rpx;
|
|
|
+ color: #AFB3BF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.u-input__textarea {
|
|
|
+ height: 300rpx !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .person-info {
|
|
|
+ background: white;
|
|
|
+ padding: 20rpx 0;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ // margin-bottom: 50rpx;
|
|
|
+ margin: 20rpx 0;
|
|
|
+
|
|
|
+ .tit {
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .c-row {
|
|
|
+ display: -webkit-box;
|
|
|
+ display: -webkit-flex;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .c-row1 {
|
|
|
+ // display: -webkit-box;
|
|
|
+ // display: -webkit-flex;
|
|
|
+ // display: flex;
|
|
|
+ -webkit-box-align: center;
|
|
|
+ -webkit-align-items: center;
|
|
|
+ align-items: center;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .container {
|
|
|
+ padding: 20rpx 20rpx 250rpx 20rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .u-form {
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 10px;
|
|
|
+ padding: 30rpx 10px;
|
|
|
+
|
|
|
+ .u-form-item {
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0px 0;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #878C9C;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .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.4);
|
|
|
+ z-index: 3;
|
|
|
+
|
|
|
+ .wrap {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ margin: auto;
|
|
|
+ background: #fff;
|
|
|
+ width: calc(100% - 198rpx);
|
|
|
+ height: 700rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+
|
|
|
+ .alert-top {
|
|
|
+ padding: 33rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 32rpx;
|
|
|
+ font-weight: 600;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+
|
|
|
+ .close {
|
|
|
+ position: absolute;
|
|
|
+ right: 33rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .cancel,
|
|
|
+ .confirm {
|
|
|
+ position: absolute;
|
|
|
+ display: inline-block;
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+ bottom: 0;
|
|
|
+ padding: 10px;
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+ font-size: 34rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cancel {
|
|
|
+ left: 0;
|
|
|
+ border-right: 1px solid #eee;
|
|
|
+ color: #AFB3BF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .confirm {
|
|
|
+ right: 0;
|
|
|
+ color: #22C572;
|
|
|
+ }
|
|
|
+
|
|
|
+ .textarea {
|
|
|
+ margin: 18rpx auto;
|
|
|
+ width: 100%;
|
|
|
+ background: #F9F9FA;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 1px solid #EEEEEE;
|
|
|
+ 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;
|
|
|
+ border-radius: 10px;
|
|
|
+ border: 1px solid #EEEEEE;
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ height:240px;
|
|
|
+ /deep/.uni-textarea-textarea{
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
+ .right-bottom {
|
|
|
+ position: absolute;
|
|
|
+ right: 20rpx;
|
|
|
+ bottom: 20rpx;
|
|
|
+ color: #AFB3BF;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.u-input__textarea {
|
|
|
+ height: 300rpx !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .content2 {
|
|
|
+ background: white;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+
|
|
|
+ .row {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ .row-left {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+ .item1 {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .item-content {
|
|
|
+ background: #617AE0;
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ border-radius: 22px;
|
|
|
+ line-height: 44px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 15px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .status {
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 50%;
|
|
|
+ padding: 0px 2px;
|
|
|
+ right: -3px;
|
|
|
+ bottom: -3px;
|
|
|
+ background: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .status.success {
|
|
|
+ border: 1px solid rgb(60, 156, 255);
|
|
|
+ }
|
|
|
+
|
|
|
+ .status.error {
|
|
|
+ border: 1px solid rgb(245, 108, 108);
|
|
|
+ }
|
|
|
+
|
|
|
+ .status.question {
|
|
|
+ border: 1px solid #f9ae3d;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .row-right {
|
|
|
+ width: 80%;
|
|
|
+ // color: #B0B1B5;
|
|
|
+ margin-top: 10px;
|
|
|
+
|
|
|
+ .right-content {
|
|
|
+ background: #F2F3F7;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-top: 10px;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 5px;
|
|
|
+ color: #B0B1B5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .right-item {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+
|
|
|
+ .time {
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item2 {
|
|
|
+ margin-left: 20rpx;
|
|
|
+ margin-top: -7px;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 800;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
+ }
|
|
|
+
|
|
|
+ .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;
|
|
|
+ background: #F9F9FA;
|
|
|
+ padding: 30rpx 20rpx;
|
|
|
+ }
|
|
|
+ .label_css{
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #878C9C;
|
|
|
+ }
|
|
|
+ .input_css{
|
|
|
+ font-size: 20rpx;
|
|
|
+ }
|
|
|
+ /deep/.uni-textarea-wrapper{
|
|
|
+ height:200px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // .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 {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ margin: 10px 0;
|
|
|
+ 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 {
|
|
|
+ width: 14%;
|
|
|
+ color: #22C572;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+</style>
|
