Issueandreceipt_task_approval.vue 40 KB

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