index.vue 42 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532
  1. <template>
  2. <!-- 报工页面 -->
  3. <view class="content-box">
  4. <uni-nav-bar
  5. fixed="true"
  6. statusBar="true"
  7. left-icon="back"
  8. :title="title"
  9. background-color="#F7F9FA"
  10. color="#000"
  11. @clickLeft="back"
  12. right-icon="scan"
  13. @clickRight="HandlScanCode"
  14. >
  15. </uni-nav-bar>
  16. <view class="list_box">
  17. <u-list @scrolltolower="scrolltolower">
  18. <view class="card_box">
  19. <!-- 工单信息 objData 报告信息-->
  20. <workOrderBom
  21. :item="objData"
  22. v-if="objData"
  23. pType="job"
  24. :taskType="taskType"
  25. @handleScan="handleScan"
  26. >
  27. </workOrderBom>
  28. <paramBom
  29. v-if="paramDetailList.length != 0"
  30. :list="paramDetailList"
  31. ></paramBom>
  32. <!-- 设备信息 -->
  33. <deviceBom
  34. v-if="objData.equipmentList.length != 0"
  35. :list="objData.equipmentList"
  36. :ishuoWei="false"
  37. :wordItem="objData"
  38. :isDetails="true"
  39. >
  40. </deviceBom>
  41. <modelBom
  42. v-if="objData.modelList.length != 0"
  43. :list="objData.modelList"
  44. pattern="job"
  45. ref="modelRef"
  46. >
  47. </modelBom>
  48. <!-- 1报工信息 -->
  49. <!-- <view v-if="clientEnvironmentId == 3">
  50. <view v-if="objData.singleReport !== 1">
  51. <jobBom
  52. v-if="isLoad"
  53. :item="objData"
  54. ref="jobReftg"
  55. :notFormed="objData.notFormedList"
  56. @penalize="penalize"
  57. @modeNum="modeNum"
  58. ></jobBom>
  59. </view>
  60. </view> -->
  61. <!-- <view>3333</view> -->
  62. <!-- <view v-if=""></view> -->
  63. <!-- 单独报工报工信息 -->
  64. <!-- single -->
  65. <singleJobBom
  66. v-if="objData.singleReport == 1"
  67. :item="objData"
  68. ref="jobRef"
  69. :notFormed="objData.notFormedList"
  70. @penalize="penalize"
  71. @modeNum="modeNum"
  72. ></singleJobBom>
  73. <!-- 批量报工 -->
  74. <batchJobBom
  75. v-else-if="
  76. objData.currentTaskDiagram &&
  77. objData.currentTaskDiagram.type &&
  78. objData.singleReport == 0
  79. "
  80. :item="objData"
  81. ref="jobRef"
  82. :notFormed="objData.notFormedList"
  83. :currentTask="objData.currentTaskDiagram"
  84. @penalize="penalize"
  85. @modeNum="modeNum"
  86. ></batchJobBom>
  87. <palletBom
  88. v-if="objData.palletList.length != 0"
  89. :palletList="objData.palletList"
  90. ></palletBom>
  91. <revolvingDiskBom
  92. v-if="isLoad && objData.revolvingDiskList.length > 0"
  93. pattern="job"
  94. :revolvingDiskList="objData.revolvingDiskList"
  95. ></revolvingDiskBom>
  96. <!-- <oneJobBom
  97. v-if='objData.instanceList && objData.instanceList.length != 0 && taskType != 4 && taskType != 6'
  98. :item='objData' :list='objData.instanceList'>
  99. </oneJobBom> -->
  100. <!-- -->
  101. <!-- 报工信息 列表 -->
  102. <view
  103. v-if="clientEnvironmentId == 3 || this.objData.singleReport !== 1"
  104. >
  105. <semiProductJobBom
  106. v-if="
  107. objData.semiProductList &&
  108. objData.semiProductList.length != 0 &&
  109. taskType != 4 &&
  110. taskType != 6 &&
  111. objData.singleReport == 1
  112. "
  113. :item="objData"
  114. :list="objData.semiProductList"
  115. :equipmentList="objData.equipmentList"
  116. @weightEmit="weightEmit"
  117. >
  118. </semiProductJobBom>
  119. </view>
  120. <!-- <view v-if="this.objData.singleReport">
  121. </view> -->
  122. <semiProductJobBomPL
  123. v-if="
  124. objData.semiProductList &&
  125. objData.semiProductList.length != 0 &&
  126. taskType != 4 &&
  127. taskType != 6 &&
  128. objData.singleReport == 0 &&
  129. clientEnvironmentId == 3
  130. "
  131. :item="objData"
  132. :list="objData.semiProductList"
  133. :equipmentList="objData.equipmentList"
  134. @countNumPl="countNumPl"
  135. >
  136. </semiProductJobBomPL>
  137. <oneJobQualityBom
  138. v-if="
  139. objData.semiProductList &&
  140. objData.semiProductList.length != 0 &&
  141. taskType == 6 &&
  142. clientEnvironmentId == 3 &&
  143. objData.singleReport == 1
  144. "
  145. :item="objData"
  146. :list="objData.semiProductList"
  147. @weightEmit="weightEmit"
  148. ></oneJobQualityBom>
  149. <oneJobQualityBomPL
  150. v-if="
  151. objData.semiProductList &&
  152. objData.semiProductList.length != 0 &&
  153. taskType == 6 &&
  154. clientEnvironmentId == 3 &&
  155. objData.singleReport == 0
  156. "
  157. :item="objData"
  158. :list="objData.semiProductList"
  159. ></oneJobQualityBomPL>
  160. <!-- 副产品 -->
  161. <byProductBom
  162. v-if="objData.productRecycleList.length != 0"
  163. :list="objData.productRecycleList"
  164. @penalize="penalize"
  165. >
  166. </byProductBom>
  167. <!-- 周转车 -->
  168. <turnoverBom
  169. v-if="objData.turnover.length != 0"
  170. :list="objData.turnover"
  171. :itemValue="objData"
  172. :wordItem="objData"
  173. pattern="job"
  174. @handleScan="handleScan"
  175. @formedNumFn="formedNumFn"
  176. >
  177. </turnoverBom>
  178. <!-- // 区域扫码 -->
  179. <aridRegion
  180. v-if="objData.aridRegionList.length != 0"
  181. :list="objData.aridRegionList"
  182. :remainingTime="remainingTime"
  183. @handleScan="handleScan"
  184. :isType="true"
  185. ></aridRegion>
  186. <!-- //包装扫码 -->
  187. <!-- <view v-if="clientEnvironmentId != 2 && objData.singleReport !== 1">
  188. <packingBom
  189. :taskId="taskId"
  190. :workOrderId="id"
  191. :objData="objData"
  192. ref="packRef"
  193. v-if="taskType == 4 && clientEnvironmentId != 3 && objData"
  194. :categoryId="categoryId"
  195. >
  196. </packingBom>
  197. </view> -->
  198. <!-- 通用包装 -->
  199. <view v-if="clientEnvironmentId != 2 && clientEnvironmentId != 3">
  200. <packingBom
  201. :taskId="taskId"
  202. :workOrderId="id"
  203. :objData="objData"
  204. ref="packRef"
  205. v-if="taskType == 4 && clientEnvironmentId != 3 && objData"
  206. :categoryId="categoryId"
  207. >
  208. </packingBom>
  209. </view>
  210. <!-- 碳谷 包装扫码 -->
  211. <packingTgBom
  212. v-if="
  213. objData.pickOutInList &&
  214. objData.pickOutInList.length != 0 &&
  215. taskType == 4 &&
  216. clientEnvironmentId == 3
  217. "
  218. :list="objData.pickOutInList"
  219. :objData="objData"
  220. :item="objData"
  221. ></packingTgBom>
  222. <view class="operate_box rx-sc">
  223. <u-button
  224. size="small"
  225. class="u-reset-button"
  226. type="success"
  227. @click="handAdd"
  228. >手动添加</u-button
  229. >
  230. </view>
  231. <view style="height: 100rpx"></view>
  232. </view>
  233. </u-list>
  234. </view>
  235. <view :class="[operateBtn ? 'flex_btn' : 'flex_btn2']">
  236. <image
  237. v-if="operateBtn"
  238. class="jiantou"
  239. src="../../../../static/rightJt.png"
  240. @click="operateBtn = false"
  241. >
  242. </image>
  243. <view class="close_box" @click="operateBtn = true">
  244. <image
  245. v-if="!operateBtn"
  246. class="close"
  247. src="../../../../static/close.png"
  248. ></image>
  249. </view>
  250. <view v-if="!operateBtn" @click="removeCacheFn()">清空缓存</view>
  251. <view v-if="!operateBtn" @click="switchOrder = true">切换工单</view>
  252. </view>
  253. <view class="bottom-wrapper">
  254. <view class="btn_box" @click="save(1)">缓存</view>
  255. <view class="btn_box" @click="save(2)">一键报工</view>
  256. </view>
  257. <SearchPopup mode="bottom" v-if="searchShow">
  258. <template v-slot:list>
  259. <view class="search_list">
  260. <u-form
  261. labelPosition="left"
  262. :model="formData"
  263. labelWidth="180"
  264. labelAlign="left"
  265. class="baseForm"
  266. >
  267. <u-form-item
  268. label="仓库:"
  269. class="required-form"
  270. borderBottom
  271. prop="warehouseId"
  272. >
  273. <zxz-uni-data-select
  274. :localdata="warehouseList"
  275. v-model="formData.warehouseId"
  276. dataValue="id"
  277. dataKey="name"
  278. filterable
  279. format="{name}"
  280. ></zxz-uni-data-select>
  281. </u-form-item>
  282. </u-form>
  283. </view>
  284. </template>
  285. <template v-slot:operate>
  286. <view class="operate_box rx-bc">
  287. <u-button size="small" class="u-reset-button" @click="searchCancel">
  288. 取消
  289. </u-button>
  290. <u-button
  291. type="success"
  292. size="small"
  293. class="u-reset-button"
  294. @click="popupOk"
  295. >
  296. 确定
  297. </u-button>
  298. </view>
  299. </template>
  300. </SearchPopup>
  301. <SearchPopup mode="center" v-if="switchOrder">
  302. <template v-slot:list>
  303. <view class="search_list2">
  304. <u-form
  305. labelPosition="left"
  306. :model="formData"
  307. labelWidth="180"
  308. labelAlign="left"
  309. class="baseForm"
  310. >
  311. <u-form-item
  312. label="工单:"
  313. class="required-form"
  314. borderBottom
  315. prop="warehouseId"
  316. >
  317. <zxz-uni-data-select
  318. :localdata="warehouseList"
  319. v-model="formData.warehouseId"
  320. dataValue="id"
  321. dataKey="name"
  322. filterable
  323. format="{name}"
  324. ></zxz-uni-data-select>
  325. </u-form-item>
  326. </u-form>
  327. </view>
  328. </template>
  329. <template v-slot:operate>
  330. <view class="operate_box rx-bc">
  331. <u-button
  332. size="small"
  333. class="u-reset-button"
  334. @click="switchOrder = false"
  335. >
  336. 取消
  337. </u-button>
  338. <u-button type="success" size="small" class="u-reset-button">
  339. 确定
  340. </u-button>
  341. </view>
  342. </template>
  343. </SearchPopup>
  344. </view>
  345. </template>
  346. <script>
  347. import {
  348. getByIdReport,
  349. outSourceGetByIdReport,
  350. getByCodeReport,
  351. jobSave,
  352. } from "@/api/pda/jobBooking.js";
  353. import {
  354. scanLedger,
  355. getWarehouseList,
  356. saveCache,
  357. getCache,
  358. removeCache,
  359. } from "@/api/pda/workOrder.js";
  360. import workOrderBom from "../../feeding/components/workOrderBom.vue";
  361. import deviceBom from "../../feeding/components/deviceBom.vue";
  362. import modelBom from "../../feeding/components/modelBom.vue";
  363. import jobBom from "../components/jobBom.vue";
  364. import singleJobBom from "../components/singleJobBom.vue";
  365. import palletBom from "../components/palletBom.vue";
  366. import oneJobBom from "../components/oneJobBom.vue";
  367. import semiProductJobBom from "../components/semiProductJobBom.vue";
  368. import semiProductJobBomPL from "../components/semiProductJobBomPL.vue";
  369. import byProductBom from "../components/byProductBom";
  370. import turnoverBom from "../components/turnoverBom.vue";
  371. import aridRegion from "../../feeding/components/aridRegion.vue";
  372. import paramBom from "../../feeding/components/paramBom.vue";
  373. import packingBom from "../components/packingBom.vue";
  374. import packingTgBom from "../components/packingTgBom";
  375. import revolvingDiskBom from "../../feeding/components/revolvingDiskBom.vue";
  376. import SearchPopup from "../../components/searchPopup.vue";
  377. import oneJobQualityBom from "../components/oneJobQualityBom.vue";
  378. import oneJobQualityBomPL from "../components/oneJobQualityBomPL.vue";
  379. import batchJobBom from "../components/batchJobBom.vue";
  380. import workInProgressList from "../components/workInProgressList.vue";
  381. export default {
  382. components: {
  383. workOrderBom,
  384. deviceBom,
  385. modelBom,
  386. jobBom,
  387. singleJobBom,
  388. palletBom,
  389. oneJobBom,
  390. semiProductJobBom,
  391. semiProductJobBomPL,
  392. byProductBom,
  393. turnoverBom,
  394. aridRegion,
  395. paramBom,
  396. packingBom,
  397. packingTgBom,
  398. revolvingDiskBom,
  399. SearchPopup,
  400. oneJobQualityBom,
  401. oneJobQualityBomPL,
  402. batchJobBom,
  403. workInProgressList,
  404. },
  405. data() {
  406. return {
  407. title: "",
  408. taskType: 1,
  409. isLoad: true,
  410. categoryId: "",
  411. objData: {
  412. formedNumLast: 0,
  413. product: [],
  414. equipmentList: [],
  415. modelList: [],
  416. turnover: [],
  417. productRecycleList: [],
  418. aridRegionList: [],
  419. palletList: [],
  420. workReportInfo: {},
  421. notFormedList: [], // 报工-不合格
  422. },
  423. searchShow: false,
  424. switchOrder: false,
  425. warehouseList: [],
  426. formData: {
  427. warehouseId: "",
  428. },
  429. penalizeIndex: null,
  430. paramDetailList: [],
  431. remainingTime: 0,
  432. id: null,
  433. taskId: null,
  434. clientEnvironmentId:
  435. uni.getStorageSync("userInfo") &&
  436. uni.getStorageSync("userInfo").clientEnvironmentId, // *1 主环境-601环境 2 soll-索尔环境 3 tg-碳谷环境
  437. operateBtn: true,
  438. isOutsource: 0,
  439. };
  440. },
  441. onLoad(options) {
  442. console.log(options, "optionsoptions");
  443. this.info = options.info;
  444. this.title = options.taskName ? options.taskName + "-报工" : "报工";
  445. this.taskType = options.taskType;
  446. this.id = options.id;
  447. this.taskId = options.taskId;
  448. this.isOutsource = options.isOutsource;
  449. this.categoryId = options.categoryId;
  450. this.singleReport = options.singleReport; // 单个报工 1是单 2多
  451. this.getList();
  452. },
  453. onShow() {
  454. uni.$off("setSelectList");
  455. uni.$on("setSelectList", (selectList, id) => {
  456. let turnover = [];
  457. let equipmentList = []; // 生产设备
  458. let isEquipment = this.objData.equipmentList.length > 0 ? true : false; // 判断是否有设置
  459. selectList.forEach((f) => {
  460. if (f.rootCategoryLevelId == 4) {
  461. // 生产设备
  462. if (isEquipment) {
  463. equipmentList = this.objData.equipmentList;
  464. } else {
  465. equipmentList = equipmentList.concat(f);
  466. }
  467. }
  468. if (f.rootCategoryLevelId == 7) {
  469. // 周转车
  470. turnover = turnover.concat(f);
  471. }
  472. });
  473. this.$set(this.objData, "equipmentList", equipmentList);
  474. this.$set(this.objData, "turnover", turnover);
  475. this.$forceUpdate();
  476. });
  477. },
  478. methods: {
  479. weightEmit(formedWeight, notFormedWeight) {
  480. this.$refs.jobReftg.fWeightInput(formedWeight, notFormedWeight);
  481. this.$nextTick(() => {
  482. this.$set(this.objData.workReportInfo, "formedWeight", formedWeight);
  483. this.$set(
  484. this.objData.workReportInfo,
  485. "notFormedWeight",
  486. notFormedWeight
  487. );
  488. });
  489. this.$forceUpdate();
  490. },
  491. // 相机扫码
  492. HandlScanCode() {
  493. uni.scanCode({
  494. success: (res) => {
  495. this.scanItAllData(res.result);
  496. },
  497. });
  498. },
  499. scanItAllData(result) {
  500. scanLedger(result).then((res) => {
  501. if (res[0].rootCategoryLevelId == 4) {
  502. // 设备
  503. let isFals = this.objData.equipmentList.some((m) => m.code == result);
  504. if (isFals) {
  505. uni.showToast({
  506. title: "设备已存在",
  507. icon: "none",
  508. });
  509. return false;
  510. }
  511. this.objData.equipmentList.push(res[0]);
  512. this.$forceUpdate();
  513. }
  514. if (res.length >= 1 && res[0].rootCategoryLevelId == 5) {
  515. // 磨具
  516. if (this.objData.modelList.length == 0) {
  517. this.objData.modelList = res;
  518. this.$forceUpdate();
  519. } else {
  520. if (this.objData.modelList[0].instanceId != res[0].instanceId) {
  521. uni.showToast({
  522. title: "模具不匹配",
  523. icon: "none",
  524. });
  525. } else {
  526. uni.showToast({
  527. title: "设备匹配成功",
  528. icon: "none",
  529. });
  530. }
  531. }
  532. } else if (res.length == 1 && res[0].rootCategoryLevelId == 7) {
  533. // 周转车
  534. let isFals = this.objData.turnover.some((m) => m.code == result);
  535. if (isFals) {
  536. uni.showToast({
  537. title: "周转车已存在",
  538. icon: "none",
  539. });
  540. return false;
  541. }
  542. this.objData.turnover.push(res[0]);
  543. this.$forceUpdate();
  544. }
  545. });
  546. },
  547. handleScan(id, type) {
  548. uni.scanCode({
  549. success: (res) => {
  550. this.scanData(res.result, type, id);
  551. },
  552. });
  553. },
  554. scanData(result, type, id) {
  555. if (type == "wordOrder") {
  556. getByCodeReport(result, this.taskId).then((res) => {
  557. this.objData = res;
  558. if (!this.objData.hasOwnProperty("turnover")) {
  559. this.objData["turnover"] = [];
  560. }
  561. if (!this.objData.hasOwnProperty("aridRegionList")) {
  562. this.objData["aridRegionList"] = [];
  563. }
  564. });
  565. } else if (type == "turnover") {
  566. let isFals = this.objData.turnover.some((m) => m.code == result);
  567. if (isFals) {
  568. uni.showToast({
  569. title: "周转车已存在",
  570. icon: "none",
  571. });
  572. return false;
  573. }
  574. getByCodeReport(result, this.taskId).then((res) => {
  575. this.objData.turnover[id] = res;
  576. });
  577. }
  578. },
  579. formedNumFn(num) {
  580. console.log(999, num);
  581. this.$refs.jobRef.setFormedNum(num);
  582. },
  583. getList() {
  584. this.isLoad = false;
  585. let URL = this.isOutsource == 0 ? getByIdReport : outSourceGetByIdReport;
  586. console.log(URL, "URLURLURL");
  587. URL(this.id, this.taskId)
  588. .then((res) => {
  589. // currentTaskDiagram 有是否可以报工
  590. this.objData = res;
  591. console.log(22, res);
  592. if (!this.objData.hasOwnProperty("turnover")) {
  593. this.objData["turnover"] = [];
  594. }
  595. if (!this.objData.hasOwnProperty("aridRegionList")) {
  596. this.objData["aridRegionList"] = [];
  597. }
  598. if (!this.objData.hasOwnProperty("instanceList")) {
  599. this.objData["instanceList"] = [];
  600. }
  601. if (!this.objData.hasOwnProperty("palletList")) {
  602. this.objData["palletList"] = [];
  603. }
  604. if (!this.objData.hasOwnProperty("revolvingDiskList")) {
  605. this.objData["revolvingDiskList"] = [];
  606. }
  607. // this.taskType = res.currentTaskDiagram.type
  608. if (this.objData.palletList.length > 0) {
  609. this.objData.palletList = this.objData.palletList.map((m) => {
  610. return {
  611. hideKc: true, // 不显示库存
  612. quantity: m.feedQuantity,
  613. ...m,
  614. };
  615. });
  616. } else {
  617. // this.objData.palletList = [{
  618. // categoryLevelId: '',
  619. // categoryLevelName: '',
  620. // categoryId: '',
  621. // rootCategoryLevelId: '',
  622. // code: '',
  623. // name: '',
  624. // specification: '',
  625. // brandNum: '',
  626. // modelType: '',
  627. // quantity: '',
  628. // unit: '',
  629. // }]
  630. }
  631. if (
  632. (this.taskType == 6 || this.isOutsource == 1) &&
  633. this.clientEnvironmentId == 3
  634. ) {
  635. this.objData.semiProductList = this.objData.pickOutInList;
  636. }
  637. // if (this.taskId == 6 || this.isOutsource == 1) {
  638. // this.objData.product = this.objData.pickOutInList;
  639. // }
  640. if (
  641. (this.taskType == 6 || this.taskType == 4) &&
  642. this.objData.singleReport == 1 &&
  643. this.clientEnvironmentId != 3 &&
  644. this.clientEnvironmentId != 2
  645. ) {
  646. if (
  647. this.objData.pickOutInList &&
  648. this.objData.pickOutInList.length != 0
  649. ) {
  650. this.objData.semiProductList = this.objData.pickOutInList;
  651. this.objData.pickOutInList = [];
  652. }
  653. }
  654. if (
  655. (this.taskType == 6 || this.taskType == 4) &&
  656. this.objData.singleReport == 0 &&
  657. this.clientEnvironmentId != 3 &&
  658. this.clientEnvironmentId != 2
  659. ) {
  660. if (
  661. this.objData.pickOutInList &&
  662. this.objData.pickOutInList.length != 0
  663. ) {
  664. this.objData.product = this.objData.pickOutInList;
  665. this.objData.pickOutInList = [];
  666. }
  667. }
  668. if (
  669. this.objData.singleReport == 1 &&
  670. this.objData.currentTaskDiagram.type != 2 &&
  671. this.objData.currentTaskDiagram.type != 3 &&
  672. this.objData.currentTaskDiagram.type != 6
  673. ) {
  674. this.objData.semiProductList.map((item) => {
  675. item.extInfo.taskId = "";
  676. item.extInfo.taskName = "";
  677. });
  678. }
  679. if (
  680. this.objData.singleReport == 0 &&
  681. this.objData.currentTaskDiagram.type != 2 &&
  682. this.objData.currentTaskDiagram.type != 3 &&
  683. this.objData.currentTaskDiagram.type != 6
  684. ) {
  685. this.objData.product.map((item) => {
  686. item.extInfo.taskId = "";
  687. item.extInfo.taskName = "";
  688. });
  689. }
  690. if (
  691. this.clientEnvironmentId == 3 &&
  692. this.objData.singleReport == 0 &&
  693. this.taskType != 6
  694. ) {
  695. this.objData.semiProductList.map((a) => {
  696. a.extInfo.batchReportInfo = [
  697. {
  698. allFeedQuantity: "",
  699. allReportWeight: "",
  700. taskId: "",
  701. taskName: "",
  702. },
  703. ];
  704. a.extInfo.notBatchReportInfo = [
  705. {
  706. allFeedQuantity: "",
  707. allReportWeight: "",
  708. notType: "",
  709. taskId: "",
  710. taskName: "",
  711. notReason: "",
  712. },
  713. ];
  714. return {
  715. a,
  716. };
  717. });
  718. this.objData.semiProductList = this.objData.semiProductList;
  719. }
  720. this.objData.workReportInfo = {
  721. formingNum: null,
  722. formingWeight: null,
  723. formedNum: null,
  724. formedWeight: null,
  725. taskId: this.taskId,
  726. executorTime: "",
  727. };
  728. this.objData.notFormedList = [
  729. {
  730. notFormedNum: null,
  731. notFormedWeight: null,
  732. weightUnit: res.weightUnit,
  733. unit: res.unit,
  734. warehouseId: null, // 处置 仓库id
  735. },
  736. ];
  737. this.objData.semiProductList = this.objData.semiProductList.map(
  738. (item) => {
  739. if (this.taskType != 6) {
  740. if (item["extInfo"]?.reportWeight) {
  741. item["extInfo"].reportWeight = "";
  742. }
  743. }
  744. item.confirm = 0;
  745. console.log(item, "item");
  746. return item;
  747. }
  748. );
  749. this.objData.product = this.objData.product.map((item) => {
  750. if (this.taskType != 6) {
  751. if (item["extInfo"]?.reportWeight) {
  752. item["extInfo"].reportWeight = "";
  753. }
  754. }
  755. item.confirm = 0;
  756. console.log(item, "item");
  757. return item;
  758. });
  759. if (this.objData.semiProductList.length > 0) {
  760. // 预制体报工
  761. this.objData.workReportInfo.formedNum =
  762. this.objData.semiProductList.length;
  763. let numCot = 0;
  764. if (this.objData.semiProductList.length > 0) {
  765. this.objData.semiProductList.map((fitem) => {
  766. numCot = numCot + fitem.feedQuantity || 1;
  767. });
  768. this.objData.workReportInfo.formedNum = numCot;
  769. }
  770. } else if (this.objData.product.length > 0) {
  771. const number = this.objData.product.reduce((acc, pro) => {
  772. return pro.feedQuantity ? acc + Number(pro.feedQuantity) : acc;
  773. }, 0);
  774. this.objData.workReportInfo.formedNum = number;
  775. }
  776. this.objData.workReportInfo.formingNum = res.formingNum;
  777. this.objData.workReportInfo.formingWeight = res.formingWeight;
  778. this.objData.workReportInfo.unit = res.unit;
  779. this.objData.workReportInfo.weightUnit = res.weightUnit;
  780. this.objData.workReportInfo.workOrderId = res.workOrderId;
  781. this.paramDetailList = res.paramDetailList;
  782. console.log(this.objData, "this.objDatathis.objDatathis.objData");
  783. // this.paramDetailList = res.paramDetailList.map((m) => {
  784. // if (m.extInfo.textType == 5) {
  785. // this.remainingTime = m.extInfo.remainingTime;
  786. // }
  787. // return {
  788. // ...m.extInfo,
  789. // };
  790. // });
  791. })
  792. .finally(() => {
  793. this.isLoad = true;
  794. if (this.taskType == 1) {
  795. this.getCacheFn();
  796. }
  797. });
  798. },
  799. scrolltolower() {},
  800. handAdd() {
  801. const storageKey = Date.now() + "";
  802. uni.setStorageSync(storageKey, this.objData || {});
  803. uni.navigateTo({
  804. url: `/pages/pda/workOrder/search/index?storageKey=${storageKey}&isType=job&taskId=${this.taskId}`,
  805. });
  806. },
  807. penalize(index) {
  808. if (index || index == 0) {
  809. console.log(index, "----");
  810. this.penalizeIndex = index;
  811. this.formData.warehouseId =
  812. this.objData.productRecycleList[this.penalizeIndex].warehouseId || "";
  813. } else {
  814. this.penalizeIndex = null;
  815. this.formData.warehouseId =
  816. this.objData.notFormedList[0].warehouseId || "";
  817. console.log(this.formData.warehouseId, "+++++");
  818. }
  819. this.$forceUpdate();
  820. if (this.warehouseList.length == 0) {
  821. getWarehouseList().then((res) => {
  822. this.warehouseList = res;
  823. this.searchShow = true;
  824. });
  825. } else {
  826. this.searchShow = true;
  827. }
  828. },
  829. inputChange(e) {
  830. console.log(e);
  831. },
  832. searchCancel() {
  833. this.searchShow = false;
  834. },
  835. popupOk() {
  836. if (this.penalizeIndex == null) {
  837. this.$set(
  838. this.objData.notFormedList[0],
  839. "warehouseId",
  840. this.formData.warehouseId || null
  841. );
  842. } else {
  843. this.objData.productRecycleList[this.penalizeIndex].warehouseId =
  844. this.formData.warehouseId;
  845. }
  846. this.$forceUpdate();
  847. this.searchShow = false;
  848. },
  849. modeNum(num) {
  850. console.log(num, "------------", this.objData.modelList.length);
  851. if (this.objData.modelList.length == 0) {
  852. return false;
  853. }
  854. console.log(num);
  855. this.$refs.modelRef.setNum(num);
  856. },
  857. async save(type) {
  858. // 验证判断条件
  859. this.$isJobExls(1, this.objData);
  860. // console.log(this.objData, "this.objData");
  861. // return;
  862. // for (let i = 0; i < this.List.length; i++) {
  863. // if (
  864. // !this.List[i].executorTime &&
  865. // this.List[i].executorTime == undefined
  866. // ) {
  867. // uni.showToast({
  868. // title: `请先选择报工时间`,
  869. // icon: "none",
  870. // });
  871. // return;
  872. // }
  873. // }
  874. if (!(this.clientEnvironmentId == 3 || this.objData.singleReport !== 1)) {
  875. if (this.objData.semiProductList.length) {
  876. let arr = this.objData.semiProductList.filter(
  877. (v) => v.selected == true
  878. );
  879. this.objData.semiProductList = arr;
  880. if (!arr.length) {
  881. return uni.showToast({
  882. title: "请选择报工数量",
  883. icon: "none",
  884. });
  885. }
  886. // else{
  887. // let engraveList = arr.filter(v=> v.extInfo.engrave ==null);
  888. // if(engraveList.length){
  889. // return uni.showToast({
  890. // title: '请输入刻码',
  891. // icon: 'none'
  892. // })
  893. // }
  894. // }
  895. }
  896. }
  897. uni.showLoading({
  898. title: "加载中",
  899. });
  900. if (
  901. !this.objData.workReportInfo["formedNum"] &&
  902. this.objData.workReportInfo["formedNum"] != 0
  903. ) {
  904. uni.showToast({
  905. title: "请输入合格品数量",
  906. icon: "none",
  907. });
  908. return false;
  909. }
  910. // 预制体
  911. if (this.clientEnvironmentId == 3 || this.objData.singleReport !== 1) {
  912. if (
  913. this.objData.semiProductList.length > 0 &&
  914. this.taskType != 4 &&
  915. this.objData.singleReport == 1 &&
  916. type == 2
  917. ) {
  918. let bol;
  919. let _i;
  920. bol = this.objData.semiProductList.every((e, i) => {
  921. _i = i + 1;
  922. if (this.taskType == 6) {
  923. return e.extInfo.hasOwnProperty("taskId") && e.extInfo.taskId;
  924. } else {
  925. // if (e.extInfo.isQualified == 1 || e.extInfo.notType == 5) {
  926. // return e.extInfo.hasOwnProperty('taskId') && e.extInfo.taskId && e.extInfo
  927. // .reportWeight
  928. // } else {
  929. // return e.extInfo.hasOwnProperty('notType') && e.extInfo.notType
  930. // }
  931. return (
  932. e.extInfo.hasOwnProperty("taskId") &&
  933. e.extInfo.taskId &&
  934. e.extInfo.reportWeight
  935. );
  936. }
  937. });
  938. if (!bol) {
  939. uni.showToast({
  940. title: `请完善第${_i}处置方式`,
  941. icon: "none",
  942. });
  943. return false;
  944. }
  945. }
  946. }
  947. if (
  948. this.objData.productRecycleList.length > 0 &&
  949. this.clientEnvironmentId != 2
  950. ) {
  951. const isRecycle = await this.checkRecycle();
  952. if (!isRecycle) {
  953. return false;
  954. }
  955. }
  956. if (
  957. this.taskType == 4 &&
  958. this.clientEnvironmentId != 3 &&
  959. this.clientEnvironmentId != 2
  960. ) {
  961. const isPack = await this.checkPack();
  962. if (!isPack) {
  963. return false;
  964. }
  965. }
  966. //
  967. // console.log(this.objData.currentTaskDiagram.isFirstTask,'22222');
  968. // if (this.objData.currentTaskDiagram.isFirstTask == 0) { // isFirstTask 1是 判断是否首工序
  969. // const isFirstTask = await this.checkFirstTask()
  970. // if (!isFirstTask) {
  971. // return false
  972. // }
  973. // }
  974. if (this.taskType == 1) {
  975. const isCache = await this.checkCache(type);
  976. if (!isCache) {
  977. return false;
  978. }
  979. }
  980. if (
  981. this.clientEnvironmentId == 3 &&
  982. type == 2 &&
  983. this.taskType == 6 &&
  984. this.objData.singleReport == 0
  985. ) {
  986. this.objData.semiProductList = [];
  987. }
  988. if (this.clientEnvironmentId == 3 && this.taskType == 1) {
  989. if (
  990. this.objData &&
  991. this.objData.executorTime &&
  992. this.objData.executorTime != undefined
  993. ) {
  994. // 正则表达式1:匹配 yyyy-MM-dd 格式
  995. const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
  996. if (dateRegex.test(this.objData.executorTime.trimRight())) {
  997. this.objData.workReportInfo["executorTime"] =
  998. this.objData.executorTime + " 00:00:00";
  999. } else {
  1000. this.objData.workReportInfo["executorTime"] =
  1001. this.objData.executorTime;
  1002. }
  1003. } else {
  1004. uni.showToast({
  1005. title: `请先选择实际报工时间`,
  1006. icon: "none",
  1007. });
  1008. return false;
  1009. }
  1010. }
  1011. if (this.objData.semiProductList.length > 0) {
  1012. this.objData.semiProductList.map((ditem) => {
  1013. let wdid = ditem.deviceId ? ditem.deviceId.split("/") : "";
  1014. ditem.deviceId = wdid ? wdid[0] : "";
  1015. if (ditem.extInfo.batchReportInfo) {
  1016. ditem.extInfo.batchReportInfo.map((baItem) => {
  1017. let idvalue = baItem.deviceId ? baItem.deviceId.split("/") : "";
  1018. baItem.deviceId = idvalue ? idvalue[0] : "";
  1019. });
  1020. }
  1021. if (ditem.extInfo.notBatchReportInfo) {
  1022. ditem.extInfo.notBatchReportInfo.map((noItem) => {
  1023. let idvalue = noItem.deviceId ? noItem.deviceId.split("/") : "";
  1024. noItem.deviceId = idvalue ? idvalue[0] : "";
  1025. });
  1026. }
  1027. });
  1028. }
  1029. console.log(this.objData, "this.objData");
  1030. console.log(this.objData.equipmentList);
  1031. if (
  1032. this.objData.product.length != 0 &&
  1033. this.objData.equipmentList.length != 0
  1034. ) {
  1035. this.objData.product.forEach((item) => {
  1036. if (item.deviceId) {
  1037. this.objData.equipmentList.forEach((el) => {
  1038. if (item.deviceId == el.instanceId) {
  1039. item.deviceName = el.name;
  1040. }
  1041. });
  1042. }
  1043. });
  1044. }
  1045. jobSave(this.objData)
  1046. .then((res) => {
  1047. uni.hideLoading();
  1048. if (this.taskType == 4) {
  1049. uni.showModal({
  1050. title: "提示",
  1051. content: "打包完成是否去入库!",
  1052. confirmText: "确认", //这块是确定按钮的文字
  1053. success: (rr) => {
  1054. if (rr.confirm) {
  1055. uni.redirectTo({
  1056. url: `/pages/pda/warehousing/index?workOrderId=${this.id}&taskId=-1&workReportId=${res}&delta=-2`,
  1057. });
  1058. } else {
  1059. uni.navigateBack();
  1060. }
  1061. },
  1062. });
  1063. } else {
  1064. uni.navigateBack();
  1065. }
  1066. })
  1067. .finally(() => {
  1068. setTimeout(function () {
  1069. uni.hideLoading();
  1070. }, 3000);
  1071. });
  1072. },
  1073. checkRecycle() {
  1074. uni.hideLoading();
  1075. return new Promise((resolve) => {
  1076. uni.showModal({
  1077. title: "提示",
  1078. content: "是否跳过副产品回收处置!",
  1079. confirmText: "确认", //这块是确定按钮的文字
  1080. success: function (res) {
  1081. if (res.confirm) {
  1082. resolve(true);
  1083. } else {
  1084. resolve(false);
  1085. }
  1086. },
  1087. });
  1088. });
  1089. },
  1090. checkPack() {
  1091. uni.hideLoading();
  1092. return new Promise((resolve) => {
  1093. let packInfo = this.$refs.packRef.getData();
  1094. this.objData.packInfo = packInfo;
  1095. this.objData.taskType = this.taskType;
  1096. let formedNumLast = 0;
  1097. if (this.objData.singleReport == 1) {
  1098. formedNumLast = this.objData.semiProductList.reduce((acc, pro) => {
  1099. return pro.feedQuantity ? acc + Number(pro.feedQuantity) : acc;
  1100. }, 0);
  1101. } else if (this.objData.singleReport == 0) {
  1102. formedNumLast = this.objData.product.reduce((acc, pro) => {
  1103. return pro.feedQuantity ? acc + Number(pro.feedQuantity) : acc;
  1104. }, 0);
  1105. }
  1106. if (
  1107. formedNumLast !=
  1108. Number(this.objData.workReportInfo["formedNum"]) +
  1109. Number(this.objData.workReportInfo.notFormedNum)
  1110. ) {
  1111. uni.hideLoading();
  1112. uni.showModal({
  1113. title: "提示",
  1114. content: "合格品数量加不合格品数量不等于包装总数!",
  1115. confirmText: "确认", //这块是确定按钮的文字
  1116. success: function (res) {
  1117. if (res.confirm) {
  1118. resolve(true);
  1119. } else {
  1120. resolve(false);
  1121. }
  1122. },
  1123. });
  1124. } else {
  1125. resolve(true);
  1126. }
  1127. });
  1128. },
  1129. checkFirstTask() {
  1130. uni.hideLoading();
  1131. return new Promise((resolve) => {
  1132. if (
  1133. this.objData.formedNumLast !=
  1134. Number(this.objData.workReportInfo["formedNum"]) +
  1135. Number(this.objData.workReportInfo.notFormedNum)
  1136. ) {
  1137. uni.showModal({
  1138. title: "提示",
  1139. content: "合格品数量加不合格品数量不等于上道工序数量!",
  1140. confirmText: "确认", //这块是确定按钮的文字
  1141. success: function (res) {
  1142. if (res.confirm) {
  1143. resolve(true);
  1144. } else {
  1145. resolve(false);
  1146. }
  1147. },
  1148. });
  1149. } else {
  1150. resolve(true);
  1151. }
  1152. });
  1153. },
  1154. checkCache(type) {
  1155. uni.hideLoading();
  1156. return new Promise((resolve) => {
  1157. if (type == 1) {
  1158. saveCache(this.objData).then((rr) => {
  1159. uni.showToast({
  1160. title: `已经缓存`,
  1161. icon: "none",
  1162. });
  1163. });
  1164. resolve(false);
  1165. } else if (type == 2) {
  1166. resolve(true);
  1167. }
  1168. });
  1169. },
  1170. removeCacheFn() {
  1171. uni.showModal({
  1172. title: "缓存",
  1173. content: "是否清空缓存!",
  1174. confirmText: "确认", //这块是确定按钮的文字
  1175. success: (rr) => {
  1176. if (rr.confirm) {
  1177. let parma = {
  1178. workOrderIds: [this.id],
  1179. taskId: this.taskId,
  1180. type: 1,
  1181. };
  1182. removeCache(parma).then((res) => {
  1183. this.getList();
  1184. });
  1185. }
  1186. },
  1187. });
  1188. },
  1189. getCacheFn() {
  1190. let parma = {
  1191. workOrderId: this.id,
  1192. taskId: this.taskId,
  1193. type: 1,
  1194. };
  1195. getCache(parma).then((res) => {
  1196. if (
  1197. !res ||
  1198. res.length < 0 ||
  1199. Object.getOwnPropertyNames(res).length === 0
  1200. ) {
  1201. return false;
  1202. }
  1203. this.objData["product"] = res.extInfo.product;
  1204. this.objData["workReportInfo"] = res.extInfo.workReportInfo;
  1205. this.objData["notFormedList"] = res.extInfo.notFormedList;
  1206. this.objData["turnover"] = res.extInfo.turnover;
  1207. this.objData["productRecycleList"] = res.extInfo.productRecycleList;
  1208. this.objData["semiProductList"] = res.extInfo.semiProductList;
  1209. this.objData["modelList"] = res.extInfo.modelList;
  1210. });
  1211. },
  1212. //批量报工合格不合格重量统计
  1213. countNumPl(list, index) {
  1214. console.log("11111122222333", list);
  1215. //合格总数
  1216. let formedNumCount = 0;
  1217. //合格总重量
  1218. let formedWeightCount = 0;
  1219. //不合格总数
  1220. let notFormedNumCount = 0;
  1221. //不合格总重量
  1222. let notFormedWeightCount = 0;
  1223. list.map((item) => {
  1224. //合格总数
  1225. item.extInfo.batchReportInfo.forEach((m) => {
  1226. formedNumCount = formedNumCount + Number(m.allFeedQuantity || 0);
  1227. });
  1228. //合格总重量
  1229. item.extInfo.batchReportInfo.forEach((w) => {
  1230. formedWeightCount =
  1231. formedWeightCount + Number(w.allReportWeight || 0);
  1232. });
  1233. //不合格总数
  1234. item.extInfo.notBatchReportInfo.forEach((nf) => {
  1235. notFormedNumCount =
  1236. notFormedNumCount + Number(nf.allFeedQuantity || 0);
  1237. });
  1238. //不合格总重量
  1239. item.extInfo.notBatchReportInfo.forEach((nw) => {
  1240. notFormedWeightCount =
  1241. notFormedWeightCount + Number(nw.allReportWeight || 0);
  1242. });
  1243. });
  1244. this.$set(this.objData.workReportInfo, "formedNum", formedNumCount); //合格总数
  1245. this.$set(this.objData.workReportInfo, "formedWeight", formedWeightCount); //合格总重量
  1246. this.$set(this.objData.workReportInfo, "notFormedNum", notFormedNumCount); //不合格总数
  1247. this.$set(
  1248. this.objData.workReportInfo,
  1249. "notFormedWeight",
  1250. notFormedWeightCount
  1251. ); //不合格总重量
  1252. this.$refs.jobReftg.formedTotal(
  1253. formedNumCount,
  1254. formedWeightCount,
  1255. notFormedNumCount,
  1256. notFormedWeightCount
  1257. );
  1258. this.$forceUpdate();
  1259. },
  1260. },
  1261. beforeDestroy() {
  1262. uni.hideLoading();
  1263. },
  1264. };
  1265. </script>
  1266. <style lang="scss" scoped>
  1267. .content-box {
  1268. height: 100vh;
  1269. overflow: hidden;
  1270. display: flex;
  1271. flex-direction: column;
  1272. }
  1273. .list_box {
  1274. flex: 1;
  1275. overflow: hidden;
  1276. padding: 4rpx 0;
  1277. .u-list {
  1278. height: 100% !important;
  1279. }
  1280. .card_box {
  1281. padding: 16rpx 20rpx;
  1282. }
  1283. }
  1284. .bottom-wrapper {
  1285. width: 100%;
  1286. display: flex;
  1287. align-items: center;
  1288. justify-content: space-around;
  1289. .btn_box {
  1290. width: 50%;
  1291. height: 88rpx;
  1292. line-height: 88rpx;
  1293. background: $theme-color;
  1294. text-align: center;
  1295. font-size: 36rpx;
  1296. font-style: normal;
  1297. font-weight: 400;
  1298. color: #fff;
  1299. &:first-child {
  1300. border-right: 2rpx solid #fff;
  1301. }
  1302. }
  1303. }
  1304. .operate_box {
  1305. padding: 10rpx 160rpx;
  1306. /deep/ .u-button {
  1307. width: 160rpx;
  1308. }
  1309. }
  1310. .search_list {
  1311. min-height: 500rpx;
  1312. padding: 0 32rpx;
  1313. }
  1314. .search_list2 {
  1315. min-height: 120rpx;
  1316. padding: 0 32rpx;
  1317. }
  1318. .flex_btn {
  1319. position: fixed;
  1320. right: 0;
  1321. bottom: 160rpx;
  1322. width: 40rpx;
  1323. height: 50rpx;
  1324. line-height: 66rpx;
  1325. border-radius: 22rpx 0 0 22rpx;
  1326. background: $theme-color;
  1327. text-align: center;
  1328. font-size: 22rpx;
  1329. font-style: normal;
  1330. font-weight: 400;
  1331. color: #fff;
  1332. opacity: 0.6;
  1333. .jiantou {
  1334. width: 30rpx;
  1335. height: 30rpx;
  1336. }
  1337. }
  1338. .flex_btn2 {
  1339. position: fixed;
  1340. right: 0;
  1341. bottom: 160rpx;
  1342. width: 126rpx;
  1343. min-height: 140rpx;
  1344. line-height: 62rpx;
  1345. border-radius: 22rpx 0 0 22rpx;
  1346. background: $theme-color;
  1347. text-align: center;
  1348. font-size: 22rpx;
  1349. font-style: normal;
  1350. font-weight: 400;
  1351. color: #fff;
  1352. opacity: 0.7;
  1353. .close_box {
  1354. height: 50rpx;
  1355. line-height: 50rpx;
  1356. width: 126rpx;
  1357. text-align: left;
  1358. .close {
  1359. width: 40rpx;
  1360. height: 40rpx;
  1361. padding: 6rpx 10rpx;
  1362. }
  1363. }
  1364. }
  1365. </style>