Issueandreceipt_task_approval.vue 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323
  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" v-if='item.desc!="_PLACEHOLDER_"'>
  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&&item.desc!='_PLACEHOLDER_'"></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. var that =this
  392. uni.showLoading({
  393. title:'加载中',
  394. mask:true,
  395. })
  396. this.$api.doRequest('get', '/inOutWarehouseTask/getTask', {
  397. id: this.id
  398. }).then(res => {
  399. if (res.data.code == 200) {
  400. this.list=res.data.data
  401. this.$api.doRequest('get', '/inOutWarehouseTask/getInOutWarehouseTask', {
  402. relevanceId: res.data.data.relevanceId
  403. }).then(res => {
  404. if (res.data.code == 200) {
  405. this.$api.doRequest('get', '/warehouseBaseInfo/selectContractNoList', {
  406. compId:uni.getStorageSync('pcUserInfo').compId
  407. }).then(res1 => {
  408. for (let i = 0; i < res.data.data.length; i++) {
  409. if (res.data.data[i].inOutType == "移库出库" || res.data.data[i]
  410. .inOutType == "贸易服务出库" || res.data.data[i].inOutType == "销售出库" ||
  411. res.data.data[i].inOutType == "暂存出库") {
  412. this.OutList = res.data.data[i]
  413. this.OutList.judge = 1
  414. } else if (res.data.data[i].inOutType == "移库入库" || res.data.data[i]
  415. .inOutType == "暂存入库" || res.data.data[i]
  416. .inOutType == "收购入库"|| res
  417. .data.data[i].inOutType == "采购入库" || res.data.data[i].inOutType ==
  418. "贸易服务入库") {
  419. this.EnterList = res.data.data[i]
  420. this.EnterList.judge = 2
  421. } else if (res.data.data[i].inOutType == "退库") {
  422. this.retreatList = res.data.data[i]
  423. this.retreatList.judge = 3
  424. }
  425. }
  426. for(let i = 0; i < res1.data.data.length; i++) {
  427. if(res1.data.data[i].contractNo==this.EnterList.contractNo){
  428. if(res1.data.data[i].priceType=='随行就市'){
  429. this.EnterList.status=true
  430. }else{
  431. this.EnterList.status=false
  432. }
  433. }
  434. if(res1.data.data[i].contractNo==this.retreatList.contractNo){
  435. if(res1.data.data[i].priceType=='随行就市'){
  436. this.retreatList.status=true
  437. }else{
  438. this.retreatList.status=false
  439. }
  440. }
  441. }
  442. })
  443. }
  444. //审核流程
  445. this.$api.doRequest('get', '/workflow/query/workflowDefinitions', {
  446. businessCode: 'INOUTTASK-TASK-APPROVE',
  447. tmpCompId: uni.getStorageSync('pcUserInfo').compId
  448. }).then(res1 => {
  449. this.$api.doRequest('get', '/commonUser/getHis', {
  450. workflowId: res1.data.data[0].id,
  451. businessKey: this.id,
  452. branch:that.list.jointVentureParties?that.list.jointVentureParties:'zt'
  453. }).then(response => {
  454. uni.hideLoading()
  455. for (let i = 0; i < response.data.data.length; i++) {
  456. this.$set(response.data.data[i],'status','question')
  457. console.log(response.data.data[i].workflowHistoricTasks,i)
  458. if(response.data.data[i].commonStaffs){
  459. response.data.data[i].showflow=false
  460. response.data.data[i].operatorTitle=response.data.data[i].desc.substring(0,2)
  461. response.data.data[i].operatorName=response.data.data[i].desc
  462. response.data.data[i].staffscontent='共'+response.data.data[i].commonStaffs.length+'人,当前审核'+response.data.data[i].workflowHistoricTasks.length+'人'
  463. if(response.data.data[i].workflowHistoricTasks&&response.data.data[i].workflowHistoricTasks.length>0){
  464. if(response.data.data[i].workflowHistoricTasks.length!=response.data.data[i].commonStaffs.length){
  465. // response.data.data[i].status='question'
  466. this.$set(response.data.data[i],'status','question')
  467. }else{
  468. this.$set(response.data.data[i],'status','success')
  469. // response.data.data[i].status='success'
  470. }
  471. response.data.data[i].workflowlen=response.data.data[i].workflowHistoricTasks.length
  472. var workflowdata=response.data.data[i].workflowHistoricTasks
  473. var staffsdata=response.data.data[i].commonStaffs
  474. for (let q = 0; q < staffsdata.length; q++) {
  475. staffsdata[q].status=false
  476. staffsdata[q].staffTitle=staffsdata[q].staffName
  477. for (let k = 0; k < workflowdata.length; k++) {
  478. if(staffsdata[q].staffId==workflowdata[k].operatorId){
  479. staffsdata[q].status=true
  480. }
  481. }
  482. }
  483. }
  484. response.data.data[i].commonStaffs1=response.data.data[i].commonStaffs
  485. }else{
  486. if(response.data.data[i].workflowHistoricTasks&&response.data.data[i].workflowHistoricTasks.length>0){
  487. var len =response.data.data[i].workflowHistoricTasks.length-1
  488. if(response.data.data[i].workflowHistoricTasks[len].approved){
  489. this.$set(response.data.data[i],'status','success')
  490. }else{
  491. this.$set(response.data.data[i],'status','error')
  492. }
  493. response.data.data[i].operatorTitle=response.data.data[i].workflowHistoricTasks[len].operatorName.substring(response.data.data[i].workflowHistoricTasks[0].operatorName.length - 2)
  494. response.data.data[i].operatorName=response.data.data[i].workflowHistoricTasks[len].operatorName
  495. var time=new Date(response.data.data[i].workflowHistoricTasks[len].claimTime).getTime()
  496. response.data.data[i].updateDate=this.$u.timeFormat(time, 'mm.dd hh:MM')
  497. response.data.data[i].auditMind=response.data.data[i].workflowHistoricTasks[len].auditMind
  498. }else{
  499. this.$set(response.data.data[i],'status','question')
  500. // response.data.data[i].status='question'
  501. if(response.data.data[i].desc=='总经理助理审核'){
  502. response.data.data[i].operatorTitle='总助'
  503. }else if(response.data.data[i].desc=='杜大光审核'){
  504. response.data.data[i].operatorTitle='大光'
  505. }else{
  506. response.data.data[i].operatorTitle=response.data.data[i].desc.substring(0,2)
  507. }
  508. response.data.data[i].operatorName=response.data.data[i].desc
  509. var time1=new Date(response.data.data[i].updateDate).getTime()
  510. response.data.data[i].updateDate=this.$u.timeFormat(time1, 'mm.dd hh:MM')
  511. response.data.data[i].auditMind=''
  512. }
  513. }
  514. }
  515. console.log(response.data.data)
  516. this.auditList = response.data.data
  517. var time2=new Date(this.list.createDate).getTime()
  518. var time3=this.$u.timeFormat(time2, 'mm.dd hh:MM')
  519. this.auditList.unshift({
  520. operatorTitle:this.list.creater.substring(0,2),
  521. operatorName:this.list.creater,
  522. updateDate:time3,
  523. auditMind:'',
  524. desc:'发起申请',
  525. showflow:false,
  526. commonStaffs1:null,
  527. commonStaffs:null,
  528. workflowHistoricTasks:[],
  529. status:'success'
  530. })
  531. })
  532. })
  533. })
  534. }
  535. })
  536. },
  537. pjPicker(e) {
  538. this.OutList.grade = this.pjList[e[0]].type
  539. this.OutList.gradeKey = e[0] + 1
  540. },
  541. pjPicker1(e) {
  542. this.EnterList.grade = this.pjList[e[0]].type
  543. this.EnterList.gradeKey = e[0] + 1
  544. },
  545. close() {
  546. this.show1 = false
  547. },
  548. pass() {
  549. this.show1 = true
  550. this.title = '审核意见(通过)'
  551. },
  552. reject() {
  553. this.show1 = true
  554. this.title = '驳回原因(驳回)'
  555. },
  556. passSubmit() {
  557. var that = this
  558. if (this.title == '驳回原因(驳回)') {
  559. this.rejectSubmit()
  560. } else {
  561. let that = this
  562. that.show = false
  563. uni.showModal({
  564. content: "是否确定通过?",
  565. showCancel: true,
  566. confirmText: '确定',
  567. success: function(res) {
  568. if (res.confirm) {
  569. that.OutList.inOutFlag = 1
  570. that.EnterList.inOutFlag = 2
  571. if (that.OutList.taskTypeKey == 1) {
  572. that.requestadd(that.OutList)
  573. } else if (that.EnterList.taskTypeKey == 2) {
  574. that.requestadd(that.EnterList)
  575. } else if (
  576. that.OutList.taskTypeKey == 3 ||
  577. that.OutList.taskTypeKey == 4
  578. ) {
  579. that.requestadd(that.OutList, 'repetition')
  580. if (!that.deletetask) {
  581. that.requestadd(that.EnterList, 'repetition')
  582. }
  583. }
  584. if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey == 2) {
  585. that.requestadd(that.retreatList)
  586. } else if (that.retreatList.taskTypeKey == 3 || that.retreatList.taskTypeKey ==
  587. 4) {
  588. that.requestadd(that.retreatList, 'repetition')
  589. }
  590. }
  591. }
  592. })
  593. }
  594. },
  595. rejectSubmit() {
  596. // (1出库2入库3移库4退库并出库)
  597. if (!this.auditMind) {
  598. this.$api.msg('驳回原因不能为空!')
  599. } else {
  600. this.show = false
  601. let that = this
  602. uni.showModal({
  603. content: "是否确定驳回?",
  604. showCancel: true,
  605. confirmText: '确定',
  606. success: function(res) {
  607. if (res.confirm) {
  608. if (that.OutList.taskTypeKey == 1) {
  609. that.requestaudit(that.OutList)
  610. } else if (that.OutList.taskTypeKey == 2) {
  611. that.requestaudit(that.OutList)
  612. } else if (
  613. that.OutList.taskTypeKey == 3 ||
  614. that.OutList.taskTypeKey == 4
  615. ) {
  616. that.requestaudit(that.OutList, 'repetition')
  617. if (!that.deletetask) {
  618. that.requestaudit(that.OutList, 'repetition')
  619. }
  620. }
  621. if (that.EnterList.taskTypeKey) {
  622. if (that.EnterList.taskTypeKey == 1 || that.EnterList.taskTypeKey == 2) {
  623. that.requestaudit(that.EnterList)
  624. } else if (that.EnterList.taskTypeKey == 3 || that.EnterList.taskTypeKey ==
  625. 4) {
  626. that.requestaudit(that.EnterList, 'repetition')
  627. }
  628. }
  629. if (that.retreatList.taskTypeKey) {
  630. if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey ==
  631. 2) {
  632. that.requestaudit(that.retreatList)
  633. } else if (that.retreatList.taskTypeKey == 3 || that.retreatList
  634. .taskTypeKey == 4) {
  635. that.requestaudit(that.retreatList, 'repetition')
  636. }
  637. }
  638. }
  639. }
  640. })
  641. }
  642. },
  643. requestadd(list, status) {
  644. let that = this
  645. uni.getStorage({
  646. key: 'pcUserInfo',
  647. success(e) {
  648. list.compId = e.data.compId //这就是你想要取的token
  649. uni.showLoading({
  650. title: "审核中"
  651. })
  652. that.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(
  653. res => {
  654. if (res.data.code == 200) {
  655. that.$api.doRequest('post', '/newWorkflow/api/handle', {
  656. taskId: list.taskId,
  657. approved: true,
  658. auditMind: that.auditMind,
  659. needReapply: false
  660. }).then(res => {
  661. if (res.data.code == 200) {
  662. that.$api.msg('审核成功!')
  663. that.count++
  664. if (that.everyCheck) {
  665. helper.setAudit(that.list)
  666. }
  667. } else {
  668. that.$api.msg('审核失败!')
  669. }
  670. if(list.taskTypeKey == '3' || list.taskTypeKey == '4'){
  671. if(that.count == 2){
  672. setTimeout(function() {
  673. uni.hideLoading()
  674. uni.navigateBack()
  675. }, 1000);
  676. }
  677. }else{
  678. setTimeout(function() {
  679. uni.hideLoading()
  680. uni.navigateBack()
  681. }, 1000);
  682. }
  683. }).catch(res => {
  684. uni.hideLoading()
  685. if (res.message) {
  686. uni.showToast({
  687. title: res.message,
  688. icon: 'none',
  689. duration: 2000
  690. })
  691. } else {
  692. uni.showToast({
  693. title: "系统异常,请联系管理员",
  694. icon: 'none',
  695. duration: 2000
  696. })
  697. }
  698. })
  699. } else {
  700. that.$api.msg('审核失败!')
  701. }
  702. }).catch(res => {
  703. uni.hideLoading()
  704. if (res.message) {
  705. uni.showToast({
  706. title: res.message,
  707. icon: 'none',
  708. duration: 2000
  709. })
  710. } else {
  711. uni.showToast({
  712. title: "系统异常,请联系管理员",
  713. icon: 'none',
  714. duration: 2000
  715. })
  716. }
  717. })
  718. }
  719. })
  720. // list.publisher = this.userInfo.userName
  721. },
  722. requestaudit(list, status) {
  723. uni.showLoading({
  724. title: "审核中"
  725. })
  726. list.compId = '2710b21efc1e4393930c5dc800010dc4'
  727. // list.publisher = this.userInfo.userName
  728. this.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(res => {
  729. if (res.data.code == 200) {
  730. this.$api.doRequest('post', '/newWorkflow/api/handle', {
  731. taskId: list.taskId,
  732. approved: false,
  733. auditMind: this.auditMind,
  734. needReapply: true
  735. }).then(res => {
  736. if (res.data.code == 200) {
  737. this.$api.msg('驳回成功!')
  738. this.count++
  739. if (this.everyCheck) {
  740. helper.setAudit(this.list)
  741. }
  742. uni.hideLoading()
  743. if(list.taskTypeKey == '3' || list.taskTypeKey == '4'){
  744. if(this.count == 2){
  745. setTimeout(function() {
  746. uni.hideLoading()
  747. uni.navigateBack()
  748. }, 1000);
  749. }
  750. }else{
  751. setTimeout(function() {
  752. uni.hideLoading()
  753. uni.navigateBack()
  754. }, 1000);
  755. }
  756. }else{
  757. this.$api.msg('驳回失败!')
  758. }
  759. })
  760. }
  761. })
  762. },
  763. check() {
  764. // (1出库2入库3移库4退库并出库)taskTypeKey
  765. if (this.OutList.taskTypeKey == 1 || this.OutList.taskTypeKey == 3) {
  766. if (!this.OutList.grade) {
  767. this.$api.msg('品级不能为空')
  768. return
  769. }
  770. if (!this.OutList.bulkDensity) {
  771. this.$api.msg('容重不能为空')
  772. return
  773. }
  774. if (this.OutList.bulkDensity < 500 || this.OutList.bulkDensity > 1000) {
  775. this.$api.msg('容重输入错误')
  776. return
  777. }
  778. if (String(this.OutList.bulkDensity).indexOf('.') != -1 && String(this.OutList.bulkDensity).length - (
  779. String(this.OutList.bulkDensity).indexOf('.') + 1) > 0) {
  780. this.$api.msg('容重输入错误')
  781. return
  782. }
  783. if (!this.OutList.waterContent) {
  784. this.$api.msg('水分不能为空')
  785. return
  786. }
  787. if (isNaN(this.OutList.waterContent) ||
  788. (String(this.OutList.waterContent).indexOf('.') != -1 &&
  789. String(this.OutList.waterContent).length -
  790. (String(this.OutList.waterContent).indexOf('.') + 1) >
  791. 2) ||
  792. this.OutList.waterContent < 1 ||
  793. this.OutList.waterContent > 40
  794. ) {
  795. this.$api.msg('水分输入错误!')
  796. return
  797. }
  798. if (!this.OutList.unitPrice) {
  799. this.$api.msg('单价不能为空')
  800. return
  801. }
  802. if (isNaN(this.OutList.unitPrice) ||
  803. (String(this.OutList.unitPrice).indexOf('.') != -1 &&
  804. String(this.OutList.unitPrice).length -
  805. (String(this.OutList.unitPrice).indexOf('.') + 1) >
  806. 2) ||
  807. this.OutList.unitPrice < 1 ||
  808. this.OutList.unitPrice > 10000
  809. ) {
  810. this.$api.msg('单价输入错误!')
  811. return
  812. }
  813. }
  814. if (this.OutList.taskTypeKey == 1) {
  815. if (!this.OutList.businessDescribe) {
  816. this.$api.msg('业务描述不能为空')
  817. return
  818. }
  819. if (this.OutList.businessDescribe.length > 150) {
  820. this.$api.msg('业务描述长度错误')
  821. return
  822. }
  823. }
  824. if (this.EnterList.taskTypeKey == 2 && this.EnterList.judge) {
  825. if (!this.EnterList.grade) {
  826. this.$api.msg('品级不能为空')
  827. return
  828. }
  829. if (!this.EnterList.bulkDensity) {
  830. this.$api.msg('容重不能为空')
  831. return
  832. }
  833. if (this.EnterList.bulkDensity < 500 || this.EnterList.bulkDensity > 1000) {
  834. this.$api.msg('容重输入错误')
  835. return
  836. }
  837. if (String(this.EnterList.bulkDensity).indexOf('.') != -1 && String(this.EnterList.bulkDensity)
  838. .length - (
  839. String(this.EnterList.bulkDensity).indexOf('.') + 1) > 0) {
  840. this.$api.msg('容重输入错误')
  841. return
  842. }
  843. if (!this.EnterList.waterContent) {
  844. this.$api.msg('水分不能为空')
  845. return
  846. }
  847. if (isNaN(this.EnterList.waterContent) ||
  848. (String(this.EnterList.waterContent).indexOf('.') != -1 &&
  849. String(this.EnterList.waterContent).length -
  850. (String(this.EnterList.waterContent).indexOf('.') + 1) >
  851. 2) ||
  852. this.EnterList.waterContent < 1 ||
  853. this.EnterList.waterContent > 40
  854. ) {
  855. this.$api.msg('水分输入错误!')
  856. return
  857. }
  858. if (!this.EnterList.unitPrice) {
  859. this.$api.msg('单价不能为空')
  860. return
  861. }
  862. if (isNaN(this.EnterList.unitPrice) ||
  863. (String(this.EnterList.unitPrice).indexOf('.') != -1 &&
  864. String(this.EnterList.unitPrice).length -
  865. (String(this.EnterList.unitPrice).indexOf('.') + 1) >
  866. 2) ||
  867. this.EnterList.unitPrice < 1 ||
  868. this.EnterList.unitPrice > 10000
  869. ) {
  870. this.$api.msg('单价输入错误!')
  871. return
  872. }
  873. if (!this.EnterList.businessDescribe) {
  874. this.$api.msg('业务描述不能为空')
  875. return
  876. }
  877. if (this.EnterList.businessDescribe.length > 150) {
  878. this.$api.msg('业务描述长度错误')
  879. return
  880. }
  881. }
  882. if (this.OutList.taskTypeKey == 3) {
  883. if (!this.EnterList.businessDescribe) {
  884. this.$api.msg('业务描述不能为空')
  885. return
  886. }
  887. if (this.EnterList.businessDescribe.length > 150) {
  888. this.$api.msg('业务描述长度错误')
  889. return
  890. }
  891. }
  892. if (this.retreatList.taskTypeKey == 4 && this.retreatList.judge) {
  893. if (!this.retreatList.grade) {
  894. this.$api.msg('品级不能为空')
  895. return
  896. }
  897. if (!this.retreatList.bulkDensity) {
  898. this.$api.msg('容重不能为空')
  899. return
  900. }
  901. if (this.retreatList.bulkDensity < 500 || this.retreatList.bulkDensity > 1000) {
  902. this.$api.msg('容重输入错误')
  903. return
  904. }
  905. if (String(this.retreatList.bulkDensity).indexOf('.') != -1 && String(this.retreatList.bulkDensity)
  906. .length - (
  907. String(this.retreatList.bulkDensity).indexOf('.') + 1) > 0) {
  908. this.$api.msg('容重输入错误')
  909. return
  910. }
  911. if (!this.retreatList.waterContent) {
  912. this.$api.msg('水分不能为空')
  913. return
  914. }
  915. if (isNaN(this.retreatList.waterContent) ||
  916. (String(this.retreatList.waterContent).indexOf('.') != -1 &&
  917. String(this.retreatList.waterContent).length -
  918. (String(this.retreatList.waterContent).indexOf('.') + 1) >
  919. 2) ||
  920. this.retreatList.waterContent < 1 ||
  921. this.retreatList.waterContent > 40
  922. ) {
  923. this.$api.msg('水分输入错误!')
  924. return
  925. }
  926. if (!this.retreatList.unitPrice) {
  927. this.$api.msg('单价不能为空')
  928. return
  929. }
  930. if (isNaN(this.retreatList.unitPrice) ||
  931. (String(this.retreatList.unitPrice).indexOf('.') != -1 &&
  932. String(this.retreatList.unitPrice).length -
  933. (String(this.retreatList.unitPrice).indexOf('.') + 1) >
  934. 2) ||
  935. this.retreatList.unitPrice < 1 ||
  936. this.retreatList.unitPrice > 10000
  937. ) {
  938. this.$api.msg('单价输入错误!')
  939. return
  940. }
  941. if (!this.EnterList.businessDescribe) {
  942. this.$api.msg('业务描述不能为空')
  943. return
  944. }
  945. if (this.EnterList.businessDescribe.length > 150) {
  946. this.$api.msg('业务描述长度错误')
  947. return
  948. }
  949. }
  950. }
  951. }
  952. }
  953. </script>
  954. <style scoped lang="scss">
  955. .content1 {
  956. margin: 10rpx;
  957. padding-bottom: 224rpx;
  958. .title {
  959. height: 70rpx;
  960. line-height: 60rpx;
  961. font-size: 32rpx;
  962. font-weight: 600;
  963. color: #333333;
  964. border-bottom: 2rpx solid #EEEEEE;
  965. }
  966. }
  967. .uForm {
  968. padding: 0 40rpx;
  969. }
  970. .u-form-item {
  971. padding: 0;
  972. }
  973. .bottom-btn {
  974. width: 100%;
  975. position: fixed;
  976. bottom: 0;
  977. display: flex;
  978. z-index: 2;
  979. left: 0;
  980. background-color: #f8f8f8;
  981. flex-direction: column;
  982. .btn1,
  983. .btn2 {
  984. width: 100%;
  985. margin-bottom: 26rpx;
  986. border-radius: 90rpx;
  987. }
  988. .btn1 {
  989. background: white;
  990. color: #00C265;
  991. }
  992. }
  993. .submit {
  994. width: 50%;
  995. background: #22C572;
  996. border-radius: 10rpx;
  997. }
  998. .part2 {
  999. margin-top: 20rpx;
  1000. }
  1001. .textarea {
  1002. border: 1px solid #ccc;
  1003. border-radius: 10rpx;
  1004. background-color: #F9F9FA;
  1005. height: 100px;
  1006. }
  1007. .row {
  1008. display: flex;
  1009. justify-content: space-between;
  1010. // border-bottom: 1px solid #EEEEEE;
  1011. padding: 21rpx 0;
  1012. .right,
  1013. input {
  1014. font-size: 28rpx;
  1015. color: #333333;
  1016. }
  1017. }
  1018. //弹出框
  1019. // .popup {
  1020. // padding: 30rpx;
  1021. // border-radius: 20rpx;
  1022. // }
  1023. // .rejectInfoCss {
  1024. // border: 1px solid #ccc;
  1025. // border-radius: 10rpx;
  1026. // background-color: #F9F9FA;
  1027. // margin: 30rpx;
  1028. // overflow-y: auto;
  1029. // // height: 300rpx;
  1030. // background: red;
  1031. // }
  1032. .uForm_item {
  1033. padding: 20rpx;
  1034. background-color: #FFFFFF;
  1035. margin: 20rpx;
  1036. border-radius: 20rpx;
  1037. }
  1038. .rejectText {
  1039. text-align: center;
  1040. }
  1041. .topInfo {
  1042. height: 210rpx;
  1043. background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
  1044. padding: 30rpx;
  1045. .topInfo-item {
  1046. height: 150rpx;
  1047. background-color: #FFFFFF;
  1048. border-radius: 20rpx;
  1049. padding: 40rpx;
  1050. .logo {
  1051. width: 40rpx;
  1052. height: 40rpx;
  1053. margin-top: 8rpx;
  1054. }
  1055. .infoText {
  1056. font-size: 36rpx;
  1057. font-weight: 600;
  1058. margin-left: 20rpx;
  1059. }
  1060. .infoData {
  1061. color: #878C9C;
  1062. font-size: 26rpx;
  1063. margin-top: 10rpx;
  1064. }
  1065. }
  1066. }
  1067. .shade {
  1068. position: fixed;
  1069. top: 0;
  1070. left: 0;
  1071. height: 100%;
  1072. width: 100%;
  1073. background: rgba(0, 0, 0, 0.4);
  1074. z-index: 3;
  1075. .wrap {
  1076. position: absolute;
  1077. left: 0;
  1078. top: 0;
  1079. right: 0;
  1080. bottom: 0;
  1081. margin: auto;
  1082. background: #fff;
  1083. width: calc(100% - 198rpx);
  1084. height: 700rpx;
  1085. border-radius: 20rpx;
  1086. .alert-top {
  1087. padding: 33rpx;
  1088. display: flex;
  1089. justify-content: center;
  1090. align-items: center;
  1091. position: relative;
  1092. }
  1093. .title {
  1094. font-size: 32rpx;
  1095. font-weight: 600;
  1096. color: #333333;
  1097. }
  1098. .close {
  1099. position: absolute;
  1100. right: 33rpx;
  1101. }
  1102. }
  1103. }
  1104. .cancel,
  1105. .confirm {
  1106. position: absolute;
  1107. display: inline-block;
  1108. width: 50%;
  1109. text-align: center;
  1110. bottom: 0;
  1111. padding: 10px;
  1112. border-top: 1px solid #eee;
  1113. font-size: 34rpx;
  1114. }
  1115. .cancel {
  1116. left: 0;
  1117. border-right: 1px solid #eee;
  1118. color: #AFB3BF;
  1119. }
  1120. .confirm {
  1121. right: 0;
  1122. color: #22C572;
  1123. }
  1124. .u-textarea-style {
  1125. margin: 20rpx;
  1126. background: #F9F9FA;
  1127. border-radius: 10px;
  1128. border: 1px solid #EEEEEE;
  1129. padding: 10rpx 20rpx;
  1130. position: relative;
  1131. .right-bottom {
  1132. position: absolute;
  1133. right: 20rpx;
  1134. bottom: 20rpx;
  1135. color: #AFB3BF;
  1136. }
  1137. }
  1138. /deep/.u-input__textarea {
  1139. height: 300rpx !important;
  1140. }
  1141. .content2 {
  1142. background: white;
  1143. margin: 20rpx 0;
  1144. border-radius: 20rpx;
  1145. padding: 20rpx;
  1146. .row {
  1147. display: flex;
  1148. .left {
  1149. display: flex;
  1150. align-items: center;
  1151. .item1 {
  1152. position: relative;
  1153. .item-content {
  1154. background: #617AE0;
  1155. width: 44px;
  1156. height: 44px;
  1157. border-radius: 22px;
  1158. line-height: 44px;
  1159. text-align: center;
  1160. font-size: 15px;
  1161. color: #fff;
  1162. }
  1163. .status {
  1164. position: absolute;
  1165. border-radius: 50%;
  1166. padding: 0px 2px;
  1167. right: -3px;
  1168. bottom: -3px;
  1169. background: #fff;
  1170. }
  1171. .status.success {
  1172. border: 1px solid rgb(60, 156, 255);
  1173. }
  1174. .status.error {
  1175. border: 1px solid rgb(245, 108, 108);
  1176. }
  1177. .status.question {
  1178. border: 1px solid #f9ae3d;
  1179. }
  1180. }
  1181. }
  1182. .right {
  1183. width: 80%;
  1184. // color: #B0B1B5;
  1185. margin-top: 10px;
  1186. .right-content {
  1187. background: #F2F3F7;
  1188. margin-left: 10px;
  1189. margin-top: 10px;
  1190. padding: 10px;
  1191. border-radius: 5px;
  1192. color: #B0B1B5;
  1193. }
  1194. .right-item {
  1195. display: flex;
  1196. justify-content: space-between;
  1197. .time {
  1198. color: #999;
  1199. }
  1200. .item2 {
  1201. margin-left: 20rpx;
  1202. margin-top: -7px;
  1203. .name {
  1204. font-size: 28rpx;
  1205. font-weight: 800;
  1206. margin-bottom: 4px;
  1207. }
  1208. .status.success {
  1209. color: #6CC48C;
  1210. }
  1211. .status.error {
  1212. color: rgb(245, 108, 108);
  1213. }
  1214. .status.question {
  1215. color: #f9ae3d;
  1216. }
  1217. }
  1218. }
  1219. }
  1220. }
  1221. .row2 {
  1222. display: flex;
  1223. .item-content {
  1224. background: #22C572;
  1225. width: 30px;
  1226. height: 30px;
  1227. border-radius: 50%;
  1228. line-height: 30px;
  1229. text-align: center;
  1230. font-size: 12px;
  1231. color: #fff;
  1232. padding: 0 2px;
  1233. margin: 0 auto;
  1234. }
  1235. .status {
  1236. position: absolute;
  1237. top: 0;
  1238. right: 0;
  1239. }
  1240. }
  1241. .row-line {
  1242. width: 1px;
  1243. height: 30px;
  1244. background: #F2F2F2;
  1245. margin: 10rpx 50rpx;
  1246. }
  1247. .audit {
  1248. margin-top: 20rpx;
  1249. }
  1250. }
  1251. </style>