Issueandreceipt_task_approval.vue 41 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331
  1. <template>
  2. <view class="warp">
  3. <view class="topInfo" v-if='retreatList.inOutType!="退库"'>
  4. <view class="topInfo-item">
  5. <view class="flex info">
  6. <view class="logo">
  7. <image src="../../../static/img/reject.png" mode=""
  8. v-if="OutList.taskStatus == '已驳回'||EnterList.taskStatus == '已驳回'" style="height: 40rpx;">
  9. </image><!-- 驳回 -->
  10. <image src="../../../static/img/tongguo.png" mode=""
  11. v-else-if="OutList.taskStatus == '已通过'||EnterList.taskStatus == '已通过'||OutList.taskStatus == '执行中'"
  12. style="height: 40rpx;"></image><!-- 通过 -->
  13. <image src="../../../static/img/daishenhe.png" mode=""
  14. v-else-if="OutList.taskStatus == '审核中'||OutList.taskStatus == '待审核'||EnterList.taskStatus == '待审核'"
  15. style="height: 40rpx;"></image><!-- 待审核 -->
  16. </view>
  17. <view class="infoText" v-if="OutList.taskStatus">{{OutList.approveStatus?OutList.approveStatus:OutList.taskStatus}}</view>
  18. <view class="infoText" v-else>{{EnterList.approveStatus?EnterList.approveStatus:EnterList.taskStatus}}</view>
  19. </view>
  20. <view class="infoData" v-if="OutList.updateDate">{{OutList.updateDate}}</view>
  21. <view class="infoData" v-else>{{EnterList.updateDate}}</view>
  22. </view>
  23. </view>
  24. <view class="content1">
  25. <u-form :model="OutList" ref="uForm">
  26. <u-form-item label="任务类型" prop="inOutType" label-width="140" class="uForm_item">
  27. <u-input v-model="OutList.inOutType" input-align="right" disabled v-if="OutList.inOutType" />
  28. <u-input v-model="retreatList.inOutType" input-align="right" disabled v-else-if="retreatList.inOutType" />
  29. <u-input v-model="EnterList.inOutType" input-align="right" disabled v-else />
  30. </u-form-item>
  31. <view v-if="retreatList.judge == 3">
  32. <!-- 退库 -->
  33. <view class="uForm_item">
  34. <view class="title part2">{{retreatList.inOutType}}</view>
  35. <view class='row'>
  36. <view class="left">编号</view>
  37. <view class="right">退库({{retreatList.inOutTaskNo}}}</view>
  38. </view>
  39. <view class='row'>
  40. <view class="left">仓库</view>
  41. <view class="right">{{retreatList.warehouseName}}</view>
  42. </view>
  43. <view class='row'>
  44. <view class="left">出库类型</view>
  45. <view class="right">{{retreatList.inOutType}}</view>
  46. </view>
  47. <view class='row' v-if="retreatList.inOutType == '移库出库'">
  48. <view class="left" style="width: 180rpx;">移库任务编号</view>
  49. <view class="right">{{retreatList.moveTaskNo}}</view>
  50. </view>
  51. <view class='row' v-if="retreatList.inOutType != '移库出库'">
  52. <view class="left">合同编号</view>
  53. <view class="right">{{retreatList.contractNo}}</view>
  54. </view>
  55. <view class='row'>
  56. <view class="left">货名</view>
  57. <view class="right">{{retreatList.goodsName}}</view>
  58. </view>
  59. <view class='row'>
  60. <view class="left">重量(吨)</view>
  61. <view class="right">{{retreatList.weight}}</view>
  62. </view>
  63. <view class='row'>
  64. <view class="left">预计出库日期</view>
  65. <view class="right">{{retreatList.predictDate}}</view>
  66. </view>
  67. <!-- <view class='row'>
  68. <view class="left">预估运费(元/吨)</view>
  69. <view class="right">{{retreatList.estimatedFreight}}</view>
  70. </view> -->
  71. <view class='row'>
  72. <view class="left">收货人</view>
  73. <view class="right">{{retreatList.agent}}</view>
  74. </view>
  75. </view>
  76. <view class="uForm_item">
  77. <u-form-item label="品级" prop="grade" label-width="150">
  78. <u-input v-model="retreatList.grade" input-align="right" placeholder="" @click='show=true'
  79. disabled />
  80. <u-picker :range="pjList" range-key="type" @confirm='pjPicker($event)' v-model="show"
  81. mode="selector">
  82. </u-picker>
  83. </u-form-item>
  84. <u-form-item label="容重(克/升)>=" prop="bulkDensity" label-width="190">
  85. <u-input v-model="retreatList.bulkDensity" input-align="right" placeholder="" />
  86. </u-form-item>
  87. <u-form-item label="水分(%)<=" prop="waterContent" label-width="160">
  88. <u-input v-model="retreatList.waterContent" input-align="right" placeholder="" />
  89. </u-form-item>
  90. <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top">
  91. <u-input v-model="retreatList.businessDescribe" input-align="left" placeholder="请输入业务描述"
  92. type="textarea" class="textarea" maxlength="150" disabled />
  93. </u-form-item>
  94. <u-form-item v-if='!retreatList.status' label="单价(元/吨)" prop="unitPrice" label-width="160">
  95. <u-input v-model="retreatList.unitPrice" input-align="right" placeholder="" />
  96. </u-form-item>
  97. </view>
  98. </view>
  99. <view v-if="OutList.judge == 1">
  100. <view class="uForm_item">
  101. <!-- 出库 -->
  102. <view class="title part2">{{OutList.inOutType}}</view>
  103. <view class='row'>
  104. <view class="left">编号</view>
  105. <view class="right">出库({{OutList.inOutTaskNo}})</view>
  106. </view>
  107. <view class='row'>
  108. <view class="left">仓库</view>
  109. <view class="right">{{OutList.warehouseName}}</view>
  110. </view>
  111. <view class='row'>
  112. <view class="left">出库类型</view>
  113. <view class="right">{{OutList.inOutType}}</view>
  114. </view>
  115. <view class='row' v-if="OutList.inOutType == '移库出库'">
  116. <view class="left" style="width: 180rpx;">移库任务编号</view>
  117. <view class="right">{{OutList.moveTaskNo}}</view>
  118. </view>
  119. <view class='row' v-if="OutList.inOutType != '移库出库'">
  120. <view class="left">合同编号</view>
  121. <view class="right">{{OutList.contractNo}}</view>
  122. </view>
  123. <view class='row'>
  124. <view class="left">货名</view>
  125. <view class="right">{{OutList.goodsName}}</view>
  126. </view>
  127. <view class='row'>
  128. <view class="left">重量(吨)</view>
  129. <view class="right">{{OutList.weight}}</view>
  130. </view>
  131. <view class='row'>
  132. <view class="left">预计出库日期</view>
  133. <view class="right">{{OutList.predictDate}}</view>
  134. </view>
  135. <!-- <view class='row'>
  136. <view class="left">预估运费(元/吨)</view>
  137. <view class="right">{{OutList.estimatedFreight}}</view>
  138. </view> -->
  139. <view class='row'>
  140. <view class="left">发货人</view>
  141. <view class="right">{{OutList.agent}}</view>
  142. </view>
  143. </view>
  144. <view class="uForm_item">
  145. <u-form-item label="品级" prop="grade" label-width="150" v-if="retreatList.inOutType != '退库'">
  146. <u-input v-model="OutList.grade" input-align="right" placeholder="" @click='show=true'
  147. disabled />
  148. <u-picker :range="pjList" range-key="type" @confirm='pjPicker($event)' v-model="show"
  149. mode="selector"></u-picker>
  150. </u-form-item>
  151. <u-form-item label="容重(克/升)>=" prop="bulkDensity" label-width="190"
  152. v-if="retreatList.inOutType != '退库'">
  153. <u-input v-model="OutList.bulkDensity" input-align="right" placeholder="" />
  154. </u-form-item>
  155. <u-form-item label="水分(%)<=" prop="waterContent" label-width="160"
  156. v-if="retreatList.inOutType != '退库'">
  157. <u-input v-model="OutList.waterContent" input-align="right" placeholder="" />
  158. </u-form-item>
  159. <u-form-item v-if='!retreatList.status&&retreatList.inOutType != "退库"' label="单价(元/吨)" prop="unitPrice" label-width="160">
  160. <u-input v-model="OutList.unitPrice" input-align="right" placeholder="" />
  161. </u-form-item>
  162. <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top"
  163. v-if="OutList.inOutType != '移库出库'">
  164. <u-input v-model="OutList.businessDescribe" input-align="left" placeholder="请输入业务描述"
  165. type="textarea" class="textarea" maxlength="150" />
  166. </u-form-item>
  167. <u-form-item v-if="retreatList.inOutType!='退库'" label="仓位号(选填)" prop="binNumber"
  168. label-width="170">
  169. <u-input v-model="OutList.binNumber" input-align="right" placeholder="未指定" />
  170. </u-form-item>
  171. </view>
  172. </view>
  173. <view v-if="EnterList.judge == 2">
  174. <view class="uForm_item">
  175. <!-- 入库 -->
  176. <view class="title part2">{{EnterList.inOutType}}</view>
  177. <view class='row'>
  178. <view class="left">编号</view>
  179. <view class="right">入库({{EnterList.inOutTaskNo}})</view>
  180. </view>
  181. <view class='row'>
  182. <view class="left">仓库</view>
  183. <view class="right">{{EnterList.warehouseName}}</view>
  184. </view>
  185. <view class='row'>
  186. <view class="left">入库类型</view>
  187. <view class="right">{{EnterList.inOutType}}</view>
  188. </view>
  189. <view class='row' v-if="EnterList.inOutType == '移库入库'">
  190. <view class="left" style="width: 180rpx;">移库任务编号</view>
  191. <view class="right">{{EnterList.moveTaskNo}}</view>
  192. </view>
  193. <view class='row' v-if="EnterList.inOutType != '移库入库'">
  194. <view class="left">合同编号</view>
  195. <view class="right">{{EnterList.contractNo}}</view>
  196. </view>
  197. <view class='row'>
  198. <view class="left">货名</view>
  199. <view class="right">{{EnterList.goodsName}}</view>
  200. </view>
  201. <view class='row'>
  202. <view class="left">重量(吨)</view>
  203. <view class="right">{{EnterList.weight}}</view>
  204. </view>
  205. <view class='row'>
  206. <view class="left">预计入库日期</view>
  207. <view class="right">{{EnterList.predictDate}}</view>
  208. </view>
  209. <!-- <view class='row'>
  210. <view class="left">预估运费(元/吨)</view>
  211. <view class="right">{{EnterList.estimatedFreight}}</view>
  212. </view> -->
  213. <view class='row'>
  214. <view class="left">收货人</view>
  215. <view class="right">{{EnterList.agent}}</view>
  216. </view>
  217. </view>
  218. <view class="uForm_item">
  219. <u-form-item label="品级" prop="grade" label-width="150" v-if="EnterList.inOutType != '移库入库' ">
  220. <u-input v-model="EnterList.grade" input-align="right" placeholder="请选择品级"
  221. @click='show=true' disabled />
  222. <u-picker :range="pjList" range-key="type" @confirm='pjPicker1($event)' v-model="show"
  223. mode="selector">
  224. </u-picker>
  225. </u-form-item>
  226. <u-form-item label="容重(克/升)>=" prop="bulkDensity" label-width="190"
  227. v-if="EnterList.inOutType != '移库入库'">
  228. <u-input v-model="EnterList.bulkDensity" input-align="right" placeholder="请输入容重占比" />
  229. </u-form-item>
  230. <u-form-item label="水分(%)<=" prop="waterContent" label-width="160"
  231. v-if="EnterList.inOutType != '移库入库'">
  232. <u-input v-model="EnterList.waterContent" input-align="right" placeholder="请输入水分占比" />
  233. </u-form-item>
  234. <u-form-item v-if='!EnterList.status&&EnterList.inOutType != "移库入库"' label="单价(元/吨)" prop="unitPrice" label-width="160">
  235. <u-input v-model="EnterList.unitPrice" input-align="right" placeholder="请输入单价" />
  236. </u-form-item>
  237. <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top">
  238. <u-input v-model="EnterList.businessDescribe" input-align="left" placeholder="请输入业务描述"
  239. type="textarea" class="textarea" maxlength="150" />
  240. </u-form-item>
  241. <u-form-item v-if="OutList.inOutType!='退库'" label="仓位号(选填)" prop="binNumber" label-width="170">
  242. <u-input v-model="EnterList.binNumber" input-align="right" placeholder="未指定" />
  243. </u-form-item>
  244. </view>
  245. </view>
  246. <view class="content2">
  247. <view class="title row">
  248. 流程
  249. </view>
  250. <view v-for="(item,index) in auditList" :key='index' class="audit">
  251. <view class="row" v-if='item.desc!="_PLACEHOLDER_"'>
  252. <view class="left">
  253. <view class="item1">
  254. <view class="item-content">{{item.operatorTitle}}</view>
  255. <view v-if="item.status=='success'" class='status success'>
  256. <u-icon name="checkmark" color="#2979ff" size="24"></u-icon>
  257. </view>
  258. <view v-if="item.status=='error'" class='status error'>
  259. <u-icon name="close" color="rgb(245, 108, 108)" size="24"></u-icon>
  260. </view>
  261. <view v-if="item.status=='question'" class='status question'>
  262. <u-icon name="question" color="#f9ae3d" size="24"></u-icon>
  263. </view>
  264. </view>
  265. </view>
  266. <view class="right">
  267. <view class="right-item">
  268. <view class="item2">
  269. <view class="name">{{item.desc}}
  270. </view>
  271. <!-- <view class='time'>{{item.updateDate}}</view> -->
  272. <view v-if="item.status=='success'" class="status success">{{item.commonStaffs1?item.staffscontent:item.operatorName}}<text v-if='!item.commonStaffs1&&index!=0'>已审核</text></view>
  273. <view v-if="item.status=='error'" class="status error">{{item.commonStaffs1?item.staffscontent:item.operatorName}}<text v-if='!item.commonStaffs1'>{{item.workflowHistoricTasks ? "已驳回":''}}</text></view>
  274. <view v-if="item.status=='question'" class="status question">{{item.commonStaffs1?item.staffscontent:''}}<text v-if='!item.commonStaffs1'>未审核</text></view>
  275. <!-- <view class="status success">吕波(已审核)</view> -->
  276. </view>
  277. <view v-if='index==0||item.workflowHistoricTasks&&item.workflowHistoricTasks.length>0' class='time'>
  278. {{item.updateDate}}
  279. </view>
  280. </view>
  281. <view v-if='item.auditMind' class="right-content">
  282. {{item.auditMind}}
  283. </view>
  284. </view>
  285. <view v-if='item.commonStaffs1' class="right">
  286. <u-icon @click='showcontent(item)' :name="item.showflow?'arrow-up':'arrow-down'" size="28"></u-icon>
  287. </view>
  288. </view>
  289. <view v-if='item.showflow' style='padding:10px 0 0 50px;'>
  290. <view class='row2'>
  291. <view v-for='item1 in item.commonStaffs1' style='margin:5px;text-align:center;'>
  292. <view class="item-content">
  293. <u-icon v-if='item1.status' name="checkmark" color="#fff" size="14"></u-icon>
  294. <u-icon v-if='!item1.status' name="question" color="#f9ae3d" size="14"></u-icon>
  295. </view>
  296. <view class="name">{{item1.staffName}}</view>
  297. </view>
  298. </view>
  299. </view>
  300. <view class="row-line" :style='[{"height":item.auditMind?"80px":"40px"}]' v-if="index!= auditList.length - 1&&item.desc!='_PLACEHOLDER_'"></view>
  301. </view>
  302. </view>
  303. </u-form>
  304. </view>
  305. <view v-if='show1' class="shade">
  306. <view class="wrap">
  307. <view class="alert-top">
  308. <view class="title">
  309. {{title}}
  310. </view>
  311. <u-icon name="close" class="close" color="#8890B1" @click="close()"></u-icon>
  312. </view>
  313. <view class="u-textarea-style">
  314. <view class="right-bottom">
  315. {{auditMind.length}}/1000个字
  316. </view>
  317. <u-input class="" v-model='auditMind' placeholder="请在此输入审核意见" type="textarea" height="414"
  318. maxlength="1000" />
  319. </view>
  320. <view @click='close()' class="cancel">取消</view>
  321. <view @click='passSubmit()' class="confirm">确定</view>
  322. </view>
  323. </view>
  324. <u-toast ref="uToast" />
  325. <view style='padding:10px;' class='flex bottom-btn'>
  326. <u-button @click='reject' type="error" class="btn1" hover-class='none'>驳回</u-button>
  327. <u-button @click='pass' type="success" class="btn2">通过</u-button>
  328. </view>
  329. </view>
  330. </template>
  331. <script>
  332. import helper from '@/common/helper.js';
  333. import {
  334. mapState
  335. } from 'vuex';
  336. export default {
  337. data() {
  338. return {
  339. everyCheck: '',
  340. height: 200,
  341. autoHeight: true,
  342. border: false,
  343. id: "",
  344. OutList: {}, //出
  345. EnterList: {}, //入
  346. retreatList: {}, //退
  347. type: '移库',
  348. show: false,
  349. show1: false,
  350. auditList:[],
  351. list:{},
  352. auditMind: '',
  353. pjList: [{
  354. type: '一等品'
  355. },
  356. {
  357. type: '二等品'
  358. },
  359. {
  360. type: '三等品'
  361. },
  362. {
  363. type: '等外'
  364. }
  365. ],
  366. count:0,
  367. }
  368. },
  369. // onReady() {
  370. // this.$refs.uForm.setRules(this.rules);
  371. // },
  372. onBackPress(e) {
  373. if(this.everyCheck){
  374. uni.navigateTo({
  375. url: "/pages/task/my_task"
  376. })
  377. return true;
  378. }
  379. },
  380. onLoad(options) {
  381. this.id = options.id
  382. this.everyCheck = uni.getStorageSync("everyTask")
  383. this.count=0
  384. this.getList()
  385. },
  386. onShow() {
  387. },
  388. computed: {
  389. ...mapState(['hasLogin', 'userInfo']),
  390. },
  391. methods: {
  392. showcontent(item){
  393. item.showflow=!item.showflow
  394. },
  395. getList() {
  396. var that =this
  397. uni.showLoading({
  398. title:'加载中',
  399. mask:true,
  400. })
  401. this.$api.doRequest('get', '/inOutWarehouseTask/getTask', {
  402. id: this.id
  403. }).then(res => {
  404. if (res.data.code == 200) {
  405. this.list=res.data.data
  406. this.$api.doRequest('get', '/inOutWarehouseTask/getInOutWarehouseTask', {
  407. relevanceId: res.data.data.relevanceId
  408. }).then(res => {
  409. if (res.data.code == 200) {
  410. this.$api.doRequest('get', '/warehouseBaseInfo/selectContractNoList', {
  411. compId:uni.getStorageSync('pcUserInfo').compId
  412. }).then(res1 => {
  413. for (let i = 0; i < res.data.data.length; i++) {
  414. if (res.data.data[i].inOutType == "移库出库" || res.data.data[i]
  415. .inOutType == "贸易服务出库" || res.data.data[i].inOutType == "销售出库" ||
  416. res.data.data[i].inOutType == "暂存出库") {
  417. this.OutList = res.data.data[i]
  418. this.OutList.judge = 1
  419. } else if (res.data.data[i].inOutType == "移库入库" || res.data.data[i]
  420. .inOutType == "暂存入库" || res.data.data[i]
  421. .inOutType == "收购入库"|| res
  422. .data.data[i].inOutType == "采购入库" || res.data.data[i].inOutType ==
  423. "贸易服务入库") {
  424. this.EnterList = res.data.data[i]
  425. this.EnterList.judge = 2
  426. } else if (res.data.data[i].inOutType == "退库") {
  427. this.retreatList = res.data.data[i]
  428. this.retreatList.judge = 3
  429. }
  430. }
  431. for(let i = 0; i < res1.data.data.length; i++) {
  432. if(res1.data.data[i].contractNo==this.EnterList.contractNo){
  433. if(res1.data.data[i].priceType=='随行就市'){
  434. this.EnterList.status=true
  435. }else{
  436. this.EnterList.status=false
  437. }
  438. }
  439. if(res1.data.data[i].contractNo==this.retreatList.contractNo){
  440. if(res1.data.data[i].priceType=='随行就市'){
  441. this.retreatList.status=true
  442. }else{
  443. this.retreatList.status=false
  444. }
  445. }
  446. }
  447. })
  448. }
  449. //审核流程
  450. this.$api.doRequest('get', '/workflow/query/workflowDefinitions', {
  451. businessCode: 'INOUTTASK-TASK-APPROVE',
  452. tmpCompId: uni.getStorageSync('pcUserInfo').compId
  453. }).then(res1 => {
  454. this.$api.doRequest('get', '/commonUser/getHis', {
  455. workflowId: res1.data.data[0].id,
  456. businessKey: this.id,
  457. branch:that.list.jointVentureParties?that.list.jointVentureParties:'zt'
  458. }).then(response => {
  459. uni.hideLoading()
  460. for (let i = 0; i < response.data.data.length; i++) {
  461. this.$set(response.data.data[i],'status','question')
  462. console.log(response.data.data[i].workflowHistoricTasks,i)
  463. if(response.data.data[i].commonStaffs){
  464. response.data.data[i].showflow=false
  465. response.data.data[i].operatorTitle=response.data.data[i].desc.substring(0,2)
  466. response.data.data[i].operatorName=response.data.data[i].desc
  467. response.data.data[i].staffscontent='共'+response.data.data[i].commonStaffs.length+'人,当前审核'+response.data.data[i].workflowHistoricTasks.length+'人'
  468. if(response.data.data[i].workflowHistoricTasks&&response.data.data[i].workflowHistoricTasks.length>0){
  469. if(response.data.data[i].workflowHistoricTasks.length!=response.data.data[i].commonStaffs.length){
  470. // response.data.data[i].status='question'
  471. this.$set(response.data.data[i],'status','question')
  472. }else{
  473. this.$set(response.data.data[i],'status','success')
  474. // response.data.data[i].status='success'
  475. }
  476. response.data.data[i].workflowlen=response.data.data[i].workflowHistoricTasks.length
  477. var workflowdata=response.data.data[i].workflowHistoricTasks
  478. var staffsdata=response.data.data[i].commonStaffs
  479. for (let q = 0; q < staffsdata.length; q++) {
  480. staffsdata[q].status=false
  481. staffsdata[q].staffTitle=staffsdata[q].staffName
  482. for (let k = 0; k < workflowdata.length; k++) {
  483. if(staffsdata[q].staffId==workflowdata[k].operatorId){
  484. staffsdata[q].status=true
  485. }
  486. }
  487. }
  488. }
  489. response.data.data[i].commonStaffs1=response.data.data[i].commonStaffs
  490. }else{
  491. if(response.data.data[i].workflowHistoricTasks&&response.data.data[i].workflowHistoricTasks.length>0){
  492. var len =response.data.data[i].workflowHistoricTasks.length-1
  493. if(response.data.data[i].workflowHistoricTasks[len].approved){
  494. this.$set(response.data.data[i],'status','success')
  495. }else{
  496. this.$set(response.data.data[i],'status','error')
  497. }
  498. response.data.data[i].operatorTitle=response.data.data[i].workflowHistoricTasks[len].operatorName.substring(response.data.data[i].workflowHistoricTasks[0].operatorName.length - 2)
  499. response.data.data[i].operatorName=response.data.data[i].workflowHistoricTasks[len].operatorName
  500. var time=new Date(response.data.data[i].workflowHistoricTasks[len].claimTime).getTime()
  501. response.data.data[i].updateDate=this.$u.timeFormat(time, 'mm.dd hh:MM')
  502. response.data.data[i].auditMind=response.data.data[i].workflowHistoricTasks[len].auditMind
  503. }else{
  504. this.$set(response.data.data[i],'status','question')
  505. // response.data.data[i].status='question'
  506. if(response.data.data[i].desc=='总经理助理审核'){
  507. response.data.data[i].operatorTitle='总助'
  508. }else if(response.data.data[i].desc=='杜大光审核'){
  509. response.data.data[i].operatorTitle='大光'
  510. }else{
  511. response.data.data[i].operatorTitle=response.data.data[i].desc.substring(0,2)
  512. }
  513. response.data.data[i].operatorName=response.data.data[i].desc
  514. var time1=new Date(response.data.data[i].updateDate).getTime()
  515. response.data.data[i].updateDate=this.$u.timeFormat(time1, 'mm.dd hh:MM')
  516. response.data.data[i].auditMind=''
  517. }
  518. }
  519. }
  520. console.log(response.data.data)
  521. this.auditList = response.data.data
  522. var time2=new Date(this.list.createDate).getTime()
  523. var time3=this.$u.timeFormat(time2, 'mm.dd hh:MM')
  524. this.auditList.unshift({
  525. operatorTitle:this.list.creater.substring(0,2),
  526. operatorName:this.list.creater,
  527. updateDate:time3,
  528. auditMind:'',
  529. desc:'发起申请',
  530. showflow:false,
  531. commonStaffs1:null,
  532. commonStaffs:null,
  533. workflowHistoricTasks:[],
  534. status:'success'
  535. })
  536. })
  537. })
  538. })
  539. }
  540. })
  541. },
  542. pjPicker(e) {
  543. this.OutList.grade = this.pjList[e[0]].type
  544. this.OutList.gradeKey = e[0] + 1
  545. },
  546. pjPicker1(e) {
  547. this.EnterList.grade = this.pjList[e[0]].type
  548. this.EnterList.gradeKey = e[0] + 1
  549. },
  550. close() {
  551. this.show1 = false
  552. },
  553. pass() {
  554. this.show1 = true
  555. this.title = '审核意见(通过)'
  556. },
  557. reject() {
  558. this.show1 = true
  559. this.title = '驳回原因(驳回)'
  560. },
  561. passSubmit() {
  562. var that = this
  563. if (this.title == '驳回原因(驳回)') {
  564. this.rejectSubmit()
  565. } else {
  566. let that = this
  567. that.show = false
  568. uni.showModal({
  569. content: "是否确定通过?",
  570. showCancel: true,
  571. confirmText: '确定',
  572. success: function(res) {
  573. if (res.confirm) {
  574. that.OutList.inOutFlag = 1
  575. that.EnterList.inOutFlag = 2
  576. if (that.OutList.taskTypeKey == 1) {
  577. that.requestadd(that.OutList)
  578. } else if (that.EnterList.taskTypeKey == 2) {
  579. that.requestadd(that.EnterList)
  580. } else if (
  581. that.OutList.taskTypeKey == 3 ||
  582. that.OutList.taskTypeKey == 4
  583. ) {
  584. that.requestadd(that.OutList, 'repetition')
  585. if (!that.deletetask) {
  586. that.requestadd(that.EnterList, 'repetition')
  587. }
  588. }
  589. if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey == 2) {
  590. that.requestadd(that.retreatList)
  591. } else if (that.retreatList.taskTypeKey == 3 || that.retreatList.taskTypeKey ==
  592. 4) {
  593. that.requestadd(that.retreatList, 'repetition')
  594. }
  595. }
  596. }
  597. })
  598. }
  599. },
  600. rejectSubmit() {
  601. // (1出库2入库3移库4退库并出库)
  602. if (!this.auditMind) {
  603. this.$api.msg('驳回原因不能为空!')
  604. } else {
  605. this.show = false
  606. let that = this
  607. uni.showModal({
  608. content: "是否确定驳回?",
  609. showCancel: true,
  610. confirmText: '确定',
  611. success: function(res) {
  612. if (res.confirm) {
  613. if (that.OutList.taskTypeKey == 1) {
  614. that.requestaudit(that.OutList)
  615. } else if (that.OutList.taskTypeKey == 2) {
  616. that.requestaudit(that.OutList)
  617. } else if (
  618. that.OutList.taskTypeKey == 3 ||
  619. that.OutList.taskTypeKey == 4
  620. ) {
  621. that.requestaudit(that.OutList, 'repetition')
  622. if (!that.deletetask) {
  623. that.requestaudit(that.OutList, 'repetition')
  624. }
  625. }
  626. if (that.EnterList.taskTypeKey) {
  627. if (that.EnterList.taskTypeKey == 1 || that.EnterList.taskTypeKey == 2) {
  628. that.requestaudit(that.EnterList)
  629. } else if (that.EnterList.taskTypeKey == 3 || that.EnterList.taskTypeKey ==
  630. 4) {
  631. that.requestaudit(that.EnterList, 'repetition')
  632. }
  633. }
  634. if (that.retreatList.taskTypeKey) {
  635. if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey ==
  636. 2) {
  637. that.requestaudit(that.retreatList)
  638. } else if (that.retreatList.taskTypeKey == 3 || that.retreatList
  639. .taskTypeKey == 4) {
  640. that.requestaudit(that.retreatList, 'repetition')
  641. }
  642. }
  643. }
  644. }
  645. })
  646. }
  647. },
  648. requestadd(list, status) {
  649. let that = this
  650. uni.getStorage({
  651. key: 'pcUserInfo',
  652. success(e) {
  653. list.compId = e.data.compId //这就是你想要取的token
  654. uni.showLoading({
  655. title: "审核中"
  656. })
  657. that.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(
  658. res => {
  659. if (res.data.code == 200) {
  660. that.$api.doRequest('post', '/newWorkflow/api/handle', {
  661. taskId: list.taskId,
  662. approved: true,
  663. auditMind: that.auditMind,
  664. needReapply: false
  665. }).then(res => {
  666. if (res.data.code == 200) {
  667. that.$api.msg('审核成功!')
  668. that.count++
  669. if (that.everyCheck) {
  670. helper.setAudit(that.list)
  671. }
  672. } else {
  673. that.$api.msg('审核失败!')
  674. }
  675. if(list.taskTypeKey == '3' || list.taskTypeKey == '4'){
  676. if(that.count == 2){
  677. setTimeout(function() {
  678. uni.hideLoading()
  679. uni.navigateBack()
  680. }, 1000);
  681. }
  682. }else{
  683. setTimeout(function() {
  684. uni.hideLoading()
  685. uni.navigateBack()
  686. }, 1000);
  687. }
  688. }).catch(res => {
  689. uni.hideLoading()
  690. if (res.message) {
  691. uni.showToast({
  692. title: res.message,
  693. icon: 'none',
  694. duration: 2000
  695. })
  696. } else {
  697. uni.showToast({
  698. title: "系统异常,请联系管理员",
  699. icon: 'none',
  700. duration: 2000
  701. })
  702. }
  703. })
  704. } else {
  705. that.$api.msg('审核失败!')
  706. }
  707. }).catch(res => {
  708. uni.hideLoading()
  709. if (res.message) {
  710. uni.showToast({
  711. title: res.message,
  712. icon: 'none',
  713. duration: 2000
  714. })
  715. } else {
  716. uni.showToast({
  717. title: "系统异常,请联系管理员",
  718. icon: 'none',
  719. duration: 2000
  720. })
  721. }
  722. })
  723. }
  724. })
  725. // list.publisher = this.userInfo.userName
  726. },
  727. requestaudit(list, status) {
  728. uni.showLoading({
  729. title: "审核中"
  730. })
  731. list.compId = '2710b21efc1e4393930c5dc800010dc4'
  732. // list.publisher = this.userInfo.userName
  733. this.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(res => {
  734. if (res.data.code == 200) {
  735. this.$api.doRequest('post', '/newWorkflow/api/handle', {
  736. taskId: list.taskId,
  737. approved: false,
  738. auditMind: this.auditMind,
  739. needReapply: true
  740. }).then(res => {
  741. if (res.data.code == 200) {
  742. this.$api.msg('驳回成功!')
  743. this.count++
  744. if (this.everyCheck) {
  745. helper.setAudit(this.list)
  746. }
  747. uni.hideLoading()
  748. if(list.taskTypeKey == '3' || list.taskTypeKey == '4'){
  749. if(this.count == 2){
  750. setTimeout(function() {
  751. uni.hideLoading()
  752. uni.navigateBack()
  753. }, 1000);
  754. }
  755. }else{
  756. setTimeout(function() {
  757. uni.hideLoading()
  758. uni.navigateBack()
  759. }, 1000);
  760. }
  761. }else{
  762. this.$api.msg('驳回失败!')
  763. }
  764. })
  765. }
  766. })
  767. },
  768. check() {
  769. // (1出库2入库3移库4退库并出库)taskTypeKey
  770. if (this.OutList.taskTypeKey == 1 || this.OutList.taskTypeKey == 3) {
  771. if (!this.OutList.grade) {
  772. this.$api.msg('品级不能为空')
  773. return
  774. }
  775. if (!this.OutList.bulkDensity) {
  776. this.$api.msg('容重不能为空')
  777. return
  778. }
  779. if (this.OutList.bulkDensity < 500 || this.OutList.bulkDensity > 1000) {
  780. this.$api.msg('容重输入错误')
  781. return
  782. }
  783. if (String(this.OutList.bulkDensity).indexOf('.') != -1 && String(this.OutList.bulkDensity).length - (
  784. String(this.OutList.bulkDensity).indexOf('.') + 1) > 0) {
  785. this.$api.msg('容重输入错误')
  786. return
  787. }
  788. if (!this.OutList.waterContent) {
  789. this.$api.msg('水分不能为空')
  790. return
  791. }
  792. if (isNaN(this.OutList.waterContent) ||
  793. (String(this.OutList.waterContent).indexOf('.') != -1 &&
  794. String(this.OutList.waterContent).length -
  795. (String(this.OutList.waterContent).indexOf('.') + 1) >
  796. 2) ||
  797. this.OutList.waterContent < 1 ||
  798. this.OutList.waterContent > 40
  799. ) {
  800. this.$api.msg('水分输入错误!')
  801. return
  802. }
  803. if (!this.OutList.unitPrice) {
  804. this.$api.msg('单价不能为空')
  805. return
  806. }
  807. if (isNaN(this.OutList.unitPrice) ||
  808. (String(this.OutList.unitPrice).indexOf('.') != -1 &&
  809. String(this.OutList.unitPrice).length -
  810. (String(this.OutList.unitPrice).indexOf('.') + 1) >
  811. 2) ||
  812. this.OutList.unitPrice < 1 ||
  813. this.OutList.unitPrice > 10000
  814. ) {
  815. this.$api.msg('单价输入错误!')
  816. return
  817. }
  818. }
  819. if (this.OutList.taskTypeKey == 1) {
  820. if (!this.OutList.businessDescribe) {
  821. this.$api.msg('业务描述不能为空')
  822. return
  823. }
  824. if (this.OutList.businessDescribe.length > 150) {
  825. this.$api.msg('业务描述长度错误')
  826. return
  827. }
  828. }
  829. if (this.EnterList.taskTypeKey == 2 && this.EnterList.judge) {
  830. if (!this.EnterList.grade) {
  831. this.$api.msg('品级不能为空')
  832. return
  833. }
  834. if (!this.EnterList.bulkDensity) {
  835. this.$api.msg('容重不能为空')
  836. return
  837. }
  838. if (this.EnterList.bulkDensity < 500 || this.EnterList.bulkDensity > 1000) {
  839. this.$api.msg('容重输入错误')
  840. return
  841. }
  842. if (String(this.EnterList.bulkDensity).indexOf('.') != -1 && String(this.EnterList.bulkDensity)
  843. .length - (
  844. String(this.EnterList.bulkDensity).indexOf('.') + 1) > 0) {
  845. this.$api.msg('容重输入错误')
  846. return
  847. }
  848. if (!this.EnterList.waterContent) {
  849. this.$api.msg('水分不能为空')
  850. return
  851. }
  852. if (isNaN(this.EnterList.waterContent) ||
  853. (String(this.EnterList.waterContent).indexOf('.') != -1 &&
  854. String(this.EnterList.waterContent).length -
  855. (String(this.EnterList.waterContent).indexOf('.') + 1) >
  856. 2) ||
  857. this.EnterList.waterContent < 1 ||
  858. this.EnterList.waterContent > 40
  859. ) {
  860. this.$api.msg('水分输入错误!')
  861. return
  862. }
  863. if (!this.EnterList.unitPrice) {
  864. this.$api.msg('单价不能为空')
  865. return
  866. }
  867. if (isNaN(this.EnterList.unitPrice) ||
  868. (String(this.EnterList.unitPrice).indexOf('.') != -1 &&
  869. String(this.EnterList.unitPrice).length -
  870. (String(this.EnterList.unitPrice).indexOf('.') + 1) >
  871. 2) ||
  872. this.EnterList.unitPrice < 1 ||
  873. this.EnterList.unitPrice > 10000
  874. ) {
  875. this.$api.msg('单价输入错误!')
  876. return
  877. }
  878. if (!this.EnterList.businessDescribe) {
  879. this.$api.msg('业务描述不能为空')
  880. return
  881. }
  882. if (this.EnterList.businessDescribe.length > 150) {
  883. this.$api.msg('业务描述长度错误')
  884. return
  885. }
  886. }
  887. if (this.OutList.taskTypeKey == 3) {
  888. if (!this.EnterList.businessDescribe) {
  889. this.$api.msg('业务描述不能为空')
  890. return
  891. }
  892. if (this.EnterList.businessDescribe.length > 150) {
  893. this.$api.msg('业务描述长度错误')
  894. return
  895. }
  896. }
  897. if (this.retreatList.taskTypeKey == 4 && this.retreatList.judge) {
  898. if (!this.retreatList.grade) {
  899. this.$api.msg('品级不能为空')
  900. return
  901. }
  902. if (!this.retreatList.bulkDensity) {
  903. this.$api.msg('容重不能为空')
  904. return
  905. }
  906. if (this.retreatList.bulkDensity < 500 || this.retreatList.bulkDensity > 1000) {
  907. this.$api.msg('容重输入错误')
  908. return
  909. }
  910. if (String(this.retreatList.bulkDensity).indexOf('.') != -1 && String(this.retreatList.bulkDensity)
  911. .length - (
  912. String(this.retreatList.bulkDensity).indexOf('.') + 1) > 0) {
  913. this.$api.msg('容重输入错误')
  914. return
  915. }
  916. if (!this.retreatList.waterContent) {
  917. this.$api.msg('水分不能为空')
  918. return
  919. }
  920. if (isNaN(this.retreatList.waterContent) ||
  921. (String(this.retreatList.waterContent).indexOf('.') != -1 &&
  922. String(this.retreatList.waterContent).length -
  923. (String(this.retreatList.waterContent).indexOf('.') + 1) >
  924. 2) ||
  925. this.retreatList.waterContent < 1 ||
  926. this.retreatList.waterContent > 40
  927. ) {
  928. this.$api.msg('水分输入错误!')
  929. return
  930. }
  931. if (!this.retreatList.unitPrice) {
  932. this.$api.msg('单价不能为空')
  933. return
  934. }
  935. if (isNaN(this.retreatList.unitPrice) ||
  936. (String(this.retreatList.unitPrice).indexOf('.') != -1 &&
  937. String(this.retreatList.unitPrice).length -
  938. (String(this.retreatList.unitPrice).indexOf('.') + 1) >
  939. 2) ||
  940. this.retreatList.unitPrice < 1 ||
  941. this.retreatList.unitPrice > 10000
  942. ) {
  943. this.$api.msg('单价输入错误!')
  944. return
  945. }
  946. if (!this.EnterList.businessDescribe) {
  947. this.$api.msg('业务描述不能为空')
  948. return
  949. }
  950. if (this.EnterList.businessDescribe.length > 150) {
  951. this.$api.msg('业务描述长度错误')
  952. return
  953. }
  954. }
  955. }
  956. }
  957. }
  958. </script>
  959. <style scoped lang="scss">
  960. .content1 {
  961. margin: 10rpx;
  962. padding-bottom: 224rpx;
  963. .title {
  964. height: 70rpx;
  965. line-height: 60rpx;
  966. font-size: 32rpx;
  967. font-weight: 600;
  968. color: #333333;
  969. border-bottom: 2rpx solid #EEEEEE;
  970. }
  971. }
  972. .uForm {
  973. padding: 0 40rpx;
  974. }
  975. .u-form-item {
  976. padding: 0;
  977. }
  978. .bottom-btn {
  979. width: 100%;
  980. position: fixed;
  981. bottom: 0;
  982. display: flex;
  983. z-index: 2;
  984. left: 0;
  985. background-color: #f8f8f8;
  986. flex-direction: column;
  987. .btn1,
  988. .btn2 {
  989. width: 100%;
  990. margin-bottom: 26rpx;
  991. border-radius: 90rpx;
  992. }
  993. .btn1 {
  994. background: white;
  995. color: #00C265;
  996. }
  997. }
  998. .submit {
  999. width: 50%;
  1000. background: #22C572;
  1001. border-radius: 10rpx;
  1002. }
  1003. .part2 {
  1004. margin-top: 20rpx;
  1005. }
  1006. .textarea {
  1007. border: 1px solid #ccc;
  1008. border-radius: 10rpx;
  1009. background-color: #F9F9FA;
  1010. height: 100px;
  1011. }
  1012. .row {
  1013. display: flex;
  1014. justify-content: space-between;
  1015. // border-bottom: 1px solid #EEEEEE;
  1016. padding: 21rpx 0;
  1017. .right,
  1018. input {
  1019. font-size: 28rpx;
  1020. color: #333333;
  1021. }
  1022. }
  1023. //弹出框
  1024. // .popup {
  1025. // padding: 30rpx;
  1026. // border-radius: 20rpx;
  1027. // }
  1028. // .rejectInfoCss {
  1029. // border: 1px solid #ccc;
  1030. // border-radius: 10rpx;
  1031. // background-color: #F9F9FA;
  1032. // margin: 30rpx;
  1033. // overflow-y: auto;
  1034. // // height: 300rpx;
  1035. // background: red;
  1036. // }
  1037. .uForm_item {
  1038. padding: 20rpx;
  1039. background-color: #FFFFFF;
  1040. margin: 20rpx;
  1041. border-radius: 20rpx;
  1042. }
  1043. .rejectText {
  1044. text-align: center;
  1045. }
  1046. .topInfo {
  1047. height: 210rpx;
  1048. background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
  1049. padding: 30rpx;
  1050. .topInfo-item {
  1051. height: 150rpx;
  1052. background-color: #FFFFFF;
  1053. border-radius: 20rpx;
  1054. padding: 40rpx;
  1055. .logo {
  1056. width: 40rpx;
  1057. height: 40rpx;
  1058. margin-top: 8rpx;
  1059. }
  1060. .infoText {
  1061. font-size: 36rpx;
  1062. font-weight: 600;
  1063. margin-left: 20rpx;
  1064. }
  1065. .infoData {
  1066. color: #878C9C;
  1067. font-size: 26rpx;
  1068. margin-top: 10rpx;
  1069. }
  1070. }
  1071. }
  1072. .shade {
  1073. position: fixed;
  1074. top: 0;
  1075. left: 0;
  1076. height: 100%;
  1077. width: 100%;
  1078. background: rgba(0, 0, 0, 0.4);
  1079. z-index: 3;
  1080. .wrap {
  1081. position: absolute;
  1082. left: 0;
  1083. top: 0;
  1084. right: 0;
  1085. bottom: 0;
  1086. margin: auto;
  1087. background: #fff;
  1088. width: calc(100% - 198rpx);
  1089. height: 700rpx;
  1090. border-radius: 20rpx;
  1091. .alert-top {
  1092. padding: 33rpx;
  1093. display: flex;
  1094. justify-content: center;
  1095. align-items: center;
  1096. position: relative;
  1097. }
  1098. .title {
  1099. font-size: 32rpx;
  1100. font-weight: 600;
  1101. color: #333333;
  1102. }
  1103. .close {
  1104. position: absolute;
  1105. right: 33rpx;
  1106. }
  1107. }
  1108. }
  1109. .cancel,
  1110. .confirm {
  1111. position: absolute;
  1112. display: inline-block;
  1113. width: 50%;
  1114. text-align: center;
  1115. bottom: 0;
  1116. padding: 10px;
  1117. border-top: 1px solid #eee;
  1118. font-size: 34rpx;
  1119. }
  1120. .cancel {
  1121. left: 0;
  1122. border-right: 1px solid #eee;
  1123. color: #AFB3BF;
  1124. }
  1125. .confirm {
  1126. right: 0;
  1127. color: #22C572;
  1128. }
  1129. .u-textarea-style {
  1130. margin: 20rpx;
  1131. background: #F9F9FA;
  1132. border-radius: 10px;
  1133. border: 1px solid #EEEEEE;
  1134. padding: 10rpx 20rpx;
  1135. position: relative;
  1136. .right-bottom {
  1137. position: absolute;
  1138. right: 20rpx;
  1139. bottom: 20rpx;
  1140. color: #AFB3BF;
  1141. }
  1142. }
  1143. /deep/.u-input__textarea {
  1144. height: 300rpx !important;
  1145. }
  1146. .content2 {
  1147. background: white;
  1148. margin: 20rpx 0;
  1149. border-radius: 20rpx;
  1150. padding: 20rpx;
  1151. .row {
  1152. display: flex;
  1153. .left {
  1154. display: flex;
  1155. align-items: center;
  1156. .item1 {
  1157. position: relative;
  1158. .item-content {
  1159. background: #617AE0;
  1160. width: 44px;
  1161. height: 44px;
  1162. border-radius: 22px;
  1163. line-height: 44px;
  1164. text-align: center;
  1165. font-size: 15px;
  1166. color: #fff;
  1167. }
  1168. .status {
  1169. position: absolute;
  1170. border-radius: 50%;
  1171. padding: 0px 2px;
  1172. right: -3px;
  1173. bottom: -3px;
  1174. background: #fff;
  1175. }
  1176. .status.success {
  1177. border: 1px solid rgb(60, 156, 255);
  1178. }
  1179. .status.error {
  1180. border: 1px solid rgb(245, 108, 108);
  1181. }
  1182. .status.question {
  1183. border: 1px solid #f9ae3d;
  1184. }
  1185. }
  1186. }
  1187. .right {
  1188. width: 80%;
  1189. // color: #B0B1B5;
  1190. margin-top: 10px;
  1191. .right-content {
  1192. background: #F2F3F7;
  1193. margin-left: 10px;
  1194. margin-top: 10px;
  1195. padding: 10px;
  1196. border-radius: 5px;
  1197. color: #B0B1B5;
  1198. }
  1199. .right-item {
  1200. display: flex;
  1201. justify-content: space-between;
  1202. .time {
  1203. color: #999;
  1204. }
  1205. .item2 {
  1206. margin-left: 20rpx;
  1207. margin-top: -7px;
  1208. .name {
  1209. font-size: 28rpx;
  1210. font-weight: 800;
  1211. margin-bottom: 4px;
  1212. }
  1213. .status.success {
  1214. color: #6CC48C;
  1215. }
  1216. .status.error {
  1217. color: rgb(245, 108, 108);
  1218. }
  1219. .status.question {
  1220. color: #f9ae3d;
  1221. }
  1222. }
  1223. }
  1224. }
  1225. }
  1226. .row2 {
  1227. display: flex;
  1228. .item-content {
  1229. background: #22C572;
  1230. width: 30px;
  1231. height: 30px;
  1232. border-radius: 50%;
  1233. line-height: 30px;
  1234. text-align: center;
  1235. font-size: 12px;
  1236. color: #fff;
  1237. padding: 0 2px;
  1238. margin: 0 auto;
  1239. }
  1240. .status {
  1241. position: absolute;
  1242. top: 0;
  1243. right: 0;
  1244. }
  1245. }
  1246. .row-line {
  1247. width: 1px;
  1248. height: 30px;
  1249. background: #F2F2F2;
  1250. margin: 10rpx 50rpx;
  1251. }
  1252. .audit {
  1253. margin-top: 20rpx;
  1254. }
  1255. }
  1256. </style>