Issueandreceipt_task_approval.vue 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982
  1. <template>
  2. <view class="warp">
  3. <view class="topInfo">
  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.taskStatus}}</view>
  18. <view class="infoText" v-else>{{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">移库任务编号</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 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">移库任务编号</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 label="单价(元/吨)" prop="unitPrice" label-width="160"
  155. v-if="retreatList.inOutType != '退库'">
  156. <u-input v-model="OutList.unitPrice" input-align="right" placeholder="" />
  157. </u-form-item>
  158. <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top"
  159. v-if="OutList.inOutType != '移库出库'">
  160. <u-input v-model="OutList.businessDescribe" input-align="left" placeholder="请输入业务描述"
  161. type="textarea" class="textarea" maxlength="150" />
  162. </u-form-item>
  163. <u-form-item v-if="retreatList.inOutType!='退库'" label="仓位号(选填)" prop="binNumber"
  164. label-width="170">
  165. <u-input v-model="OutList.binNumber" input-align="right" placeholder="未指定" />
  166. </u-form-item>
  167. </view>
  168. </view>
  169. <view v-if="EnterList.judge == 2">
  170. <view class="uForm_item">
  171. <!-- 入库 -->
  172. <view class="title part2">{{EnterList.inOutType}}</view>
  173. <view class='row'>
  174. <view class="left">编号</view>
  175. <view class="right">入库({{EnterList.inOutTaskNo}})</view>
  176. </view>
  177. <view class='row'>
  178. <view class="left">仓库</view>
  179. <view class="right">{{EnterList.warehouseName}}</view>
  180. </view>
  181. <view class='row'>
  182. <view class="left">入库类型</view>
  183. <view class="right">{{EnterList.inOutType}}</view>
  184. </view>
  185. <view class='row' v-if="EnterList.inOutType == '移库入库'">
  186. <view class="left">移库任务编号</view>
  187. <view class="right">{{EnterList.moveTaskNo}}</view>
  188. </view>
  189. <view class='row' v-if="EnterList.inOutType != '移库入库'">
  190. <view class="left">合同编号</view>
  191. <view class="right">{{EnterList.contractNo}}</view>
  192. </view>
  193. <view class='row'>
  194. <view class="left">货名</view>
  195. <view class="right">{{EnterList.goodsName}}</view>
  196. </view>
  197. <view class='row'>
  198. <view class="left">重量(吨)</view>
  199. <view class="right">{{EnterList.weight}}</view>
  200. </view>
  201. <view class='row'>
  202. <view class="left">预计入库日期</view>
  203. <view class="right">{{EnterList.predictDate}}</view>
  204. </view>
  205. <view class='row'>
  206. <view class="left">预估运费(元/吨)</view>
  207. <view class="right">{{EnterList.estimatedFreight}}</view>
  208. </view>
  209. <view class='row'>
  210. <view class="left">收货人</view>
  211. <view class="right">{{EnterList.agent}}</view>
  212. </view>
  213. </view>
  214. <view class="uForm_item">
  215. <u-form-item label="品级" prop="grade" label-width="150" v-if="EnterList.inOutType != '移库入库' ">
  216. <u-input v-model="EnterList.grade" input-align="right" placeholder="请选择品级"
  217. @click='show=true' disabled />
  218. <u-picker :range="pjList" range-key="type" @confirm='pjPicker1($event)' v-model="show"
  219. mode="selector">
  220. </u-picker>
  221. </u-form-item>
  222. <u-form-item label="容重(克/升)>=" prop="bulkDensity" label-width="190"
  223. v-if="EnterList.inOutType != '移库入库'">
  224. <u-input v-model="EnterList.bulkDensity" input-align="right" placeholder="请输入容重占比" />
  225. </u-form-item>
  226. <u-form-item label="水分(%)<=" prop="waterContent" label-width="160"
  227. v-if="EnterList.inOutType != '移库入库'">
  228. <u-input v-model="EnterList.waterContent" input-align="right" placeholder="请输入水分占比" />
  229. </u-form-item>
  230. <u-form-item label="单价(元/吨)" prop="unitPrice" label-width="160"
  231. v-if="EnterList.inOutType != '移库入库'">
  232. <u-input v-model="EnterList.unitPrice" input-align="right" placeholder="请输入单价" />
  233. </u-form-item>
  234. <u-form-item label="业务描述" prop="businessDescribe" label-width="160" label-position="top">
  235. <u-input v-model="EnterList.businessDescribe" input-align="left" placeholder="请输入业务描述"
  236. type="textarea" class="textarea" maxlength="150" />
  237. </u-form-item>
  238. <u-form-item v-if="OutList.inOutType!='退库'" label="仓位号(选填)" prop="binNumber" label-width="170">
  239. <u-input v-model="EnterList.binNumber" input-align="right" placeholder="未指定" />
  240. </u-form-item>
  241. </view>
  242. </view>
  243. </u-form>
  244. </view>
  245. <view v-if='show1' class="shade">
  246. <view class="wrap">
  247. <view class="alert-top">
  248. <view class="title">
  249. {{title}}
  250. </view>
  251. <u-icon name="close" class="close" color="#8890B1" @click="close()"></u-icon>
  252. </view>
  253. <view class="u-textarea-style">
  254. <view class="right-bottom">
  255. {{auditMind.length}}/100个字
  256. </view>
  257. <u-input class="" v-model='auditMind' placeholder="请在此输入审核意见" type="textarea" height="414"
  258. maxlength="100" />
  259. </view>
  260. <view @click='close()' class="cancel">取消</view>
  261. <view @click='passSubmit()' class="confirm">确定</view>
  262. </view>
  263. </view>
  264. <u-toast ref="uToast" />
  265. <view style='padding:10px;' class='flex bottom-btn'>
  266. <u-button @click='reject' type="error" class="btn1" hover-class='none'>驳回</u-button>
  267. <u-button @click='pass' type="success" class="btn2">通过</u-button>
  268. </view>
  269. </view>
  270. </template>
  271. <script>
  272. import helper from '@/common/helper.js';
  273. import {
  274. mapState
  275. } from 'vuex';
  276. export default {
  277. data() {
  278. return {
  279. everyCheck: '',
  280. height: 200,
  281. autoHeight: true,
  282. border: false,
  283. id: "",
  284. OutList: {}, //出
  285. EnterList: {}, //入
  286. retreatList: {}, //退
  287. type: '移库',
  288. show: false,
  289. show1: false,
  290. auditMind: '',
  291. pjList: [{
  292. type: '一等品'
  293. },
  294. {
  295. type: '二等品'
  296. },
  297. {
  298. type: '三等品'
  299. },
  300. {
  301. type: '等外'
  302. }
  303. ],
  304. }
  305. },
  306. // onReady() {
  307. // this.$refs.uForm.setRules(this.rules);
  308. // },
  309. onBackPress(e) {
  310. uni.navigateTo({
  311. url: "/pages/task/my_task"
  312. })
  313. return true;
  314. },
  315. onLoad(options) {
  316. this.id = options.id
  317. this.everyCheck = uni.getStorageSync("everyTask")
  318. this.getList()
  319. },
  320. computed: {
  321. ...mapState(['hasLogin', 'userInfo']),
  322. },
  323. methods: {
  324. getList() {
  325. this.$api.doRequest('get', '/inOutWarehouseTask/getTask', {
  326. id: this.id
  327. }).then(res => {
  328. if (res.data.code == 200) {
  329. this.$api.doRequest('get', '/inOutWarehouseTask/getInOutWarehouseTask', {
  330. relevanceId: res.data.data.relevanceId
  331. }).then(res => {
  332. if (res.data.code == 200) {
  333. for (let i = 0; i < res.data.data.length; i++) {
  334. if (res.data.data[i].inOutType == "移库出库" || res.data.data[i]
  335. .inOutType == "贸易服务出库" || res.data.data[i].inOutType == "销售出库" ||
  336. res.data.data[i].inOutType == "暂存出库") {
  337. this.OutList = res.data.data[i]
  338. this.OutList.judge = 1
  339. } else if (res.data.data[i].inOutType == "移库入库" || res.data.data[i]
  340. .inOutType == "暂存入库" || res
  341. .data.data[i].inOutType == "采购入库" || res.data.data[i].inOutType ==
  342. "贸易服务入库") {
  343. this.EnterList = res.data.data[i]
  344. this.EnterList.judge = 2
  345. } else if (res.data.data[i].inOutType == "退库") {
  346. this.retreatList = res.data.data[i]
  347. this.retreatList.judge = 3
  348. }
  349. }
  350. }
  351. })
  352. }
  353. })
  354. },
  355. pjPicker(e) {
  356. this.OutList.grade = this.pjList[e[0]].type
  357. this.OutList.gradeKey = e[0] + 1
  358. },
  359. pjPicker1(e) {
  360. this.EnterList.grade = this.pjList[e[0]].type
  361. this.EnterList.gradeKey = e[0] + 1
  362. },
  363. close() {
  364. this.show1 = false
  365. },
  366. pass() {
  367. this.show1 = true
  368. this.title = '审核意见(通过)'
  369. },
  370. reject() {
  371. this.show1 = true
  372. this.title = '驳回原因(驳回)'
  373. },
  374. passSubmit() {
  375. var that = this
  376. if (this.title == '驳回原因(驳回)') {
  377. this.rejectSubmit()
  378. } else {
  379. let that = this
  380. that.show = false
  381. uni.showModal({
  382. content: "是否确定通过?",
  383. showCancel: true,
  384. confirmText: '确定',
  385. success: function(res) {
  386. if (res.confirm) {
  387. that.OutList.inOutFlag = 1
  388. that.EnterList.inOutFlag = 2
  389. if (that.OutList.taskTypeKey == 1) {
  390. that.requestadd(that.OutList)
  391. } else if (that.EnterList.taskTypeKey == 2) {
  392. that.requestadd(that.EnterList)
  393. } else if (
  394. that.OutList.taskTypeKey == 3 ||
  395. that.OutList.taskTypeKey == 4
  396. ) {
  397. that.requestadd(that.OutList, 'repetition')
  398. if (!that.deletetask) {
  399. that.requestadd(that.EnterList, 'repetition')
  400. }
  401. }
  402. if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey == 2) {
  403. that.requestadd(that.retreatList)
  404. } else if (that.retreatList.taskTypeKey == 3 || that.retreatList.taskTypeKey ==
  405. 4) {
  406. that.requestadd(that.retreatList, 'repetition')
  407. }
  408. }
  409. }
  410. })
  411. }
  412. },
  413. rejectSubmit() {
  414. // (1出库2入库3移库4退库并出库)
  415. if (!this.rejectInfo) {
  416. this.$api.msg('驳回原因不能为空!')
  417. } else {
  418. this.show = false
  419. let that = this
  420. uni.showModal({
  421. content: "是否确定驳回?",
  422. showCancel: true,
  423. confirmText: '确定',
  424. success: function(res) {
  425. if (res.confirm) {
  426. if (that.OutList.taskTypeKey == 1) {
  427. that.requestaudit(that.OutList)
  428. } else if (that.OutList.taskTypeKey == 2) {
  429. that.requestaudit(that.OutList)
  430. } else if (
  431. that.OutList.taskTypeKey == 3 ||
  432. that.OutList.taskTypeKey == 4
  433. ) {
  434. that.requestaudit(that.OutList, 'repetition')
  435. if (!that.deletetask) {
  436. that.requestaudit(that.OutList, 'repetition')
  437. }
  438. }
  439. if (that.EnterList.taskTypeKey) {
  440. if (that.EnterList.taskTypeKey == 1 || that.EnterList.taskTypeKey == 2) {
  441. that.requestaudit(that.EnterList)
  442. } else if (that.EnterList.taskTypeKey == 3 || that.EnterList.taskTypeKey ==
  443. 4) {
  444. that.requestaudit(that.EnterList, 'repetition')
  445. }
  446. }
  447. if (that.retreatList.taskTypeKey) {
  448. if (that.retreatList.taskTypeKey == 1 || that.retreatList.taskTypeKey ==
  449. 2) {
  450. that.requestaudit(that.retreatList)
  451. } else if (that.retreatList.taskTypeKey == 3 || that.retreatList
  452. .taskTypeKey == 4) {
  453. that.requestaudit(that.retreatList, 'repetition')
  454. }
  455. }
  456. }
  457. }
  458. })
  459. }
  460. },
  461. requestadd(list, status) {
  462. let that = this
  463. uni.getStorage({
  464. key: 'pcUserInfo',
  465. success(e) {
  466. debugger
  467. list.compId = e.data.compId //这就是你想要取的token
  468. uni.showLoading({
  469. title: "审核中"
  470. })
  471. that.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(
  472. res => {
  473. if (res.data.code == 200) {
  474. that.$api.doRequest('post', '/workflow/api/handle', {
  475. taskId: list.taskId,
  476. approved: true,
  477. auditMind: that.auditMind,
  478. needReapply: false
  479. }).then(res => {
  480. if (res.data.code == 200) {
  481. that.$api.msg('审核成功!')
  482. } else {
  483. that.$api.msg('审核失败!')
  484. }
  485. setTimeout(function() {
  486. if (that.everyCheck) {
  487. helper.setAudit(that.list)
  488. } else {
  489. uni.navigateBack()
  490. }
  491. uni.hideLoading()
  492. }, 1000);
  493. }).catch(res => {
  494. uni.hideLoading()
  495. if (res.message) {
  496. uni.showToast({
  497. title: res.message,
  498. icon: 'none',
  499. duration: 2000
  500. })
  501. } else {
  502. uni.showToast({
  503. title: "系统异常,请联系管理员",
  504. icon: 'none',
  505. duration: 2000
  506. })
  507. }
  508. })
  509. } else {
  510. that.$api.msg('审核失败!')
  511. }
  512. }).catch(res => {
  513. uni.hideLoading()
  514. if (res.message) {
  515. uni.showToast({
  516. title: res.message,
  517. icon: 'none',
  518. duration: 2000
  519. })
  520. } else {
  521. uni.showToast({
  522. title: "系统异常,请联系管理员",
  523. icon: 'none',
  524. duration: 2000
  525. })
  526. }
  527. })
  528. }
  529. })
  530. // list.publisher = this.userInfo.userName
  531. },
  532. requestaudit(list, status) {
  533. uni.showLoading({
  534. title: "审核中"
  535. })
  536. list.compId = '2710b21efc1e4393930c5dc800010dc4'
  537. // list.publisher = this.userInfo.userName
  538. this.$api.doRequest('post', '/inOutWarehouseTask/api/checkOrUpdateInOutTask', list).then(res => {
  539. if (res.data.code == 200) {
  540. this.$api.doRequest('post', '/workflow/api/handle', {
  541. taskId: list.taskId,
  542. approved: false,
  543. auditMind: this.rejectInfo,
  544. needReapply: true
  545. }).then(res => {
  546. if (res.data.code == 200) {
  547. this.$api.msg('驳回成功!')
  548. setTimeout(function() {
  549. if (this.everyCheck) {
  550. helper.setAudit(this.list)
  551. } else {
  552. uni.navigateBack()
  553. }
  554. uni.hideLoading()
  555. }, 1000);
  556. }
  557. })
  558. }
  559. })
  560. },
  561. check() {
  562. // (1出库2入库3移库4退库并出库)taskTypeKey
  563. if (this.OutList.taskTypeKey == 1 || this.OutList.taskTypeKey == 3) {
  564. if (!this.OutList.grade) {
  565. this.$api.msg('品级不能为空')
  566. return
  567. }
  568. if (!this.OutList.bulkDensity) {
  569. this.$api.msg('容重不能为空')
  570. return
  571. }
  572. if (this.OutList.bulkDensity < 500 || this.OutList.bulkDensity > 1000) {
  573. this.$api.msg('容重输入错误')
  574. return
  575. }
  576. if (String(this.OutList.bulkDensity).indexOf('.') != -1 && String(this.OutList.bulkDensity).length - (
  577. String(this.OutList.bulkDensity).indexOf('.') + 1) > 0) {
  578. this.$api.msg('容重输入错误')
  579. return
  580. }
  581. if (!this.OutList.waterContent) {
  582. this.$api.msg('水分不能为空')
  583. return
  584. }
  585. if (isNaN(this.OutList.waterContent) ||
  586. (String(this.OutList.waterContent).indexOf('.') != -1 &&
  587. String(this.OutList.waterContent).length -
  588. (String(this.OutList.waterContent).indexOf('.') + 1) >
  589. 2) ||
  590. this.OutList.waterContent < 1 ||
  591. this.OutList.waterContent > 40
  592. ) {
  593. this.$api.msg('水分输入错误!')
  594. return
  595. }
  596. if (!this.OutList.unitPrice) {
  597. this.$api.msg('单价不能为空')
  598. return
  599. }
  600. if (isNaN(this.OutList.unitPrice) ||
  601. (String(this.OutList.unitPrice).indexOf('.') != -1 &&
  602. String(this.OutList.unitPrice).length -
  603. (String(this.OutList.unitPrice).indexOf('.') + 1) >
  604. 2) ||
  605. this.OutList.unitPrice < 1 ||
  606. this.OutList.unitPrice > 10000
  607. ) {
  608. this.$api.msg('单价输入错误!')
  609. return
  610. }
  611. }
  612. if (this.OutList.taskTypeKey == 1) {
  613. if (!this.OutList.businessDescribe) {
  614. this.$api.msg('业务描述不能为空')
  615. return
  616. }
  617. if (this.OutList.businessDescribe.length > 150) {
  618. this.$api.msg('业务描述长度错误')
  619. return
  620. }
  621. }
  622. if (this.EnterList.taskTypeKey == 2 && this.EnterList.judge) {
  623. if (!this.EnterList.grade) {
  624. this.$api.msg('品级不能为空')
  625. return
  626. }
  627. if (!this.EnterList.bulkDensity) {
  628. this.$api.msg('容重不能为空')
  629. return
  630. }
  631. if (this.EnterList.bulkDensity < 500 || this.EnterList.bulkDensity > 1000) {
  632. this.$api.msg('容重输入错误')
  633. return
  634. }
  635. if (String(this.EnterList.bulkDensity).indexOf('.') != -1 && String(this.EnterList.bulkDensity)
  636. .length - (
  637. String(this.EnterList.bulkDensity).indexOf('.') + 1) > 0) {
  638. this.$api.msg('容重输入错误')
  639. return
  640. }
  641. if (!this.EnterList.waterContent) {
  642. this.$api.msg('水分不能为空')
  643. return
  644. }
  645. if (isNaN(this.EnterList.waterContent) ||
  646. (String(this.EnterList.waterContent).indexOf('.') != -1 &&
  647. String(this.EnterList.waterContent).length -
  648. (String(this.EnterList.waterContent).indexOf('.') + 1) >
  649. 2) ||
  650. this.EnterList.waterContent < 1 ||
  651. this.EnterList.waterContent > 40
  652. ) {
  653. this.$api.msg('水分输入错误!')
  654. return
  655. }
  656. if (!this.EnterList.unitPrice) {
  657. this.$api.msg('单价不能为空')
  658. return
  659. }
  660. if (isNaN(this.EnterList.unitPrice) ||
  661. (String(this.EnterList.unitPrice).indexOf('.') != -1 &&
  662. String(this.EnterList.unitPrice).length -
  663. (String(this.EnterList.unitPrice).indexOf('.') + 1) >
  664. 2) ||
  665. this.EnterList.unitPrice < 1 ||
  666. this.EnterList.unitPrice > 10000
  667. ) {
  668. this.$api.msg('单价输入错误!')
  669. return
  670. }
  671. if (!this.EnterList.businessDescribe) {
  672. this.$api.msg('业务描述不能为空')
  673. return
  674. }
  675. if (this.EnterList.businessDescribe.length > 150) {
  676. this.$api.msg('业务描述长度错误')
  677. return
  678. }
  679. }
  680. if (this.OutList.taskTypeKey == 3) {
  681. if (!this.EnterList.businessDescribe) {
  682. this.$api.msg('业务描述不能为空')
  683. return
  684. }
  685. if (this.EnterList.businessDescribe.length > 150) {
  686. this.$api.msg('业务描述长度错误')
  687. return
  688. }
  689. }
  690. if (this.retreatList.taskTypeKey == 4 && this.retreatList.judge) {
  691. if (!this.retreatList.grade) {
  692. this.$api.msg('品级不能为空')
  693. return
  694. }
  695. if (!this.retreatList.bulkDensity) {
  696. this.$api.msg('容重不能为空')
  697. return
  698. }
  699. if (this.retreatList.bulkDensity < 500 || this.retreatList.bulkDensity > 1000) {
  700. this.$api.msg('容重输入错误')
  701. return
  702. }
  703. if (String(this.retreatList.bulkDensity).indexOf('.') != -1 && String(this.retreatList.bulkDensity)
  704. .length - (
  705. String(this.retreatList.bulkDensity).indexOf('.') + 1) > 0) {
  706. this.$api.msg('容重输入错误')
  707. return
  708. }
  709. if (!this.retreatList.waterContent) {
  710. this.$api.msg('水分不能为空')
  711. return
  712. }
  713. if (isNaN(this.retreatList.waterContent) ||
  714. (String(this.retreatList.waterContent).indexOf('.') != -1 &&
  715. String(this.retreatList.waterContent).length -
  716. (String(this.retreatList.waterContent).indexOf('.') + 1) >
  717. 2) ||
  718. this.retreatList.waterContent < 1 ||
  719. this.retreatList.waterContent > 40
  720. ) {
  721. this.$api.msg('水分输入错误!')
  722. return
  723. }
  724. if (!this.retreatList.unitPrice) {
  725. this.$api.msg('单价不能为空')
  726. return
  727. }
  728. if (isNaN(this.retreatList.unitPrice) ||
  729. (String(this.retreatList.unitPrice).indexOf('.') != -1 &&
  730. String(this.retreatList.unitPrice).length -
  731. (String(this.retreatList.unitPrice).indexOf('.') + 1) >
  732. 2) ||
  733. this.retreatList.unitPrice < 1 ||
  734. this.retreatList.unitPrice > 10000
  735. ) {
  736. this.$api.msg('单价输入错误!')
  737. return
  738. }
  739. if (!this.EnterList.businessDescribe) {
  740. this.$api.msg('业务描述不能为空')
  741. return
  742. }
  743. if (this.EnterList.businessDescribe.length > 150) {
  744. this.$api.msg('业务描述长度错误')
  745. return
  746. }
  747. }
  748. }
  749. }
  750. }
  751. </script>
  752. <style scoped lang="scss">
  753. .content1 {
  754. margin: 10rpx;
  755. padding-bottom: 224rpx;
  756. .title {
  757. height: 70rpx;
  758. line-height: 60rpx;
  759. font-size: 32rpx;
  760. font-weight: 600;
  761. color: #333333;
  762. border-bottom: 2rpx solid #EEEEEE;
  763. }
  764. }
  765. .uForm {
  766. padding: 0 40rpx;
  767. }
  768. .u-form-item {
  769. padding: 0;
  770. }
  771. .bottom-btn {
  772. width: 100%;
  773. position: fixed;
  774. bottom: 0;
  775. display: flex;
  776. z-index: 2;
  777. left: 0;
  778. background-color: #f8f8f8;
  779. flex-direction: column;
  780. .btn1,
  781. .btn2 {
  782. width: 100%;
  783. margin-bottom: 26rpx;
  784. border-radius: 90rpx;
  785. }
  786. .btn1 {
  787. background: white;
  788. color: #00C265;
  789. }
  790. }
  791. .submit {
  792. width: 50%;
  793. background: #22C572;
  794. border-radius: 10rpx;
  795. }
  796. .part2 {
  797. margin-top: 20rpx;
  798. }
  799. .textarea {
  800. border: 1px solid #ccc;
  801. border-radius: 10rpx;
  802. background-color: #F9F9FA;
  803. height: 100px;
  804. }
  805. .row {
  806. display: flex;
  807. justify-content: space-between;
  808. // border-bottom: 1px solid #EEEEEE;
  809. padding: 21rpx 0;
  810. .right,
  811. input {
  812. font-size: 28rpx;
  813. color: #333333;
  814. }
  815. }
  816. //弹出框
  817. // .popup {
  818. // padding: 30rpx;
  819. // border-radius: 20rpx;
  820. // }
  821. // .rejectInfoCss {
  822. // border: 1px solid #ccc;
  823. // border-radius: 10rpx;
  824. // background-color: #F9F9FA;
  825. // margin: 30rpx;
  826. // overflow-y: auto;
  827. // // height: 300rpx;
  828. // background: red;
  829. // }
  830. .uForm_item {
  831. padding: 20rpx;
  832. background-color: #FFFFFF;
  833. margin: 20rpx;
  834. border-radius: 20rpx;
  835. }
  836. .rejectText {
  837. text-align: center;
  838. }
  839. .topInfo {
  840. height: 210rpx;
  841. background: linear-gradient(270deg, #22C572 0%, #34DE8A 100%);
  842. padding: 30rpx;
  843. .topInfo-item {
  844. height: 150rpx;
  845. background-color: #FFFFFF;
  846. border-radius: 20rpx;
  847. padding: 40rpx;
  848. .logo {
  849. width: 40rpx;
  850. height: 40rpx;
  851. margin-top: 8rpx;
  852. }
  853. .infoText {
  854. font-size: 36rpx;
  855. font-weight: 600;
  856. margin-left: 20rpx;
  857. }
  858. .infoData {
  859. color: #878C9C;
  860. font-size: 26rpx;
  861. margin-top: 10rpx;
  862. }
  863. }
  864. }
  865. .shade {
  866. position: fixed;
  867. top: 0;
  868. left: 0;
  869. height: 100%;
  870. width: 100%;
  871. background: rgba(0, 0, 0, 0.4);
  872. z-index: 3;
  873. .wrap {
  874. position: absolute;
  875. left: 0;
  876. top: 0;
  877. right: 0;
  878. bottom: 0;
  879. margin: auto;
  880. background: #fff;
  881. width: calc(100% - 198rpx);
  882. height: 700rpx;
  883. border-radius: 20rpx;
  884. .alert-top {
  885. padding: 33rpx;
  886. display: flex;
  887. justify-content: center;
  888. align-items: center;
  889. position: relative;
  890. }
  891. .title {
  892. font-size: 32rpx;
  893. font-weight: 600;
  894. color: #333333;
  895. }
  896. .close {
  897. position: absolute;
  898. right: 33rpx;
  899. }
  900. }
  901. }
  902. .cancel,
  903. .confirm {
  904. position: absolute;
  905. display: inline-block;
  906. width: 50%;
  907. text-align: center;
  908. bottom: 0;
  909. padding: 10px;
  910. border-top: 1px solid #eee;
  911. font-size: 34rpx;
  912. }
  913. .cancel {
  914. left: 0;
  915. border-right: 1px solid #eee;
  916. color: #AFB3BF;
  917. }
  918. .confirm {
  919. right: 0;
  920. color: #22C572;
  921. }
  922. .u-textarea-style {
  923. margin: 20rpx;
  924. background: #F9F9FA;
  925. border-radius: 10px;
  926. border: 1px solid #EEEEEE;
  927. padding: 10rpx 20rpx;
  928. position: relative;
  929. .right-bottom {
  930. position: absolute;
  931. right: 20rpx;
  932. bottom: 20rpx;
  933. color: #AFB3BF;
  934. }
  935. }
  936. /deep/.u-input__textarea {
  937. height: 300rpx !important;
  938. }
  939. </style>