Issueandreceipt_task_approval.vue 40 KB

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