detailsPage.vue 38 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293
  1. <template>
  2. <div class="borderless" v-loading="pageLoading">
  3. <div class="customer-head">
  4. <div class="customer-back">
  5. <el-button
  6. type="danger"
  7. style="border: none;background: none;color: red"
  8. icon="el-icon-arrow-left"
  9. @click="backToList"
  10. >返回列表
  11. </el-button>
  12. </div>
  13. <div class="add-customer-btn" v-if="showBut" size="small">
  14. <el-button
  15. type="primary"
  16. size="small"
  17. v-if="detailData.status == 1"
  18. class="el-button--small-yh "
  19. @click.stop="openEdit"
  20. >编辑
  21. </el-button>
  22. <el-dropdown style="margin-right: 8px;margin-left: 8px;">
  23. <el-button type="primary" size="small">
  24. 审核处理<i class="el-icon-arrow-down el-icon--right"></i>
  25. </el-button>
  26. <el-dropdown-menu slot="dropdown">
  27. <el-dropdown-item
  28. :disabled="form.status > 0"
  29. @click.native="pleaseCheck"
  30. >请核数据</el-dropdown-item
  31. >
  32. <el-dropdown-item disabled>审核进度</el-dropdown-item>
  33. <el-dropdown-item disabled>撤销请核</el-dropdown-item>
  34. </el-dropdown-menu>
  35. </el-dropdown>
  36. <el-dropdown style="margin-right: 8px;">
  37. <el-button type="warning" size="small">
  38. 账单处理<i class="el-icon-arrow-down el-icon--right"></i>
  39. </el-button>
  40. <el-dropdown-menu slot="dropdown">
  41. <el-dropdown-item @click.native="generateBill" :disabled="!form.id"
  42. >申请货款</el-dropdown-item
  43. >
  44. <el-dropdown-item @click.native="viewBill" :disabled="!form.id"
  45. >查看货款</el-dropdown-item
  46. >
  47. </el-dropdown-menu>
  48. </el-dropdown>
  49. <el-dropdown style="margin-right: 8px;">
  50. <el-button type="success" size="small">
  51. 业务处理<i class="el-icon-arrow-down el-icon--right"></i>
  52. </el-button>
  53. <el-dropdown-menu slot="dropdown">
  54. <el-dropdown-item :disabled="!form.id" @click.native="copyDoc"
  55. >复制单据</el-dropdown-item
  56. >
  57. </el-dropdown-menu>
  58. </el-dropdown>
  59. <el-button
  60. type="primary"
  61. :disabled="disabled"
  62. @click="editCustomer"
  63. :loading="subLoading"
  64. v-if="detailData.status != 1"
  65. size="small"
  66. >保存数据
  67. </el-button>
  68. </div>
  69. </div>
  70. <div class="customer-main">
  71. <containerTitle title="基础信息"></containerTitle>
  72. <basic-container>
  73. <avue-form
  74. ref="form"
  75. class="trading-form"
  76. v-model="form"
  77. :option="option"
  78. >
  79. <template slot="corpId">
  80. <crop-select
  81. v-model="form.corpId"
  82. corpType="GYS"
  83. :disabled="detailData.status == 1"
  84. ></crop-select>
  85. </template>
  86. <template slot="exchangeRate">
  87. <el-input
  88. size="mini"
  89. v-model="form.exchangeRate"
  90. oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
  91. @change="rateChange"
  92. placeholder="请输入 汇率"
  93. :disabled="detailData.status == 1"
  94. ><template slot="append">%</template></el-input
  95. >
  96. </template>
  97. <template slot="orderNo">
  98. <el-input
  99. size="mini"
  100. v-model="form.orderNo"
  101. oninput="this.value=this.value.toUpperCase()"
  102. placeholder="请输入 "
  103. :disabled="detailData.status == 1"
  104. />
  105. </template>
  106. </avue-form>
  107. </basic-container>
  108. <div>
  109. <containerTitle title="商品信息"></containerTitle>
  110. <basic-container>
  111. <avue-crud
  112. ref="crud"
  113. :data="data"
  114. :option="tableOption"
  115. @row-del="rowDel"
  116. @selection-change="goodsSelectionChange"
  117. @saveColumn="saveColumn"
  118. @resetColumn="resetColumn"
  119. :summary-method="summaryMethod"
  120. :cell-style="cellStyle"
  121. >
  122. <template slot="price" slot-scope="{ row }">
  123. <el-input
  124. v-if="row.$cellEdit"
  125. v-model="row.price"
  126. size="small"
  127. oninput="value=value.replace(/[^0-9.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')"
  128. @change="priceChange(row)"
  129. ></el-input>
  130. <span v-else>{{ row.price }}</span>
  131. </template>
  132. <template slot="orderQuantity" slot-scope="{ row }">
  133. <el-input
  134. v-if="row.$cellEdit"
  135. v-model="row.orderQuantity"
  136. size="small"
  137. oninput='this.value=this.value.replace(/[^(\d)]/g,"")'
  138. @change="quantityChange(row)"
  139. ></el-input>
  140. <span v-else>{{ row.orderQuantity | IntegerFormat }}</span>
  141. </template>
  142. <template slot="cname" slot-scope="{ row, index }">
  143. <el-button
  144. size="small"
  145. type="text"
  146. @click="rePick(row, index)"
  147. :disabled="disabled || detailData.status == 1"
  148. class="picker"
  149. style="padding:4px 10px;float:left"
  150. >选择</el-button
  151. >
  152. <span>{{ row.cname }}</span>
  153. </template>
  154. <template slot="itemType" slot-scope="{ row }">
  155. <el-select
  156. v-if="row.$cellEdit"
  157. v-model="row.itemType"
  158. filterable
  159. allow-create
  160. default-first-option
  161. placeholder="请输入"
  162. @focus="itemTypeFocus(row)"
  163. size="small"
  164. >
  165. <el-option
  166. v-for="(item, index) in itemtypeList"
  167. :key="index"
  168. :label="item.value"
  169. :value="item.value"
  170. >
  171. </el-option>
  172. </el-select>
  173. <span v-else>{{ row.itemType }}</span>
  174. </template>
  175. <template slot="menuLeft">
  176. <el-button
  177. type="primary"
  178. icon="el-icon-plus"
  179. size="small"
  180. @click.stop="newDetails"
  181. :disabled="detailData.status == 1"
  182. >录入明细</el-button
  183. >
  184. <el-button
  185. type="info"
  186. icon="el-icon-printer"
  187. size="small"
  188. @click.stop="openReport()"
  189. >报 表</el-button
  190. >
  191. <el-button
  192. type="warning"
  193. icon="el-icon-plus"
  194. size="small"
  195. :disabled="detailData.status == 1 || orderItemIds.length == 0"
  196. @click="getInvoice"
  197. >生成收货单
  198. </el-button>
  199. </template>
  200. <template slot="menu" slot-scope="{ row, index }">
  201. <el-button
  202. size="small"
  203. icon="el-icon-edit"
  204. type="text"
  205. @click="rowCell(row, index)"
  206. :disabled="disabled || detailData.status == 1"
  207. >{{ row.$cellEdit ? "保存" : "修改" }}</el-button
  208. >
  209. <el-button
  210. size="small"
  211. icon="el-icon-edit"
  212. type="text"
  213. @click="rowDel(row)"
  214. :disabled="detailData.status == 1"
  215. >删 除</el-button
  216. >
  217. </template>
  218. </avue-crud>
  219. </basic-container>
  220. </div>
  221. <fee-info
  222. ref="feeInfo"
  223. :orderFeesList="orderFeesList"
  224. :disabled="detailData.status == 1"
  225. feeUrl="/trade-purchase/purchase-order/removeByFees"
  226. optionType="CK"
  227. itemType="采购"
  228. @beforeFinance="beforeFinance"
  229. :inCropId="true"
  230. />
  231. <containerTitle title="合同附件"></containerTitle>
  232. <c-upload
  233. typeUpload="CK"
  234. :data="orderFilesList"
  235. :disabled="detailData.status == 1"
  236. :enumerationValue="76"
  237. deleteUrl="/trade-purchase/purchase-order/removeByFiles"
  238. />
  239. <div>
  240. <containerTitle title="银行信息"></containerTitle>
  241. <basic-container>
  242. <avue-form
  243. class="trading-form"
  244. ref="form"
  245. v-model="form"
  246. :option="bankOption"
  247. />
  248. </basic-container>
  249. </div>
  250. </div>
  251. <el-dialog
  252. title="账单"
  253. append-to-body
  254. class="el-dialogDeep"
  255. :visible.sync="financialAccountDialog"
  256. width="60%"
  257. :close-on-click-modal="false"
  258. :destroy-on-close="true"
  259. :close-on-press-escape="false"
  260. v-dialog-drag
  261. >
  262. <financial-account
  263. billType="申请"
  264. :billData="billData"
  265. itemType="采购"
  266. @choceFun="choceFun"
  267. >
  268. </financial-account>
  269. </el-dialog>
  270. <el-dialog
  271. title="申请记录"
  272. append-to-body
  273. class="el-dialogDeep"
  274. :visible.sync="applicationDialog"
  275. width="60%"
  276. :close-on-click-modal="false"
  277. :destroy-on-close="true"
  278. :close-on-press-escape="false"
  279. v-dialog-drag
  280. >
  281. <bill-application :billId="form.id" @choceApplication="choceApplication">
  282. </bill-application>
  283. </el-dialog>
  284. <el-dialog
  285. title="导入商品"
  286. append-to-body
  287. class="el-dialogDeep"
  288. :visible.sync="dialogVisible"
  289. width="80%"
  290. :close-on-click-modal="false"
  291. :destroy-on-close="true"
  292. :close-on-press-escape="false"
  293. @close="closeGoods"
  294. top="5vh"
  295. v-dialog-drag
  296. >
  297. <span>
  298. <el-row>
  299. <el-col :span="4">
  300. <div>
  301. <el-scrollbar>
  302. <basic-container>
  303. <avue-tree
  304. :option="treeOption"
  305. @node-click="nodeClick"
  306. :style="treeStyle"
  307. />
  308. </basic-container>
  309. </el-scrollbar>
  310. </div>
  311. </el-col>
  312. <el-col :span="20">
  313. <avue-crud
  314. :option="goodsOption"
  315. :table-loading="loading"
  316. :data="goodsList"
  317. ref="goodsCrud"
  318. :search.sync="search"
  319. @search-change="searchChange"
  320. @refresh-change="refreshChange"
  321. @selection-change="selectionChange"
  322. @row-click="rowClick"
  323. :page.sync="page"
  324. @on-load="onLoad"
  325. @saveColumn="saveGoodsColumn"
  326. @resetColumn="resetGoodsColumn"
  327. :cell-style="cellStyle"
  328. ></avue-crud>
  329. </el-col>
  330. </el-row>
  331. </span>
  332. <span slot="footer" class="dialog-footer">
  333. <el-button @click="dialogVisible = false">取 消</el-button>
  334. <el-button
  335. type="primary"
  336. @click="importGoods"
  337. :disabled="selectionList.length == 0"
  338. >导入</el-button
  339. >
  340. </span>
  341. </el-dialog>
  342. <report-dialog
  343. :switchDialog="switchDialog"
  344. :reportId="form.id"
  345. reportName="客户询价"
  346. @onClose="onClose()"
  347. ></report-dialog>
  348. </div>
  349. </template>
  350. <script>
  351. import tableOption from "./config/customerContact.json";
  352. import goodsOption from "./config/commodity.json";
  353. import feeInfo from "@/components/fee-info/main";
  354. import uploadFile from "@/components/upload-file/main";
  355. import {
  356. detail,
  357. submit,
  358. delItem,
  359. getDeptLazyTree,
  360. getGoods,
  361. getSpecification,
  362. pleaseCheck
  363. } from "@/api/exportTrade/purchaseContract";
  364. import _ from "lodash";
  365. import reportDialog from "@/components/report-dialog/main";
  366. import { contrastObj, contrastList } from "@/util/contrastData";
  367. import {
  368. isvalidatemobile,
  369. validatename,
  370. micrometerFormat,
  371. IntegerFormat
  372. } from "@/util/validate";
  373. import financialAccount from "@/components/finance/financialAccount";
  374. import billApplication from "@/components/bill/billApplication";
  375. export default {
  376. name: "detailsPageEdit",
  377. data() {
  378. return {
  379. billData: {}, //账单需要数据
  380. financialAccountDialog: false,
  381. applicationDialog: false,
  382. treeStyle: "height:" + (window.innerHeight - 315) + "px",
  383. switchDialog: false,
  384. form: {
  385. orderStatus: "录入"
  386. },
  387. disabled: false,
  388. dialogVisible: false,
  389. tableOption: tableOption,
  390. option: {
  391. menuBtn: false,
  392. labelWidth: 100,
  393. disabled: false,
  394. column: [
  395. {
  396. label: "供应商",
  397. prop: "corpId",
  398. rules: [
  399. {
  400. required: true,
  401. message: "",
  402. trigger: "blur"
  403. }
  404. ],
  405. span: 16,
  406. slot: true
  407. },
  408. {
  409. label: "系统号",
  410. prop: "sysNo",
  411. span: 8,
  412. disabled: true
  413. },
  414. {
  415. label: "联系人",
  416. prop: "corpAttn",
  417. span: 8
  418. },
  419. {
  420. label: "电话",
  421. prop: "corpTel",
  422. span: 8
  423. },
  424. {
  425. label: "订单状态",
  426. prop: "orderStatus",
  427. span: 8,
  428. type: "select",
  429. dicUrl: "/api/blade-system/dict-biz/dictionary?code=order_status",
  430. props: {
  431. label: "dictValue",
  432. value: "dictValue"
  433. }
  434. },
  435. {
  436. label: "采购日期",
  437. prop: "businesDate",
  438. span: 8,
  439. type: "date",
  440. format: "yyyy-MM-dd",
  441. valueFormat: "yyyy-MM-dd 00:00:00",
  442. rules: [
  443. {
  444. required: true,
  445. message: "",
  446. trigger: "blur"
  447. }
  448. ]
  449. },
  450. {
  451. label: "预交日期",
  452. prop: "plannedDeliveryDate",
  453. span: 8,
  454. type: "date",
  455. format: "yyyy-MM-dd",
  456. valueFormat: "yyyy-MM-dd 00:00:00"
  457. },
  458. {
  459. label: "实交日期",
  460. prop: "requiredDeliveryDate",
  461. span: 8,
  462. type: "date",
  463. format: "yyyy-MM-dd",
  464. valueFormat: "yyyy-MM-dd 00:00:00"
  465. },
  466. {
  467. label: "是否开票",
  468. prop: "ifInvoice",
  469. span: 8,
  470. type: "select",
  471. dicUrl: "/api/blade-system/dict-biz/dictionary?code=ifInvoice",
  472. props: {
  473. label: "dictValue",
  474. value: "dictValue"
  475. }
  476. },
  477. {
  478. label: "付款方式",
  479. prop: "paymentType",
  480. span: 8,
  481. type: "select",
  482. dicUrl: "/api/blade-system/dict-biz/dictionary?code=payment_term",
  483. props: {
  484. label: "dictValue",
  485. value: "dictValue"
  486. }
  487. },
  488. {
  489. label: "付款说明",
  490. prop: "paymentTypeDescription",
  491. span: 8
  492. },
  493. {
  494. label: "采购订单号",
  495. prop: "orderNo",
  496. span: 8
  497. },
  498. {
  499. label: "币别",
  500. prop: "currency",
  501. span: 8,
  502. type: "select",
  503. dicUrl: "/api/blade-system/dict-biz/dictionary?code=currency",
  504. props: {
  505. label: "dictValue",
  506. value: "dictValue"
  507. },
  508. change: ({ value }) => {
  509. if (value == "CNY") {
  510. this.form.exchangeRate = 1;
  511. }
  512. if (value == "USD") {
  513. this.form.exchangeRate = 6.3843;
  514. }
  515. }
  516. },
  517. {
  518. label: "汇率",
  519. prop: "exchangeRate",
  520. span: 8,
  521. slot: true,
  522. row: true,
  523. disabled: true
  524. },
  525. {
  526. label: "备注",
  527. prop: "orderRemark",
  528. type: "textarea",
  529. minRows: 2,
  530. span: 24
  531. }
  532. ]
  533. },
  534. treeOption: {
  535. nodeKey: "id",
  536. lazy: true,
  537. treeLoad: function(node, resolve) {
  538. const parentId = node.level === 0 ? 0 : node.data.id;
  539. getDeptLazyTree(parentId).then(res => {
  540. resolve(
  541. res.data.data.map(item => {
  542. return {
  543. ...item,
  544. leaf: !item.hasChildren
  545. };
  546. })
  547. );
  548. });
  549. },
  550. addBtn: false,
  551. menu: false,
  552. size: "small",
  553. props: {
  554. label: "title",
  555. value: "value",
  556. children: "children"
  557. }
  558. },
  559. bankOption: {
  560. menuBtn: false,
  561. labelWidth: 100,
  562. column: [
  563. {
  564. label: "银行",
  565. prop: "banks",
  566. span: 8
  567. },
  568. {
  569. label: "银行信息",
  570. prop: "banksAccountName",
  571. span: 16,
  572. type: "textarea",
  573. minRows: 2
  574. }
  575. ]
  576. },
  577. insuranceOption: {
  578. menuBtn: false,
  579. labelWidth: 100,
  580. column: [
  581. {
  582. label: "保险描述",
  583. prop: "insuranceRemarks",
  584. span: 24,
  585. type: "textarea",
  586. minRows: 2
  587. }
  588. ]
  589. },
  590. markOption: {
  591. menuBtn: false,
  592. labelWidth: 100,
  593. column: [
  594. {
  595. label: "唛头描述",
  596. prop: "marks",
  597. span: 24,
  598. type: "textarea",
  599. minRows: 2
  600. }
  601. ]
  602. },
  603. page: {
  604. pageSize: 10,
  605. currentPage: 1,
  606. total: 0
  607. },
  608. loading: false,
  609. goodsOption: {},
  610. data: [],
  611. goodsList: [],
  612. selectionList: [],
  613. treeDeptId: null,
  614. orderFeesList: [],
  615. orderFilesList: [],
  616. orderItemIds: [],
  617. itemtypeList: [],
  618. goodsSelections: [],
  619. reData: null,
  620. oldform: {
  621. orderStatus: "录入"
  622. },
  623. olddata: [],
  624. oldorderFeesList: [],
  625. oldorderFilesList: [],
  626. subLoading: false,
  627. pageLoading: false,
  628. showBut: true,
  629. search: {}
  630. };
  631. },
  632. props: {
  633. detailData: {
  634. type: Object
  635. }
  636. },
  637. components: {
  638. reportDialog,
  639. feeInfo,
  640. uploadFile,
  641. financialAccount,
  642. billApplication
  643. },
  644. async created() {
  645. if (this.detailData.id) {
  646. this.getDetail(this.detailData.id);
  647. }
  648. this.tableOption = await this.getColumnData(
  649. this.getColumnName(3),
  650. tableOption
  651. );
  652. this.goodsOption = await this.getColumnData(
  653. this.getColumnName(27),
  654. goodsOption
  655. );
  656. if (this.detailData.status == 1) {
  657. this.option.disabled = true;
  658. this.bankOption.disabled = true;
  659. this.insuranceOption.disabled = true;
  660. this.markOption.disabled = true;
  661. }
  662. this.getWorkDicts("product_properties").then(res => {
  663. this.findObject(this.tableOption.column, "itemProp").dicData =
  664. res.data.data;
  665. });
  666. this.getWorkDicts("unit").then(res => {
  667. this.findObject(this.tableOption.column, "unit").dicData = res.data.data;
  668. });
  669. },
  670. filters: {
  671. IntegerFormat(num) {
  672. return IntegerFormat(num);
  673. }
  674. },
  675. methods: {
  676. cellStyle() {
  677. return "padding:0;height:40px;";
  678. },
  679. copyDoc() {
  680. this.$emit("copyOrder", this.form.id);
  681. },
  682. rePick(row, index) {
  683. this.reData = {
  684. ...row,
  685. index: index
  686. };
  687. this.newDetails();
  688. },
  689. rowCell(row, index) {
  690. if (row.$cellEdit == true) {
  691. this.$set(row, "$cellEdit", false);
  692. } else {
  693. this.$set(row, "$cellEdit", true);
  694. }
  695. },
  696. itemTypeFocus(row) {
  697. this.itemtypeList = [];
  698. getSpecification({ goodId: row.itemId }).then(res => {
  699. const data = res.data.data;
  700. this.itemtypeList = data.map(item => ({ value: item }));
  701. });
  702. },
  703. priceChange(row) {
  704. console.log(row);
  705. if (!row.price) {
  706. row.price = 0;
  707. } else {
  708. row.amount = _.multiply(row.price, row.orderQuantity).toFixed(2);
  709. }
  710. },
  711. quantityChange(row) {
  712. if (Number(row.orderQuantity) < Number(row.actualQuantity)) {
  713. row.orderQuantity = row.actualQuantity;
  714. this.$message.error("修改的数量不能低于已收数量");
  715. }
  716. if (!row.orderQuantity) {
  717. row.orderQuantity = 0;
  718. } else {
  719. row.amount = _.multiply(row.price, row.orderQuantity).toFixed(2);
  720. }
  721. },
  722. rowSave(row) {
  723. console.log(row);
  724. this.$set(row, "$cellEdit", false);
  725. },
  726. rowDel(row) {
  727. this.$confirm("确定删除数据?", {
  728. confirmButtonText: "确定",
  729. cancelButtonText: "取消",
  730. type: "warning"
  731. }).then(() => {
  732. if (row.id) {
  733. delItem(row.id).then(res => {
  734. this.$message({
  735. type: "success",
  736. message: "删除成功!"
  737. });
  738. this.data.splice(row.$index, 1);
  739. });
  740. } else {
  741. this.$message({
  742. type: "success",
  743. message: "删除成功!"
  744. });
  745. this.data.splice(row.$index, 1);
  746. }
  747. });
  748. },
  749. importGoods() {
  750. if (this.reData) {
  751. console.log(this.reData);
  752. if (this.selectionList.length != 1) {
  753. return this.$message.error("重新选择的时候只能选择一条数据");
  754. } else {
  755. this.selectionList.forEach(e => {
  756. this.data.forEach((item, index) => {
  757. if (index == this.reData.index) {
  758. item.itemId = e.id;
  759. item.code = e.code;
  760. item.cname = e.cname;
  761. item.priceCategory = e.goodsTypeName;
  762. item.itemUrl = e.url;
  763. item.itemProp = this.reData.itemProp;
  764. item.itemDescription = e.cnameDescription;
  765. item.itemType = this.reData.itemType;
  766. item.tradeTerms = this.reData.tradeTerms;
  767. item.price = this.reData.price;
  768. item.orderQuantity = this.reData.orderQuantity;
  769. item.insurance = this.reData.insurance;
  770. item.freight = this.reData.freight;
  771. item.discount = this.reData.discount;
  772. item.amount = this.reData.amount;
  773. item.taxRate = this.reData.taxRate;
  774. item.unit = e.unit;
  775. item.remarks = this.reData.remarks;
  776. item.$cellEdit = true;
  777. }
  778. });
  779. });
  780. }
  781. } else {
  782. this.selectionList.forEach(e => {
  783. this.data.push({
  784. itemId: e.id,
  785. code: e.code,
  786. cname: e.cname,
  787. priceCategory: e.goodsTypeName,
  788. itemUrl: e.url,
  789. itemProp: null,
  790. itemDescription: e.cnameDescription,
  791. itemType: null,
  792. tradeTerms: null,
  793. price: 0,
  794. orderQuantity: 0,
  795. insurance: 0,
  796. freight: 0,
  797. discount: null,
  798. amount: 0,
  799. taxRate: 0,
  800. unit: e.unit,
  801. remarks: null,
  802. $cellEdit: true
  803. });
  804. });
  805. }
  806. this.dialogVisible = false;
  807. },
  808. closeGoods() {
  809. this.selectionList = [];
  810. this.treeDeptId = "";
  811. this.reData = null;
  812. },
  813. goodsSelectionChange(list) {
  814. this.goodsSelections = list;
  815. this.orderItemIds = [];
  816. list.map(e => {
  817. this.orderItemIds.push(e.id);
  818. });
  819. },
  820. selectionChange(list) {
  821. this.selectionList = list;
  822. },
  823. rowClick(row) {
  824. this.$refs.goodsCrud.toggleSelection([this.goodsList[row.$index]]);
  825. },
  826. nodeClick(data) {
  827. this.treeDeptId = data.id;
  828. this.page.currentPage = 1;
  829. this.onLoad(this.page);
  830. },
  831. searchChange(params, done) {
  832. this.search = this.deepClone(params);
  833. this.onLoad(this.page, params);
  834. done();
  835. },
  836. //费用查询
  837. onLoad(page, params = {}) {
  838. let obj = this.deepClone(Object.assign(params, this.search));
  839. this.loading = true;
  840. getGoods(page.currentPage, page.pageSize, this.treeDeptId, obj).then(
  841. res => {
  842. const data = res.data.data;
  843. this.page.total = data.total;
  844. this.goodsList = data.records;
  845. this.loading = false;
  846. if (this.page.total) {
  847. this.goodsOption.height = window.innerHeight - 350;
  848. }
  849. }
  850. );
  851. },
  852. //商品明细导入
  853. newDetails() {
  854. this.dialogVisible = !this.dialogVisible;
  855. },
  856. getDetail(id) {
  857. this.showBut = false;
  858. this.pageLoading = true;
  859. detail(id)
  860. .then(res => {
  861. if (this.detailData.status == "copy") {
  862. delete res.data.data.id;
  863. delete res.data.data.sysNo;
  864. delete res.data.data.orderNo;
  865. delete res.data.data.orgOrderNo;
  866. delete res.data.data.createTime;
  867. delete res.data.data.createUser;
  868. delete res.data.data.createUserName;
  869. delete res.data.data.updateTime;
  870. delete res.data.data.updateUser;
  871. delete res.data.data.updateUserName;
  872. delete res.data.data.morderNo;
  873. delete res.data.data.status;
  874. delete res.data.data.ifEnquiry;
  875. delete res.data.data.ifShipping;
  876. res.data.data.orderStatus = "录入";
  877. if (res.data.data.itemsVOList) {
  878. res.data.data.itemsVOList.forEach(e => {
  879. delete e.id;
  880. delete e.pid;
  881. delete e.createTime;
  882. delete e.createUser;
  883. delete e.updateTime;
  884. delete e.updateUser;
  885. delete e.orgOrderNo;
  886. delete e.srcId;
  887. delete e.status;
  888. delete e.isDeleted;
  889. });
  890. }
  891. if (res.data.data.orderFeesList) {
  892. res.data.data.orderFeesList.forEach(e => {
  893. delete e.id;
  894. delete e.pid;
  895. delete e.createTime;
  896. delete e.createUser;
  897. delete e.updateTime;
  898. delete e.updateUser;
  899. delete e.status;
  900. delete e.isDeleted;
  901. });
  902. }
  903. if (res.data.data.orderFilesList) {
  904. res.data.data.orderFilesList.forEach(e => {
  905. delete e.id;
  906. delete e.pid;
  907. delete e.createTime;
  908. delete e.createUser;
  909. delete e.updateTime;
  910. delete e.updateUser;
  911. delete e.status;
  912. delete e.isDeleted;
  913. });
  914. }
  915. }
  916. this.form = res.data.data;
  917. this.data = res.data.data.itemsVOList
  918. ? res.data.data.itemsVOList
  919. : [];
  920. this.orderFeesList = res.data.data.orderFeesList
  921. ? res.data.data.orderFeesList
  922. : [];
  923. this.orderFilesList = res.data.data.orderFilesList
  924. ? res.data.data.orderFilesList
  925. : [];
  926. this.oldform = res.data.data;
  927. this.olddata = this.deepClone(
  928. res.data.data.itemsVOList ? res.data.data.itemsVOList : []
  929. );
  930. this.oldorderFeesList = this.deepClone(
  931. res.data.data.orderFeesList ? res.data.data.orderFeesList : []
  932. );
  933. this.oldorderFilesList = this.deepClone(
  934. res.data.data.orderFilesList ? res.data.data.orderFilesList : []
  935. );
  936. })
  937. .finally(() => {
  938. this.showBut = true;
  939. this.pageLoading = false;
  940. });
  941. },
  942. //修改提交触发
  943. editCustomer(status) {
  944. this.$refs["form"].validate((valid, done) => {
  945. done();
  946. if (valid) {
  947. const orderFeesList = this.$refs.feeInfo.submitData();
  948. for (let i = 0; i < orderFeesList.length; i++) {
  949. // if (orderFeesList[i].corpId == null) {
  950. // return this.$message.error(`请输入第${i + 1}行的结算中心`);
  951. // }
  952. if (orderFeesList[i].price == 0) {
  953. return this.$message.error(`请正确输入第${i + 1}行的价格`);
  954. }
  955. if (orderFeesList[i].quantity == 0) {
  956. return this.$message.error(`请正确输入第${i + 1}行的数量`);
  957. }
  958. }
  959. this.subLoading = true;
  960. submit({
  961. ...this.form,
  962. itemsVOList: this.data,
  963. orderFeesList: orderFeesList,
  964. orderFilesList: this.orderFilesList,
  965. tradeType: "CK",
  966. billType: "CG"
  967. })
  968. .then(res => {
  969. this.$message.success("保存成功");
  970. this.getDetail(res.data.data);
  971. if (status == "goBack") {
  972. if (this.form.id) {
  973. this.unLock({
  974. moduleName: "cg",
  975. tableName: "business_order",
  976. billId: this.form.id,
  977. billNo: this.form.orgOrderNo
  978. });
  979. }
  980. this.$emit("goBack");
  981. this.leaveDetailsKey(this.$route.name);
  982. }
  983. })
  984. .finally(() => {
  985. this.subLoading = false;
  986. });
  987. } else {
  988. return false;
  989. }
  990. });
  991. },
  992. generateBill() {
  993. this.financialAccountDialog = true;
  994. this.billData = {
  995. srcOrderno: this.form.orgOrderNo,
  996. itemType: "销售",
  997. corpsName: this.form.corpName,
  998. corpId: this.form.corpId,
  999. srcParentId: this.form.id,
  1000. currency: "CNY",
  1001. exchangeRate: "1",
  1002. taxRate: "0",
  1003. accDate: this.form.businesDate,
  1004. srcType: 1,
  1005. tradeType: "CK",
  1006. optionType: "CK"
  1007. };
  1008. },
  1009. choceFun() {
  1010. this.financialAccountDialog = false;
  1011. },
  1012. viewBill() {
  1013. this.applicationDialog = true;
  1014. },
  1015. //关闭记录
  1016. choceApplication() {
  1017. this.applicationDialog = false;
  1018. },
  1019. // 请核
  1020. pleaseCheck() {
  1021. this.$confirm("您确定提交此次申请吗?", {
  1022. confirmButtonText: "确定",
  1023. cancelButtonText: "取消",
  1024. type: "warning"
  1025. }).then(() => {
  1026. const data = {
  1027. id: this.form.id,
  1028. checkType: "cgqh",
  1029. url: "/exportTrade/purchaseContract/index",
  1030. pageStatus: "this.$store.getters.domPurStatus",
  1031. pageLabel: "采购(E)",
  1032. checkFlag: 2
  1033. };
  1034. pleaseCheck(data).then(res => {
  1035. this.$message.success("请核成功");
  1036. this.getDetail(this.form.id);
  1037. });
  1038. });
  1039. },
  1040. //返回列表
  1041. backToList() {
  1042. let orderFeesList = this.$refs.feeInfo.submitData();
  1043. if (
  1044. contrastObj(this.form, this.oldform) ||
  1045. contrastList(this.data, this.olddata) ||
  1046. contrastList(orderFeesList, this.oldorderFeesList) ||
  1047. contrastList(this.orderFilesList, this.oldorderFilesList)
  1048. ) {
  1049. this.$confirm("数据发生变化未有提交记录, 是否提交?", "提示", {
  1050. confirmButtonText: "确定",
  1051. cancelButtonText: "取消",
  1052. type: "warning"
  1053. })
  1054. .then(() => {
  1055. this.editCustomer("goBack");
  1056. })
  1057. .catch(() => {
  1058. if (this.form.id) {
  1059. this.unLock({
  1060. moduleName: "cg",
  1061. tableName: "business_order",
  1062. billId: this.form.id,
  1063. billNo: this.form.orgOrderNo
  1064. });
  1065. }
  1066. this.$emit("goBack");
  1067. this.leaveDetailsKey(this.$route.name);
  1068. });
  1069. } else {
  1070. if (this.form.id) {
  1071. this.unLock({
  1072. moduleName: "cg",
  1073. tableName: "business_order",
  1074. billId: this.form.id,
  1075. billNo: this.form.orgOrderNo
  1076. });
  1077. }
  1078. this.$emit("goBack");
  1079. this.leaveDetailsKey(this.$route.name);
  1080. }
  1081. },
  1082. openReport() {
  1083. this.switchDialog = !this.switchDialog;
  1084. },
  1085. onClose(val) {
  1086. this.switchDialog = val;
  1087. },
  1088. summaryMethod({ columns, data }) {
  1089. const sums = [];
  1090. if (columns.length > 0) {
  1091. columns.forEach((item, index) => {
  1092. sums[0] = "合计";
  1093. if (item.property == "orderQuantity" || item.property == "amount") {
  1094. let qtySum = 0;
  1095. let amountSum = 0;
  1096. data.forEach(e => {
  1097. qtySum = _.add(qtySum, Number(e.orderQuantity));
  1098. amountSum = _.add(amountSum, Number(e.amount));
  1099. });
  1100. //数量总计
  1101. if (item.property == "orderQuantity") {
  1102. sums[index] = qtySum ? qtySum.toFixed(2) : "0.00";
  1103. }
  1104. //金额总计
  1105. if (item.property == "amount") {
  1106. sums[index] = micrometerFormat(amountSum);
  1107. }
  1108. }
  1109. });
  1110. }
  1111. return sums;
  1112. },
  1113. getInvoice() {
  1114. if (!this.form.id) {
  1115. return this.$message.error("数据未提交,请提交数据");
  1116. }
  1117. for (let i = 0; i < this.goodsSelections.length; i++) {
  1118. if (!this.goodsSelections[i].id) {
  1119. return this.$message.error("明细表未提交数据,请提交数据");
  1120. }
  1121. }
  1122. if (this.$store.getters.outtaskStatus) {
  1123. this.$alert("出口发货单存在,请保存发货单再进行操作", "温馨提示", {
  1124. confirmButtonText: "确定",
  1125. type: "warning",
  1126. callback: action => {
  1127. console.log(action);
  1128. }
  1129. });
  1130. } else {
  1131. this.inInvoice();
  1132. }
  1133. },
  1134. inInvoice() {
  1135. const data = this.deepClone(this.form);
  1136. data.orderItemsList = this.deepClone(this.goodsSelections);
  1137. data.orderItemsList.forEach(e => {
  1138. e.actualQuantity = e.orderQuantity;
  1139. e.contractAmount = e.amount;
  1140. e.srcId = e.id;
  1141. e.packageRemarks = e.itemProp;
  1142. e.productDesc = e.itemDescription;
  1143. e.specificationAndModel = e.itemType;
  1144. delete e.id;
  1145. delete e.version;
  1146. delete e.status;
  1147. delete e.createUser;
  1148. delete e.createTime;
  1149. delete e.updateUser;
  1150. delete e.updateTime;
  1151. delete e.isDeleted;
  1152. });
  1153. delete data.id;
  1154. delete data.version;
  1155. delete data.status;
  1156. delete data.createUser;
  1157. delete data.createTime;
  1158. delete data.updateUser;
  1159. delete data.updateTime;
  1160. delete data.isDeleted;
  1161. delete data.orderStatus;
  1162. data.deliveryStatus = "录入";
  1163. data.srcOrderNo = data.sysNo;
  1164. delete data.sysNo;
  1165. data.corpName = data.corpsName;
  1166. delete data.corpsName;
  1167. this.$refs.crud.toggleSelection();
  1168. this.$router.$avueRouter.closeTag("/exportTrade/receipt/index");
  1169. this.$router.push({
  1170. path: "/exportTrade/receipt/index",
  1171. query: {
  1172. pageType: "Generate",
  1173. data: JSON.stringify(data)
  1174. }
  1175. });
  1176. },
  1177. //费用明细回调
  1178. beforeFinance(feesData, callback) {
  1179. this.advantageProjectData = feesData;
  1180. let params = {};
  1181. //暂时默认通过 之后优化
  1182. params.valid = true;
  1183. params.parentId = this.form.id;
  1184. params.srcOrderno = this.form.orderNo;
  1185. callback(params);
  1186. },
  1187. openEdit() {
  1188. const data = {
  1189. moduleName: "cg",
  1190. tableName: "business_order",
  1191. billId: this.form.id,
  1192. no: localStorage.getItem("browserID"),
  1193. billNo: this.form.orgOrderNo
  1194. };
  1195. this.inDetailsKey(this.$route.name, {
  1196. moduleName: "cg",
  1197. tableName: "business_order",
  1198. billId: this.form.id,
  1199. billNo: this.form.orgOrderNo
  1200. });
  1201. this.saveLoading = true;
  1202. this.checkLock(data).then(res => {
  1203. if (res.data.code == 200) {
  1204. this.onLock(data).then(res => {
  1205. if (res.data.code == 200) {
  1206. this.detailData.status = 2;
  1207. this.option = this.$options.data().option;
  1208. }
  1209. });
  1210. }
  1211. });
  1212. },
  1213. async saveColumn() {
  1214. const inSave = await this.saveColumnData(
  1215. this.getColumnName(3),
  1216. this.tableOption
  1217. );
  1218. if (inSave) {
  1219. this.$nextTick(() => {
  1220. this.$refs.crud.doLayout()
  1221. })
  1222. this.$message.success("保存成功");
  1223. //关闭窗口
  1224. this.$refs.crud.$refs.dialogColumn.columnBox = false;
  1225. }
  1226. },
  1227. async resetColumn() {
  1228. this.tableOption = tableOption;
  1229. const inSave = await this.delColumnData(
  1230. this.getColumnName(3),
  1231. tableOption
  1232. );
  1233. if (inSave) {
  1234. this.$nextTick(() => {
  1235. this.$refs.crud.doLayout()
  1236. })
  1237. this.$message.success("重置成功");
  1238. //关闭窗口
  1239. setTimeout(() => {
  1240. this.$refs.crud.$refs.dialogColumn.columnBox = false;
  1241. }, 1000);
  1242. }
  1243. },
  1244. async saveGoodsColumn() {
  1245. const inSave = await this.saveColumnData(
  1246. this.getColumnName(27),
  1247. this.goodsOption
  1248. );
  1249. if (inSave) {
  1250. this.$nextTick(() => {
  1251. this.$refs.goodsCrud.doLayout()
  1252. })
  1253. this.$message.success("保存成功");
  1254. //关闭窗口
  1255. this.$refs.goodsCrud.$refs.dialogColumn.columnBox = false;
  1256. }
  1257. },
  1258. async resetGoodsColumn() {
  1259. this.goodsOption = goodsOption;
  1260. const inSave = await this.delColumnData(
  1261. this.getColumnName(30),
  1262. goodsOption
  1263. );
  1264. if (inSave) {
  1265. this.$nextTick(() => {
  1266. this.$refs.goodsCrud.doLayout()
  1267. })
  1268. this.$message.success("重置成功");
  1269. //关闭窗口
  1270. setTimeout(() => {
  1271. this.$refs.goodsCrud.$refs.dialogColumn.columnBox = false;
  1272. }, 1000);
  1273. }
  1274. }
  1275. }
  1276. };
  1277. </script>
  1278. <style lang="scss" scoped>
  1279. .trading-form ::v-deep .el-form-item {
  1280. margin-bottom: 8px !important;
  1281. }
  1282. ::v-deep .el-form-item__error {
  1283. display: none !important;
  1284. }
  1285. ::v-deep .select-component {
  1286. display: flex !important;
  1287. }
  1288. </style>