12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571 |
- <template>
- <view class="warp">
- <view class="topInfo" v-if='retreatList.inOutType!="退库"'>
- <view class="topInfo-item">
- <view class="flex info">
- <view class="logo">
- <image src="../../../static/img/reject.png" mode=""
- v-if="OutList.taskStatus == '已驳回'||EnterList.taskStatus == '已驳回'" style="height: 40rpx;">
- </image>
- <image src="../../../static/img/tongguo.png" mode=""
- v-else-if="OutList.taskStatus == '已通过'||EnterList.taskStatus == '已通过'||OutList.taskStatus == '执行中'"
- style="height: 40rpx;"></image>
- <image src="../../../static/img/daishenhe.png" mode=""
- v-else-if="OutList.taskStatus == '审核中'||OutList.taskStatus == '待审核'||EnterList.taskStatus == '待审核'"
- style="height: 40rpx;"></image>
- </view>
- <view class="infoText" v-if="OutList.taskStatus">
- {{OutList.approveStatus?OutList.approveStatus:OutList.taskStatus}}
- </view>
- <view class="infoText" v-else>
- {{EnterList.approveStatus?EnterList.approveStatus:EnterList.taskStatus}}
- </view>
- </view>
- <view class="infoData" v-if="OutList.updateDate">{{OutList.updateDate}}</view>
- <view class="infoData" v-else>{{EnterList.updateDate}}</view>
- </view>
- </view>
- <view class="content1">
- <u-form :model="OutList" ref="uForm">
- <u-form-item label="任务类型" prop="inOutType" label-width="140" class="uForm_item">
- <u-input v-model="OutList.inOutType" input-align="right" disabled v-if="OutList.inOutType" />
- <u-input v-model="retreatList.inOutType" input-align="right" disabled
- v-else-if="retreatList.inOutType" />
- <u-input v-model="EnterList.inOutType" input-align="right" disabled v-else />
- </u-form-item>
- <view v-if="retreatList.judge == 3">
-
- <view class="uForm_item">
- <view class="title part2">{{retreatList.inOutType}}</view>
- <view class='row'>
- <view class="left">编号</view>
- <view class="right">退库({{retreatList.inOutTaskNo}}}</view>
- </view>
- <view class='row'>
- <view class="left">仓库</view>
- <view class="right">{{retreatList.warehouseName}}</view>
- </view>
- <view class='row'>
- <view class="left">出库类型</view>
- <view class="right">{{retreatList.inOutType}}</view>
- </view>
- <view class='row' v-if="retreatList.inOutType == '移库出库'">
- <view class="left" style="width: 180rpx;">移库任务编号</view>
- <view class="right">{{retreatList.moveTaskNo}}</view>
- </view>
- <view class='row' v-if="retreatList.inOutType != '移库出库'">
- <view class="left">合同编号</view>
- <view class="right">{{retreatList.contractNo}}</view>
- </view>
- <view class='row'>
- <view class="left">货名</view>
- <view class="right">{{retreatList.goodsName}}</view>
- </view>
- <view class='row'>
- <view class="left">重量(吨)</view>
- <view class="right">{{retreatList.weight}}</view>
- </view>
- <view class='row'>
- <view class="left">预计出库日期</view>
- <view class="right">{{retreatList.predictDate}}</view>
- </view>
-
- {{retreatList.estimatedFreight}}
- <view class='row'>
- <view class="left">收货人</view>
- <view class="right">{{retreatList.agent}}</view>
- </view>
- </view>
- <view class="uForm_item">
- <u-form-item label="品级" prop="grade" label-width="150">
- <u-input v-model="retreatList.grade" input-align="right" placeholder="" @click='show=true'
- disabled />
- <u-picker :range="pjList" range-key="type" @confirm='pjPicker($event)' v-model="show"
- mode="selector">
- </u-picker>
- </u-form-item>
- <u-form-item label="容重(克/升)>=" prop="bulkDensity" label-width="190">
- <u-input v-model="retreatList.bulkDensity" input-align="right" placeholder="" />
- </u-form-item>
- <u-form-item label="水分(%)<=" prop="waterContent" label-width="160">
- <u-input v-model="retreatList.waterContent" input-align="right" placeholder="" />
- </u-form-item>
- <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top">
- <u-input v-model="retreatList.businessDescribe" input-align="left" placeholder="请输入业务描述"
- type="textarea" class="textarea" maxlength="150" disabled />
- </u-form-item>
- <u-form-item v-if='!retreatList.status' label="单价(元/吨)" prop="unitPrice" label-width="160">
- <u-input v-model="retreatList.unitPrice" input-align="right" placeholder="" />
- </u-form-item>
- </view>
- </view>
- <view v-if="OutList.judge == 1">
- <view class="uForm_item">
-
- <view class="title part2">{{OutList.inOutType}}</view>
- <view class='row'>
- <view class="left">编号</view>
- <view class="right">出库({{OutList.inOutTaskNo}})</view>
- </view>
- <view class='row'>
- <view class="left">仓库</view>
- <view class="right">{{OutList.warehouseName}}</view>
- </view>
- <view class='row'>
- <view class="left">出库类型</view>
- <view class="right">{{OutList.inOutType}}</view>
- </view>
- <view class='row' v-if="OutList.inOutType == '移库出库'">
- <view class="left" style="width: 180rpx;">移库任务编号</view>
- <view class="right">{{OutList.moveTaskNo}}</view>
- </view>
- <view class='row' v-if="OutList.inOutType != '移库出库'">
- <view class="left">合同编号</view>
- <view class="right">{{OutList.contractNo}}</view>
- </view>
- <view class='row'>
- <view class="left">货名</view>
- <view class="right">{{OutList.goodsName}}</view>
- </view>
- <view class='row'>
- <view class="left">重量(吨)</view>
- <view class="right">{{OutList.weight}}</view>
- </view>
- <view class='row'>
- <view class="left">预计出库日期</view>
- <view class="right">{{OutList.predictDate}}</view>
- </view>
-
- {{OutList.estimatedFreight}}
- <view class='row'>
- <view class="left">发货人</view>
- <view class="right">{{OutList.agent}}</view>
- </view>
- </view>
- <view class="uForm_item">
- <u-form-item label="品级" prop="grade" label-width="150" v-if="retreatList.inOutType != '退库'">
- <u-input v-model="OutList.grade" input-align="right" placeholder="" @click='show=true'
- disabled />
- <u-picker :range="pjList" range-key="type" @confirm='pjPicker($event)' v-model="show"
- mode="selector"></u-picker>
- </u-form-item>
- <u-form-item label="容重(克/升)>=" prop="bulkDensity" label-width="190"
- v-if="retreatList.inOutType != '退库'">
- <u-input v-model="OutList.bulkDensity" input-align="right" placeholder="" />
- </u-form-item>
- <u-form-item label="水分(%)<=" prop="waterContent" label-width="160"
- v-if="retreatList.inOutType != '退库'">
- <u-input v-model="OutList.waterContent" input-align="right" placeholder="" />
- </u-form-item>
- <u-form-item v-if='!retreatList.status&&retreatList.inOutType != "退库"' label="单价(元/吨)"
- prop="unitPrice" label-width="160">
- <u-input v-model="OutList.unitPrice" input-align="right" placeholder="" disabled />
- </u-form-item>
- <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top"
- v-if="OutList.inOutType != '移库出库'">
- <u-input v-model="OutList.businessDescribe" input-align="left" placeholder="请输入业务描述"
- type="textarea" class="textarea" maxlength="150" />
- </u-form-item>
- <u-form-item v-if="retreatList.inOutType!='退库'" label="仓位号(选填)" prop="binNumber"
- label-width="170">
- <u-input v-model="OutList.binNumber" input-align="right" placeholder="未指定" />
- </u-form-item>
- </view>
- </view>
- <view v-if="EnterList.judge == 2">
- <view class="uForm_item">
-
- <view class="title part2">{{EnterList.inOutType}}</view>
- <view class='row'>
- <view class="left">编号</view>
- <view class="right">入库({{EnterList.inOutTaskNo}})</view>
- </view>
- <view class='row'>
- <view class="left">仓库</view>
- <view class="right">{{EnterList.warehouseName}}</view>
- </view>
- <view class='row'>
- <view class="left">入库类型</view>
- <view class="right">{{EnterList.inOutType}}</view>
- </view>
- <view class='row' v-if="EnterList.inOutType == '移库入库'">
- <view class="left" style="width: 180rpx;">移库任务编号</view>
- <view class="right">{{EnterList.moveTaskNo}}</view>
- </view>
- <view class='row' v-if="EnterList.inOutType != '移库入库'">
- <view class="left">合同编号</view>
- <view class="right">{{EnterList.contractNo}}</view>
- </view>
- <view class='row'>
- <view class="left">货名</view>
- <view class="right">{{EnterList.goodsName}}</view>
- </view>
- <view class='row'>
- <view class="left">重量(吨)</view>
- <view class="right">{{EnterList.weight}}</view>
- </view>
- <view class='row'>
- <view class="left">预计入库日期</view>
- <view class="right">{{EnterList.predictDate}}</view>
- </view>
-
- {{EnterList.estimatedFreight}}
- <view class='row'>
- <view class="left">收货人</view>
- <view class="right">{{EnterList.agent}}</view>
- </view>
- </view>
- <view class="uForm_item">
- <u-form-item label="品级" prop="grade" label-width="150" v-if="EnterList.inOutType != '移库入库' ">
- <u-input v-model="EnterList.grade" input-align="right" placeholder="请选择品级"
- @click='show=true' disabled />
- <u-picker :range="pjList" range-key="type" @confirm='pjPicker1($event)' v-model="show"
- mode="selector">
- </u-picker>
- </u-form-item>
- <u-form-item label="容重(克/升)>=" prop="bulkDensity" label-width="190"
- v-if="EnterList.inOutType != '移库入库'">
- <u-input v-model="EnterList.bulkDensity" input-align="right" placeholder="请输入容重占比" />
- </u-form-item>
- <u-form-item label="水分(%)<=" prop="waterContent" label-width="160"
- v-if="EnterList.inOutType != '移库入库'">
- <u-input v-model="EnterList.waterContent" input-align="right" placeholder="请输入水分占比" />
- </u-form-item>
- <u-form-item v-if='!EnterList.status&&EnterList.inOutType != "移库入库"' label="单价(元/吨)"
- prop="unitPrice" label-width="160">
- <u-input v-model="EnterList.unitPrice" input-align="right" placeholder="请输入单价" />
- </u-form-item>
- <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top">
- <u-input v-model="EnterList.businessDescribe" input-align="left" placeholder="请输入业务描述"
- type="textarea" class="textarea" maxlength="150" />
- </u-form-item>
- <u-form-item v-if="OutList.inOutType!='退库'" label="仓位号(选填)" prop="binNumber" label-width="170">
- <u-input v-model="EnterList.binNumber" input-align="right" placeholder="未指定" />
- </u-form-item>
- </view>
- </view>
- <view class="content2">
- <view class="title row">
- 流程
- </view>
- <view v-for="(item,index) in auditList" :key='index' class="audit">
- <view class="row" v-if='item.desc!="_PLACEHOLDER_"'>
- <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 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="right">
- <view class="right-item">
- <view class="item2">
- <view class="name">{{item.desc}}
- </view>
- {{item.updateDate}}
- <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>
- <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 class="flex audit_img">
- <view v-for="(items,indexs) in item.fileUrl" class="url_css">
- <image :src="items" mode="aspectFill" class="url_img" @click="openDocument(items)">
- </image>
- </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>
- </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" :style='[{"height":item.auditMind?"80px":"40px"}]'
- v-if="index!= auditList.length - 1&&item.desc!='_PLACEHOLDER_'"></view>
- </view>
- </view>
- </u-form>
- </view>
- <view v-if='show1' 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="content">
- <view class="u-textarea-style">
- <view class="right-bottom">
- {{auditMind.length}}/1000个字
- </view>
- <u-input class="" v-model='auditMind' placeholder="请在此输入审核意见" type="textarea" height="250"
- maxlength="1000" />
- </view>
- <view class="upload_css">
- 上传附件
-
- <u-upload :custom-btn='true' class="upload" ref="upload" name='fileName' :form-data="{companyId: pcUserInfo.compId,
- modelId: '',
- vesselId: ''}" :action="action" :show-tips="false" :max-size="maxSize" :max-count="9"
- :size-type="['compressed']" @on-success="getImgUrl($event)" @on-error="onError"
- @on-remove="onRemove" @on-uploaded="isAdd = true" :limitType ="['png', 'jpg', 'jpeg', 'webp', 'gif']"
- @on-progress="onProgress">
- <view slot="addBtn" class="slot-btn u-list-item" hover-class="slot-btn__hover" hover-stay-time="150">
- <image style="width:23px;height:23px;" src="../../../static/img/liangmai/xiangji-2.png" mode=""></image>
- <view>选择图片</view>
- </view>
- </u-upload>
- </view>
- </view>
- <view class="audit_btn">
- <view @click='close()' class="cancel">取消</view>
- <view @click='passSubmit()' class="confirm">确定</view>
- </view>
- </view>
- </view>
- <u-toast ref="uToast" />
- <view style='padding:10px;' class='flex bottom-btn'>
- <u-button @click='reject' type="error" class="btn1" hover-class='none'>驳回</u-button>
- <u-button @click='pass' type="success" class="btn2">通过</u-button>
- </view>
- </view>
- </template>
- <script>
- import helper from '@/common/helper.js';
- import upload from '@/components/upload.vue';
- import {
- mapState
- } from 'vuex';
- export default {
- components: {
- upload,
- },
- data() {
- return {
- everyCheck: '',
- height: 200,
- autoHeight: true,
- border: false,
- id: "",
- OutList: {},
- EnterList: {},
- retreatList: {},
- type: '移库',
- show: false,
- show1: false,
- auditList: [],
- list: {},
- auditMind: '',
- pjList: [{
- type: '一等品'
- },
- {
- type: '二等品'
- },
- {
- type: '三等品'
- },
- {
- type: '等外'
- }
- ],
- count: 0,
-
- action: this.$uploadUrl,
-
- pcUserInfo :uni.getStorageSync('pcUserInfo'),
- maxSize: 50 * 1024 * 1024,
- isAdd: true,
- fileUrl: []
- }
- },
-
-
-
- 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.count = 0
- this.getList()
- },
- onShow() {
- },
- computed: {
- ...mapState(['hasLogin', 'userInfo']),
- },
- methods: {
- openDocument(src) {
- uni.downloadFile({
- url: src,
- success: function(res) {
- var filePath = res.tempFilePath;
- uni.openDocument({
- filePath: filePath,
- showMenu: true,
- success: function(res) {
- console.log('打开文档成功');
- }
- });
- }
- });
- },
- getImgUrl(res) {
- console.log(res)
- this.fileUrl.push(res.data.appendixPath)
- },
- onError(error) {
- alert(error)
- console.log('------------error-----------')
- console.log(error)
- },
- onProgress(e) {
- console.log(e)
- },
- onRemove(index) {
- this.fileUrl.splice(index, 1)
- },
- showcontent(item) {
- item.showflow = !item.showflow
- },
- filterFileType(index, lists) {
- if (lists[index].fileType != 'jpg' && lists[index].fileType != 'png' && lists[index].fileType != 'gif') {
- lists.splice(index, 1);
-
- uni.showModal({
- title: '暂不支持当前图片类型',
- showCancel: false
- });
- } else {
- this.isAdd = false;
- }
- },
- getList() {
- var that = this
- uni.showLoading({
- title: '加载中',
- mask: true,
- })
- this.$api.doRequest('get', '/inOutWarehouseTask/getTask', {
- id: this.id
- }).then(res => {
- if (res.data.code == 200) {
- this.list = res.data.data
- this.$api.doRequest('get', '/inOutWarehouseTask/getInOutWarehouseTask', {
- relevanceId: res.data.data.relevanceId
- }).then(res => {
- if (res.data.code == 200) {
- this.$api.doRequest('get', '/warehouseBaseInfo/selectContractNoList', {
- compId: uni.getStorageSync('pcUserInfo').compId
- }).then(res1 => {
- for (let i = 0; i < res.data.data.length; i++) {
- if (res.data.data[i].inOutType == "移库出库" || res.data.data[
- i]
- .inOutType == "贸易服务出库" || res.data.data[i].inOutType ==
- "销售出库" ||
- res.data.data[i].inOutType == "暂存出库") {
- this.OutList = res.data.data[i]
- this.OutList.judge = 1
- } else if (res.data.data[i].inOutType == "移库入库" || res.data
- .data[i]
- .inOutType == "暂存入库" || res.data.data[i]
- .inOutType == "收购入库" || res
- .data.data[i].inOutType == "采购入库" || res.data.data[i]
- .inOutType ==
- "贸易服务入库") {
- this.EnterList = res.data.data[i]
- this.EnterList.judge = 2
- } else if (res.data.data[i].inOutType == "退库") {
- this.retreatList = res.data.data[i]
- this.retreatList.judge = 3
- }
- }
- for (let i = 0; i < res1.data.data.length; i++) {
- if (res1.data.data[i].contractNo == this.EnterList
- .contractNo) {
- if (res1.data.data[i].priceType == '随行就市') {
- this.EnterList.status = true
- } else {
- this.EnterList.status = false
- }
- }
- if (res1.data.data[i].contractNo == this.retreatList
- .contractNo) {
- if (res1.data.data[i].priceType == '随行就市') {
- this.retreatList.status = true
- } else {
- this.retreatList.status = false
- }
- }
- }
- })
- }
-
- this.$api.doRequest('get', '/workflow/query/workflowDefinitions', {
- businessCode: 'INOUTTASK-TASK-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.jointVentureParties ? that.list
- .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) {
-
- 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')
- // 显示附件和审核意见
- if (response.data.data[i].workflowHistoricTasks[len].auditMind && response.data.data[i].workflowHistoricTasks[len].auditMind.indexOf("##") !=-1) {
- response.data.data[i].auditMind = response.data.data[i].workflowHistoricTasks[len].auditMind.split("##")[0]
- response.data.data[i].fileUrl = response.data.data[i].workflowHistoricTasks[len].auditMind.split("##")[1].split(",")
- }else{
- 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)
- this.auditList = response.data.data
- 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'
- })
- })
- })
- })
- }
- })
- },
- pjPicker(e) {
- this.OutList.grade = this.pjList[e[0]].type
- this.OutList.gradeKey = e[0] + 1
- },
- pjPicker1(e) {
- this.EnterList.grade = this.pjList[e[0]].type
- this.EnterList.gradeKey = e[0] + 1
- },
- close() {
- this.show1 = false
- },
- pass() {
- this.show1 = true
- this.title = '审核意见(通过)'
- },
- reject() {
- this.show1 = true
- this.title = '驳回原因(驳回)'
- },
- passSubmit() {
- var that = this
- if (this.title == '驳回原因(驳回)') {
- this.rejectSubmit()
- } else {
- let that = this
- that.show = false
- uni.showModal({
- content: "是否确定通过?",
- showCancel: true,
- confirmText: '确定',
- success: function(res) {
- if (res.confirm) {
- uni.showLoading({
- title: "审核中",
- mask:true
- })
- console.log(that.OutList,that.EnterList)
- that.OutList.inOutFlag = 1
- that.EnterList.inOutFlag = 2
- if (that.OutList.taskTypeKey == 1) {
- that.requestadd(that.OutList)
- } else if (that.EnterList.taskTypeKey == 2) {
- that.requestadd(that.EnterList)
- } else if (
- that.OutList.taskTypeKey == 3 ||
- that.OutList.taskTypeKey == 4
- ) {
- that.requestadd(that.OutList, 'repetition')
- if (!that.deletetask) {
- that.requestadd(that.EnterList, 'repetition')
- }
- }
- if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey == 2) {
- that.requestadd(that.retreatList)
- } else if (that.retreatList.taskTypeKey == 3 || that.retreatList.taskTypeKey ==
- 4) {
- that.requestadd(that.retreatList, 'repetition')
- }
- }
- }
- })
- }
- },
- rejectSubmit() {
-
-
- if (!this.auditMind) {
- this.$api.msg('驳回原因不能为空!')
- } else {
- this.show = false
- let that = this
- uni.showModal({
- content: "是否确定驳回?",
- showCancel: true,
- confirmText: '确定',
- success: function(res) {
- if (res.confirm) {
- uni.showLoading({
- title: "审核中",
- mask:true
- })
- if (that.OutList.taskTypeKey == 1) {
- that.requestaudit(that.OutList)
- } else if (that.OutList.taskTypeKey == 2) {
- that.requestaudit(that.OutList)
- } else if (
- that.OutList.taskTypeKey == 3 ||
- that.OutList.taskTypeKey == 4
- ) {
- that.requestaudit(that.OutList, 'repetition')
- if (!that.deletetask) {
- that.requestaudit(that.OutList, 'repetition')
- }
- }
- if (that.EnterList.taskTypeKey) {
- if (that.EnterList.taskTypeKey == 1 || that.EnterList.taskTypeKey == 2) {
- that.requestaudit(that.EnterList)
- } else if (that.EnterList.taskTypeKey == 3 || that.EnterList.taskTypeKey ==
- 4) {
- that.requestaudit(that.EnterList, 'repetition')
- }
- }
- if (that.retreatList.taskTypeKey) {
- if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey ==
- 2) {
- that.requestaudit(that.retreatList)
- } else if (that.retreatList.taskTypeKey == 3 || that.retreatList
- .taskTypeKey == 4) {
- that.requestaudit(that.retreatList, 'repetition')
- }
- }
- }
- }
- })
- }
- },
- requestadd(list, status) {
- let that = this
- uni.getStorage({
- key: 'pcUserInfo',
- success(e) {
- list.compId = e.data.compId
- that.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(
- res => {
- if (res.data.code == 200) {
- var info = that.auditMind
- if (that.fileUrl.length > 0) {
- info = that.auditMind + "##" + that.fileUrl.toString()
- }
- that.$api.doRequest('post', '/newWorkflow/api/handle', {
- taskId: list.taskId,
- approved: true,
- auditMind: info ? info : "",
- needReapply: false
- }).then(res => {
- if (res.data.code == 200) {
-
- that.$api.msg('审核成功!')
- that.count++
- if (that.everyCheck) {
- helper.setAudit(that.list)
- }
- } else {
- that.show1=true
- that.$api.msg('审核失败!')
- }
- if (list.taskTypeKey == '3' || list.taskTypeKey == '4') {
- if (that.count == 2) {
- setTimeout(function() {
- uni.hideLoading()
- uni.navigateBack()
- }, 1000);
- }
- } else {
- setTimeout(function() {
- uni.hideLoading()
- uni.navigateBack()
- }, 1000);
- }
- }).catch(res => {
- uni.hideLoading()
- if (res.message) {
- uni.showToast({
- title: res.message,
- icon: 'none',
- duration: 2000
- })
- } else {
- uni.showToast({
- title: "系统异常,请联系管理员",
- icon: 'none',
- duration: 2000
- })
- }
- })
- } else {
- that.$api.msg('审核失败!')
- }
- }).catch(res => {
- uni.hideLoading()
- if (res.message) {
- uni.showToast({
- title: res.message,
- icon: 'none',
- duration: 2000
- })
- } else {
- uni.showToast({
- title: "系统异常,请联系管理员",
- icon: 'none',
- duration: 2000
- })
- }
- })
- }
- })
-
- },
- requestaudit(list, status) {
- let pcUserInfo = uni.getStorageSync('pcUserInfo')
- if(pcUserInfo){
- list.compId = pcUserInfo.compId
- }
- else{
- list.compId = '2710b21efc1e4393930c5dc800010dc4'
- }
-
- this.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(res => {
- if (res.data.code == 200) {
- var info = this.auditMind
- if (this.fileUrl.length > 0) {
- info = this.auditMind + "##" + this.fileUrl.toString()
- }
- this.$api.doRequest('post', '/newWorkflow/api/handle', {
- taskId: list.taskId,
- approved: false,
- auditMind: info ? info : "",
- needReapply: true
- }).then(res => {
- if (res.data.code == 200) {
- this.$api.msg('驳回成功!')
- this.count++
- if (this.everyCheck) {
- helper.setAudit(this.list)
- }
- uni.hideLoading()
- if (list.taskTypeKey == '3' || list.taskTypeKey == '4') {
- if (this.count == 2) {
- setTimeout(function() {
- uni.hideLoading()
- uni.navigateBack()
- }, 1000);
- }
- } else {
- setTimeout(function() {
- uni.hideLoading()
- uni.navigateBack()
- }, 1000);
- }
- } else {
- this.$api.msg('驳回失败!')
- }
- })
- }
- })
- },
- check() {
-
- if (this.OutList.taskTypeKey == 1 || this.OutList.taskTypeKey == 3) {
- if (!this.OutList.grade) {
- this.$api.msg('品级不能为空')
- return
- }
- if (!this.OutList.bulkDensity) {
- this.$api.msg('容重不能为空')
- return
- }
- if (this.OutList.bulkDensity < 500 || this.OutList.bulkDensity > 1000) {
- this.$api.msg('容重输入错误')
- return
- }
- if (String(this.OutList.bulkDensity).indexOf('.') != -1 && String(this.OutList.bulkDensity).length - (
- String(this.OutList.bulkDensity).indexOf('.') + 1) > 0) {
- this.$api.msg('容重输入错误')
- return
- }
- if (!this.OutList.waterContent) {
- this.$api.msg('水分不能为空')
- return
- }
- if (isNaN(this.OutList.waterContent) ||
- (String(this.OutList.waterContent).indexOf('.') != -1 &&
- String(this.OutList.waterContent).length -
- (String(this.OutList.waterContent).indexOf('.') + 1) >
- 2) ||
- this.OutList.waterContent < 1 ||
- this.OutList.waterContent > 40
- ) {
- this.$api.msg('水分输入错误!')
- return
- }
- if (!this.OutList.unitPrice) {
- this.$api.msg('单价不能为空')
- return
- }
- if (isNaN(this.OutList.unitPrice) ||
- (String(this.OutList.unitPrice).indexOf('.') != -1 &&
- String(this.OutList.unitPrice).length -
- (String(this.OutList.unitPrice).indexOf('.') + 1) >
- 2) ||
- this.OutList.unitPrice < 1 ||
- this.OutList.unitPrice > 10000
- ) {
- this.$api.msg('单价输入错误!')
- return
- }
- }
- if (this.OutList.taskTypeKey == 1) {
- if (!this.OutList.businessDescribe) {
- this.$api.msg('业务描述不能为空')
- return
- }
- if (this.OutList.businessDescribe.length > 150) {
- this.$api.msg('业务描述长度错误')
- return
- }
- }
- if (this.EnterList.taskTypeKey == 2 && this.EnterList.judge) {
- if (!this.EnterList.grade) {
- this.$api.msg('品级不能为空')
- return
- }
- if (!this.EnterList.bulkDensity) {
- this.$api.msg('容重不能为空')
- return
- }
- if (this.EnterList.bulkDensity < 500 || this.EnterList.bulkDensity > 1000) {
- this.$api.msg('容重输入错误')
- return
- }
- if (String(this.EnterList.bulkDensity).indexOf('.') != -1 && String(this.EnterList.bulkDensity)
- .length - (
- String(this.EnterList.bulkDensity).indexOf('.') + 1) > 0) {
- this.$api.msg('容重输入错误')
- return
- }
- if (!this.EnterList.waterContent) {
- this.$api.msg('水分不能为空')
- return
- }
- if (isNaN(this.EnterList.waterContent) ||
- (String(this.EnterList.waterContent).indexOf('.') != -1 &&
- String(this.EnterList.waterContent).length -
- (String(this.EnterList.waterContent).indexOf('.') + 1) >
- 2) ||
- this.EnterList.waterContent < 1 ||
- this.EnterList.waterContent > 40
- ) {
- this.$api.msg('水分输入错误!')
- return
- }
- if (!this.EnterList.unitPrice) {
- this.$api.msg('单价不能为空')
- return
- }
- if (isNaN(this.EnterList.unitPrice) ||
- (String(this.EnterList.unitPrice).indexOf('.') != -1 &&
- String(this.EnterList.unitPrice).length -
- (String(this.EnterList.unitPrice).indexOf('.') + 1) >
- 2) ||
- this.EnterList.unitPrice < 1 ||
- this.EnterList.unitPrice > 10000
- ) {
- this.$api.msg('单价输入错误!')
- return
- }
- if (!this.EnterList.businessDescribe) {
- this.$api.msg('业务描述不能为空')
- return
- }
- if (this.EnterList.businessDescribe.length > 150) {
- this.$api.msg('业务描述长度错误')
- return
- }
- }
- if (this.OutList.taskTypeKey == 3) {
- if (!this.EnterList.businessDescribe) {
- this.$api.msg('业务描述不能为空')
- return
- }
- if (this.EnterList.businessDescribe.length > 150) {
- this.$api.msg('业务描述长度错误')
- return
- }
- }
- if (this.retreatList.taskTypeKey == 4 && this.retreatList.judge) {
- if (!this.retreatList.grade) {
- this.$api.msg('品级不能为空')
- return
- }
- if (!this.retreatList.bulkDensity) {
- this.$api.msg('容重不能为空')
- return
- }
- if (this.retreatList.bulkDensity < 500 || this.retreatList.bulkDensity > 1000) {
- this.$api.msg('容重输入错误')
- return
- }
- if (String(this.retreatList.bulkDensity).indexOf('.') != -1 && String(this.retreatList.bulkDensity)
- .length - (
- String(this.retreatList.bulkDensity).indexOf('.') + 1) > 0) {
- this.$api.msg('容重输入错误')
- return
- }
- if (!this.retreatList.waterContent) {
- this.$api.msg('水分不能为空')
- return
- }
- if (isNaN(this.retreatList.waterContent) ||
- (String(this.retreatList.waterContent).indexOf('.') != -1 &&
- String(this.retreatList.waterContent).length -
- (String(this.retreatList.waterContent).indexOf('.') + 1) >
- 2) ||
- this.retreatList.waterContent < 1 ||
- this.retreatList.waterContent > 40
- ) {
- this.$api.msg('水分输入错误!')
- return
- }
- if (!this.retreatList.unitPrice) {
- this.$api.msg('单价不能为空')
- return
- }
- if (isNaN(this.retreatList.unitPrice) ||
- (String(this.retreatList.unitPrice).indexOf('.') != -1 &&
- String(this.retreatList.unitPrice).length -
- (String(this.retreatList.unitPrice).indexOf('.') + 1) >
- 2) ||
- this.retreatList.unitPrice < 1 ||
- this.retreatList.unitPrice > 10000
- ) {
- this.$api.msg('单价输入错误!')
- return
- }
- if (!this.EnterList.businessDescribe) {
- this.$api.msg('业务描述不能为空')
- return
- }
- if (this.EnterList.businessDescribe.length > 150) {
- this.$api.msg('业务描述长度错误')
- return
- }
- }
- }
- }
- }
- </script>
- <style scoped lang="scss">
- .content1 {
- margin: 10rpx;
- padding-bottom: 224rpx;
- .title {
- height: 70rpx;
- line-height: 60rpx;
- font-size: 32rpx;
- font-weight: 600;
- color: #333333;
- border-bottom: 2rpx solid #EEEEEE;
- }
- }
- .uForm {
- padding: 0 40rpx;
- }
- .u-form-item {
- padding: 0;
- }
- .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: 50%;
- background: #22C572;
- border-radius: 10rpx;
- }
- .part2 {
- margin-top: 20rpx;
- }
- .textarea {
- border: 1px solid #ccc;
- border-radius: 10rpx;
- background-color: #F9F9FA;
- height: 100px;
- }
- .row {
- display: flex;
- justify-content: space-between;
- // border-bottom: 1px solid #EEEEEE;
- padding: 21rpx 0;
- .right,
- input {
- font-size: 28rpx;
- color: #333333;
- }
- }
- //弹出框
- // .popup {
- // padding: 30rpx;
- // border-radius: 20rpx;
- // }
- // .rejectInfoCss {
- // border: 1px solid #ccc;
- // border-radius: 10rpx;
- // background-color: #F9F9FA;
- // margin: 30rpx;
- // overflow-y: auto;
- // // height: 300rpx;
- // background: red;
- // }
- .uForm_item {
- padding: 20rpx;
- background-color: #FFFFFF;
- margin: 20rpx;
- border-radius: 20rpx;
- }
- .rejectText {
- text-align: center;
- }
- .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;
- overflow-y: scroll;
-
- .wrap {
- position: absolute;
- left: 0;
- top: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- background: #fff;
- width: calc(100% - 198rpx);
- height: 798rpx;
-
- // overflow: hidden;
- 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;
- }
- .content{
- height:600rpx;
- overflow-y: scroll;
- }
- .upload_css {
- margin:0 0 16rpx 20rpx;
-
- .upload {
- // width: 80px;
- // height: 80px;
- }
- }
- }
- }
-
- .audit_btn {
- display: flex;
- top: 0px;
- }
-
- .cancel,
- .confirm {
- // position: absolute;
- // display: inline-block;
- width: 50%;
- text-align: center;
- // bottom: 0;
- padding: 10px;
- border-top: 1px solid #eee;
- font-size: 34rpx;
- margin: auto;
- }
-
- .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;
- overflow-y: scroll;
- .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;
- .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;
- }
- }
- }
- .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;
- }
- }
- }
- .audit_img {
- flex-wrap: wrap;
- .url_css {
- // border: 1px solid #999999;
- border-radius: 10px;
- margin-top: 10px;
- margin-right: 10px;
- .url_img {
- width: 66px;
- height: 66px;
- border-radius: 10px;
- }
- }
- }
- }
- }
- .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;
- }
- }
- /deep/.u-upload .u-list-item{
- background:#fff;
- border:1px dashed #ccc;
- border-radius:10rpx;
- height:190rpx !important;
- width:190rpx !important;
- margin:10rpx;
- text-align:center;
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- }
- </style>
|