index.vue 42 KB

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