nsales_list.vue 29 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821
  1. <template>
  2. <div class="app-container">
  3. <div v-show="!isShowDetail && !isShowExamine && !isShowReturnForm">
  4. <!-- 筛选条件 -->
  5. <div class="screen-container">
  6. <Collapse :screen-form="screenForm">
  7. <template #right_btn>
  8. <el-button size="mini" @click="resetScreenForm">清空</el-button>
  9. <el-button size="mini" type="primary" @click="submitScreenForm">搜索</el-button>
  10. </template>
  11. <template #left_btn>
  12. <el-radio-group v-model="screenForm.status" @change="getList()" size="mini">
  13. <el-radio-button label="">全部</el-radio-button>
  14. <el-radio-button v-for="(item, index) in statusList" :key="index" :label="item.value">{{
  15. item.label
  16. }}</el-radio-button>
  17. </el-radio-group>
  18. </template>
  19. <template #search>
  20. <el-form ref="screenForm" :model="screenForm" label-width="120px" size="mini" label-position="left">
  21. <el-row :gutter="20">
  22. <el-col :xs="24" :sm="12" :lg="6">
  23. <el-form-item label="发货单号" prop="orderNum">
  24. <el-input v-model="screenForm.orderNum" placeholder="请输入发货单号" />
  25. </el-form-item>
  26. </el-col>
  27. <el-col :xs="24" :sm="12" :lg="6">
  28. <el-form-item label="订单号" prop="mainOrderId">
  29. <el-input v-model="screenForm.mainOrderId" placeholder="请输入订单号" />
  30. </el-form-item>
  31. </el-col>
  32. <el-col :xs="24" :sm="12" :lg="6">
  33. <el-form-item label="经销商名称" prop="jxsName">
  34. <el-input v-model="screenForm.jxsName" placeholder="请输入经销商名称" />
  35. </el-form-item>
  36. </el-col>
  37. <el-col :xs="24" :sm="12" :lg="6">
  38. <el-form-item label="经销商编号" prop="jxsNum">
  39. <el-input v-model="screenForm.jxsNum" placeholder="请输入规格型号" />
  40. </el-form-item>
  41. </el-col>
  42. <el-col :xs="24" :sm="12" :lg="6">
  43. <el-form-item label="产品名称" prop="chName">
  44. <el-input v-model="screenForm.chName" placeholder="请输入产品名称" />
  45. </el-form-item>
  46. </el-col>
  47. <el-col :xs="24" :sm="12" :lg="6">
  48. <el-form-item label="物料编码" prop="chNum">
  49. <el-input v-model="screenForm.chNum" placeholder="请输入物料编码" />
  50. </el-form-item>
  51. </el-col>
  52. <el-col :xs="24" :sm="12" :lg="6">
  53. <el-form-item label="规格型号" prop="model">
  54. <el-input v-model="screenForm.model" placeholder="请输入规格型号" />
  55. </el-form-item>
  56. </el-col>
  57. <el-col :xs="24" :sm="12" :lg="6">
  58. <el-form-item label="仓库名称" prop="warehouse">
  59. <el-input v-model="screenForm.warehouse" placeholder="请输入仓库名称" />
  60. </el-form-item>
  61. </el-col>
  62. <el-col :xs="24" :sm="12" :lg="6">
  63. <el-form-item label="单据日期" prop="date">
  64. <el-date-picker
  65. v-model="screenForm.date"
  66. type="datetimerange"
  67. range-separator="至"
  68. style="width: 100%"
  69. value-format="yyyy-MM-dd HH:mm:ss"
  70. start-placeholder="开始日期"
  71. end-placeholder="结束日期"
  72. />
  73. </el-form-item>
  74. </el-col>
  75. <el-col :xs="24" :sm="12" :lg="6">
  76. <el-form-item label="审核日期" prop="approval">
  77. <el-date-picker
  78. v-model="screenForm.approval"
  79. type="datetimerange"
  80. range-separator="至"
  81. style="width: 100%"
  82. value-format="yyyy-MM-dd HH:mm:ss"
  83. start-placeholder="开始日期"
  84. end-placeholder="结束日期"
  85. />
  86. </el-form-item>
  87. </el-col>
  88. <el-col :xs="24" :sm="12" :lg="6">
  89. <el-form-item label="打印日期" prop="printTime">
  90. <el-date-picker
  91. v-model="screenForm.printTime"
  92. type="datetimerange"
  93. range-separator="至"
  94. style="width: 100%"
  95. value-format="yyyy-MM-dd HH:mm:ss"
  96. start-placeholder="开始日期"
  97. end-placeholder="结束日期"
  98. />
  99. </el-form-item>
  100. </el-col>
  101. <el-col :xs="24" :sm="12" :lg="6">
  102. <el-form-item label="打印时间排序" prop="printDesc">
  103. <el-select v-model="screenForm.printDesc" clearable filterable>
  104. <el-option label="默认" :value="null" />
  105. <el-option label="倒叙" :value="1" />
  106. </el-select>
  107. </el-form-item>
  108. </el-col>
  109. <el-col :xs="24" :sm="12" :lg="6">
  110. <el-form-item label="出库单号" prop="id">
  111. <el-input v-model="screenForm.id" placeholder="请输入出库单号" />
  112. </el-form-item>
  113. </el-col>
  114. <el-col :xs="24" :sm="12" :lg="6">
  115. <el-form-item label="金蝶推送状态" prop="syncStatus">
  116. <el-select v-model="screenForm.syncStatus" clearable filterable>
  117. <el-option label="未推送" :value="0" />
  118. <el-option label="推送成功" :value="1" />
  119. <el-option label="失败推送" :value="-1" />
  120. </el-select>
  121. </el-form-item>
  122. </el-col>
  123. <el-col :xs="24" :sm="12" :lg="6">
  124. <el-form-item label="产品类别" prop="categoryId">
  125. <el-select
  126. v-model="screenForm.categoryId"
  127. style="width: 100%"
  128. placeholder="选择产品类别"
  129. filterable
  130. clearable
  131. >
  132. <el-option v-for="item in categoryList" :key="item.name" :label="item.name" :value="item.id" />
  133. </el-select>
  134. </el-form-item>
  135. </el-col>
  136. <el-col :xs="24" :sm="12" :lg="6">
  137. <el-form-item label="发货时间" prop="invoiceDate">
  138. <el-date-picker
  139. v-model="screenForm.invoiceDate"
  140. type="datetimerange"
  141. range-separator="至"
  142. style="width: 100%"
  143. value-format="yyyy-MM-dd HH:mm:ss"
  144. start-placeholder="开始日期"
  145. end-placeholder="结束日期"
  146. />
  147. </el-form-item>
  148. </el-col>
  149. </el-row>
  150. </el-form>
  151. </template>
  152. </Collapse>
  153. </div>
  154. <div class="mymain-container">
  155. <div class="btn-group clearfix">
  156. <div class="fl">
  157. <!-- <el-button size="mini" type="primary" icon="el-icon-plus" @click="toReturnForm()" v-if="$checkBtnRole('refund', $route.meta.roles)">退货申请</el-button>-->
  158. <!-- <el-button size="mini" type="warning" icon="el-icon-finished" @click="batchExamine" :disabled="multipleSelection.length < 1" v-if="$checkBtnRole('examine', $route.meta.roles)">批量审批</el-button>-->
  159. </div>
  160. <div class="fr">
  161. <ExportButton :ex-url="'sale/order/export'" :ex-params="exParams" />
  162. </div>
  163. </div>
  164. <div class="table">
  165. <el-table
  166. v-loading="listLoading"
  167. :data="dataList"
  168. element-loading-text="Loading"
  169. border
  170. fit
  171. highlight-current-row
  172. stripe
  173. show-summary
  174. :summary-method="$getSummaries"
  175. @selection-change="handleSelectionChange"
  176. >
  177. <!-- <el-table-column align="center" type="selection" width="55"></el-table-column>-->
  178. <el-table-column
  179. align="left"
  180. label="金蝶推送状态"
  181. prop="syncStatus"
  182. min-width="130"
  183. show-overflow-tooltip
  184. sortable
  185. >
  186. <template slot-scope="scope">
  187. {{ scope.row.syncStatus == 0 ? '未推送' : scope.row.syncStatus == 1 ? '推送成功' : '失败推送' }}
  188. </template>
  189. </el-table-column>
  190. <el-table-column
  191. align="left"
  192. label="状态"
  193. prop="examineStatus"
  194. min-width="100"
  195. show-overflow-tooltip
  196. sortable
  197. >
  198. <template slot-scope="scope">
  199. {{ scope.row.examineStatus | statusFilter }}
  200. </template>
  201. </el-table-column>
  202. <el-table-column
  203. align="left"
  204. label="打印时间"
  205. prop="printTime"
  206. min-width="100"
  207. show-overflow-tooltip
  208. sortable
  209. />
  210. <el-table-column
  211. align="left"
  212. label="发货日期"
  213. prop="invoiceOrderTime"
  214. min-width="100"
  215. show-overflow-tooltip
  216. sortable
  217. />
  218. <el-table-column
  219. align="left"
  220. label="订单类型"
  221. prop="orderType"
  222. min-width="100"
  223. show-overflow-tooltip
  224. sortable
  225. >
  226. <template slot-scope="scope">
  227. {{ scope.row.orderType | orderTypeFilter }}
  228. </template>
  229. </el-table-column>
  230. <!-- <el-table-column align="left" label="开票状态" prop="billStatus" min-width="100" show-overflow-tooltip sortable>
  231. <template slot-scope="scope">
  232. {{scope.row.billStatus | billStatusFilter}}
  233. </template>
  234. </el-table-column> -->
  235. <el-table-column
  236. align="left"
  237. label="发票号"
  238. prop="billReceipt"
  239. min-width="250"
  240. show-overflow-tooltip
  241. sortable
  242. >
  243. <template slot-scope="scope">
  244. {{ scope.row.billReceipt }}
  245. </template>
  246. </el-table-column>
  247. <el-table-column align="left" label="出库单号" prop="id" min-width="110" show-overflow-tooltip sortable>
  248. <template slot-scope="scope">
  249. <CopyButton :copy-text="scope.row.id" />
  250. <span>{{ scope.row.id }}</span>
  251. </template>
  252. </el-table-column>
  253. <el-table-column
  254. align="left"
  255. label="发货单号"
  256. prop="orderNo"
  257. min-width="130"
  258. show-overflow-tooltip
  259. sortable
  260. >
  261. <template slot-scope="scope">
  262. <CopyButton :copy-text="scope.row.orderNo" />
  263. <span>{{ scope.row.orderNo }}</span>
  264. </template>
  265. </el-table-column>
  266. <el-table-column align="left" label="订单号" prop="orderNo" min-width="140" show-overflow-tooltip sortable>
  267. <template slot-scope="scope">
  268. <CopyButton
  269. :copy-text="
  270. scope.row.orderType === 'TRADE' ||
  271. scope.row.orderType === 'HOME' ||
  272. scope.row.orderType === 'REQUISITION_TRADE' ||
  273. scope.row.orderType === 'REQUISITION_HOME'
  274. ? scope.row.enginOrderNo
  275. : scope.row.mainOrderId
  276. "
  277. />
  278. <span>{{
  279. scope.row.orderType === 'TRADE' ||
  280. scope.row.orderType === 'HOME' ||
  281. scope.row.orderType === 'REQUISITION_TRADE' ||
  282. scope.row.orderType === 'REQUISITION_HOME'
  283. ? scope.row.enginOrderNo
  284. : scope.row.mainOrderId
  285. }}</span>
  286. </template>
  287. </el-table-column>
  288. <el-table-column
  289. align="left"
  290. label="仓库"
  291. prop="correspondName"
  292. min-width="100"
  293. show-overflow-tooltip
  294. sortable
  295. />
  296. <el-table-column
  297. align="left"
  298. label="经销商编码"
  299. prop="customerNumber"
  300. min-width="120"
  301. show-overflow-tooltip
  302. sortable
  303. >
  304. <template slot-scope="scope">
  305. <CopyButton :copy-text="scope.row.customerNumber" />
  306. <span>{{ scope.row.customerNumber }}</span>
  307. </template>
  308. </el-table-column>
  309. <el-table-column
  310. align="left"
  311. label="经销商名称"
  312. prop="customerName"
  313. min-width="250"
  314. show-overflow-tooltip
  315. sortable
  316. >
  317. <template slot-scope="scope">
  318. <CopyButton :copy-text="scope.row.customerName" />
  319. <span>{{ scope.row.customerName }}</span>
  320. </template>
  321. </el-table-column>
  322. <el-table-column
  323. align="left"
  324. label="销售类型"
  325. prop="saleTypeName"
  326. min-width="100"
  327. show-overflow-tooltip
  328. sortable
  329. />
  330. <el-table-column
  331. align="left"
  332. label="物料编码"
  333. prop="materialCode"
  334. min-width="120"
  335. show-overflow-tooltip
  336. sortable
  337. >
  338. <template slot-scope="scope">
  339. <CopyButton :copy-text="scope.row.materialCode" />
  340. <span>{{ scope.row.materialCode }}</span>
  341. </template>
  342. </el-table-column>
  343. <el-table-column
  344. align="left"
  345. label="产品编码"
  346. prop="materialOldNumber"
  347. min-width="140"
  348. show-overflow-tooltip
  349. sortable
  350. >
  351. <template slot-scope="scope">
  352. <CopyButton :copy-text="scope.row.materialOldNumber" />
  353. <span>{{ scope.row.materialOldNumber }}</span>
  354. </template>
  355. </el-table-column>
  356. <el-table-column
  357. align="left"
  358. label="产品名称"
  359. prop="materialName"
  360. min-width="160"
  361. show-overflow-tooltip
  362. sortable
  363. >
  364. <template slot-scope="scope">
  365. <CopyButton :copy-text="scope.row.materialName" />
  366. <span>{{ scope.row.materialName }}</span>
  367. </template>
  368. </el-table-column>
  369. <el-table-column
  370. align="left"
  371. label="规格型号"
  372. prop="specification"
  373. min-width="350"
  374. show-overflow-tooltip
  375. sortable
  376. >
  377. <template slot-scope="scope">
  378. <CopyButton :copy-text="scope.row.specification" />
  379. <span>{{ scope.row.specification }}</span>
  380. </template>
  381. </el-table-column>
  382. <el-table-column align="left" label="单位" prop="unit" min-width="100" show-overflow-tooltip sortable />
  383. <el-table-column
  384. align="right"
  385. label="数量"
  386. prop="refundableQty"
  387. min-width="100"
  388. show-overflow-tooltip
  389. sortable
  390. />
  391. <el-table-column align="right" label="单价" prop="price" min-width="100" show-overflow-tooltip sortable>
  392. <template slot-scope="scope">
  393. {{ scope.row.price | numToFixed }}
  394. </template>
  395. </el-table-column>
  396. <el-table-column
  397. align="right"
  398. label="订单金额"
  399. prop="payAmount"
  400. min-width="100"
  401. show-overflow-tooltip
  402. sortable
  403. >
  404. <template slot-scope="scope">
  405. {{ scope.row.payAmount | numToFixed }}
  406. </template>
  407. </el-table-column>
  408. <el-table-column
  409. align="left"
  410. label="订单备注"
  411. prop="headerRemark"
  412. min-width="160"
  413. show-overflow-tooltip
  414. sortable
  415. />
  416. <el-table-column
  417. align="left"
  418. label="审核时间"
  419. prop="approvalTime"
  420. min-width="150"
  421. show-overflow-tooltip
  422. sortable
  423. />
  424. <el-table-column
  425. align="left"
  426. label="发货申请备注"
  427. prop="remark"
  428. min-width="160"
  429. show-overflow-tooltip
  430. sortable
  431. />
  432. <el-table-column
  433. align="left"
  434. label="表体备注"
  435. prop="invoiceRemark"
  436. min-width="160"
  437. show-overflow-tooltip
  438. sortable
  439. />
  440. <el-table-column
  441. align="left"
  442. label="业务员"
  443. prop="serviceName"
  444. min-width="120"
  445. show-overflow-tooltip
  446. sortable
  447. />
  448. <el-table-column
  449. align="left"
  450. label="表头业务员"
  451. prop="k3ServiceName"
  452. min-width="120"
  453. show-overflow-tooltip
  454. sortable
  455. />
  456. <!-- <el-table-column align="center" label="操作" width="120" fixed="right">
  457. <template slot-scope="scope">
  458. <el-button type="text" @click="toDetail(scope.row)">详情</el-button>
  459. <el-button type="text" @click="toExamine(scope.row)" v-if="$checkBtnRole('examine', $route.meta.roles) && scope.row.examineStatus === 'WAIT'">审批</el-button>
  460. <el-popconfirm
  461. style="margin-left: 10px;"
  462. title="确定弃审吗?"
  463. @onConfirm="handleAbandon(scope.row.id)"
  464. v-if="$checkBtnRole('examine', $route.meta.roles) && scope.row.examineStatus === 'OK'" >
  465. <el-button slot="reference" type="text">弃审</el-button>
  466. </el-popconfirm>
  467. </template>
  468. </el-table-column> -->
  469. </el-table>
  470. </div>
  471. </div>
  472. <div class="pagination clearfix">
  473. <div class="fr">
  474. <el-pagination
  475. :current-page="currentPage"
  476. :page-sizes="[10, 20, 30, 50]"
  477. :page-size="10"
  478. layout="total, sizes, prev, pager, next, jumper"
  479. :total="listTotal"
  480. @size-change="handleSizeChange"
  481. @current-change="handleCurrentChange"
  482. />
  483. </div>
  484. </div>
  485. </div>
  486. <ExamineDialog :is-show.sync="isShowExamineDialog" :examine-form.sync="examineForm" />
  487. <SalesDetail v-if="isShowDetail" :list-item="queryItem" @backListFormDetail="backList" />
  488. <SalesExamine v-if="isShowExamine" :list-item="queryItem" @backListFormExamine="backList" />
  489. <SalesReturnForm v-if="isShowReturnForm" :list-item="queryItem" @backListFormDetail="backList" />
  490. </div>
  491. </template>
  492. <script>
  493. import { abandonData, examineBatch, examineJudge, getList } from '@/api/supply/sales'
  494. import SalesDetail from '@/views/supply/sales/components/sales_detail'
  495. import SalesExamine from '@/views/supply/sales/components/sales_examine'
  496. import SalesReturnForm from '@/views/supply/sales/components/sales_return_form'
  497. import ExamineDialog from '@/components/Common/examine-dialog'
  498. import { getCategoryList } from '@/api/common'
  499. let that
  500. export default {
  501. components: {
  502. SalesDetail,
  503. SalesExamine,
  504. SalesReturnForm,
  505. ExamineDialog
  506. },
  507. filters: {
  508. statusFilter(val) {
  509. if (that.statusList.length) {
  510. const obj = that.statusList.find(o => o.value == val)
  511. return obj ? obj.label : ''
  512. }
  513. return ''
  514. },
  515. orderTypeFilter(val) {
  516. if (that.orderTypeList.length) {
  517. const obj = that.orderTypeList.find(o => o.value == val)
  518. return obj ? obj.label : ''
  519. }
  520. return ''
  521. },
  522. billStatusFilter(val) {
  523. const MAP = {
  524. 1: '已开票',
  525. 0: '未开票'
  526. }
  527. return MAP[val]
  528. }
  529. },
  530. data() {
  531. return {
  532. currentPage: 1, // 当前页码
  533. pageSize: 10, // 每页数量
  534. listTotal: 0, // 列表总数
  535. dataList: null, // 列表数据
  536. listLoading: false, // 列表加载loading
  537. screenForm: {
  538. // 筛选表单数据
  539. orderNum: '',
  540. jxsName: '',
  541. jxsNum: '',
  542. chName: '',
  543. chNum: '',
  544. model: '',
  545. warehouse: '',
  546. date: '',
  547. status: '',
  548. approval: '',
  549. printTime: '',
  550. mainOrderId: '',
  551. printDesc: null,
  552. syncStatus: '',
  553. categoryId: '',
  554. invoiceDate: '',
  555. id: ''
  556. },
  557. statusList: [
  558. { label: '已保存', value: 'SAVE' },
  559. { label: '待审核', value: 'WAIT' },
  560. { label: '审核通过', value: 'OK' }
  561. // { label: '审核驳回', value: 'FAIL' },,
  562. ],
  563. orderTypeList: [
  564. { label: '商用', value: 'TRADE' },
  565. { label: '家用', value: 'HOME' },
  566. { label: '零售单', value: 'RETAIL' },
  567. { label: '销售政策单', value: 'RETAIL_POLICY' },
  568. { label: '置换单家用', value: 'PERMU_HOME' },
  569. { label: '置换商用', value: 'PERMU_TRADE' },
  570. { label: '置换零售', value: 'PERMU_RETAIL' },
  571. { label: '置换销售政策单', value: 'PERMU_RETAIL_POLICY' },
  572. { label: '调拨单零售', value: 'REQUISITION_RETAIL' },
  573. { label: '调拨单销售政策', value: 'REQUISITION_RETAIL_POLICY' },
  574. { label: '调拨单商用', value: 'REQUISITION_TRADE' },
  575. { label: '调拨单家用', value: 'REQUISITION_HOME' }
  576. ],
  577. isCollapse: true,
  578. queryItem: {},
  579. isShowDetail: false,
  580. isShowExamine: false,
  581. isShowReturnForm: false,
  582. value1: '',
  583. choiceDate: '',
  584. multipleSelection: [],
  585. isShowExamineDialog: false,
  586. examineForm: {
  587. status: '',
  588. remark: ''
  589. },
  590. categoryList: [],
  591. setDisabled: {
  592. disabledDate: time => {
  593. if (this.choiceDate) {
  594. const res = 13 * 24 * 3600 * 1000
  595. const minTime = this.choiceDate - res
  596. const maxTime = this.choiceDate + res
  597. return time.getTime() < minTime || time.getTime() > maxTime
  598. }
  599. },
  600. onPick: ({ maxDate, minDate }) => {
  601. this.choiceDate = minDate.getTime()
  602. if (maxDate) this.choiceDate = ''
  603. }
  604. }
  605. }
  606. },
  607. computed: {
  608. exParams() {
  609. return {
  610. examineStatus: this.screenForm.status,
  611. orderNo: this.screenForm.orderNum,
  612. customerName: this.screenForm.jxsName,
  613. customerNumber: this.screenForm.jxsNum,
  614. materialName: this.screenForm.chName,
  615. materialNumber: this.screenForm.chNum,
  616. specification: this.screenForm.model,
  617. correspondName: this.screenForm.warehouse,
  618. startTime: this.screenForm.date ? this.screenForm.date[0] : '',
  619. endTime: this.screenForm.date ? this.screenForm.date[1] : '',
  620. syncStatus: this.screenForm.syncStatus,
  621. categoryId: this.screenForm.categoryId,
  622. invoiceStartTime: this.screenForm.invoiceDate ? this.screenForm.invoiceDate[0] : '',
  623. invoiceEndTime: this.screenForm.invoiceDate ? this.screenForm.invoiceDate[1] : '',
  624. approvalStartTime: this.screenForm.approval ? this.screenForm.approval[0] : '',
  625. approvalEndTime: this.screenForm.approval ? this.screenForm.approval[1] : '',
  626. printStartTime: this.screenForm.printTime ? this.screenForm.printTime[0] : '',
  627. printEndtTime: this.screenForm.printTime ? this.screenForm.printTime[1] : '',
  628. mainOrderId: this.screenForm.mainOrderId,
  629. printTimeDesc: this.screenForm.printDesc,
  630. id: this.screenForm.id
  631. }
  632. }
  633. },
  634. beforeCreate() {
  635. that = this
  636. },
  637. created() {
  638. this.getList()
  639. this.getCategoryList()
  640. },
  641. methods: {
  642. // 查询列表
  643. getList() {
  644. this.listLoading = true
  645. const params = {
  646. pageNum: this.currentPage,
  647. pageSize: this.pageSize,
  648. examineStatus: this.screenForm.status,
  649. orderNo: this.screenForm.orderNum,
  650. customerName: this.screenForm.jxsName,
  651. customerNumber: this.screenForm.jxsNum,
  652. materialName: this.screenForm.chName,
  653. materialNumber: this.screenForm.chNum,
  654. specification: this.screenForm.model,
  655. correspondName: this.screenForm.warehouse,
  656. syncStatus: this.screenForm.syncStatus,
  657. categoryId: this.screenForm.categoryId,
  658. invoiceStartTime: this.screenForm.invoiceDate ? this.screenForm.invoiceDate[0] : '',
  659. invoiceEndTime: this.screenForm.invoiceDate ? this.screenForm.invoiceDate[1] : '',
  660. startTime: this.screenForm.date ? this.screenForm.date[0] : '',
  661. endTime: this.screenForm.date ? this.screenForm.date[1] : '',
  662. approvalStartTime: this.screenForm.approval ? this.screenForm.approval[0] : '',
  663. approvalEndTime: this.screenForm.approval ? this.screenForm.approval[1] : '',
  664. printStartTime: this.screenForm.printTime ? this.screenForm.printTime[0] : '',
  665. printEndtTime: this.screenForm.printTime ? this.screenForm.printTime[1] : '',
  666. printTimeDesc: this.screenForm.printDesc,
  667. mainOrderId: this.screenForm.mainOrderId,
  668. id: this.screenForm.id
  669. }
  670. getList(params).then(res => {
  671. res.data.records.forEach(item => {
  672. item.sums1 = ['refundableQty']
  673. item.sums2 = ['price', 'payAmount']
  674. })
  675. this.dataList = res.data.records
  676. this.listTotal = res.data.total
  677. this.listLoading = false
  678. })
  679. },
  680. // updateReceipt() {
  681. // if (!this.value1) {
  682. // this.$errorMsg('请选择时间')
  683. // return
  684. // }
  685. // updateReceipt({
  686. // startTime: this.value1[0],
  687. // endTime: this.value1[1]
  688. // }).then(res => {
  689. // this.getList()
  690. // this.$successMsg('已更新')
  691. // this.value1 = ''
  692. // })
  693. // },
  694. // 提交筛选表单
  695. submitScreenForm() {
  696. this.currentPage = 1
  697. this.getList()
  698. },
  699. // 重置筛选表单
  700. resetScreenForm() {
  701. this.$refs.screenForm.resetFields()
  702. this.currentPage = 1
  703. this.getList()
  704. },
  705. // 更改每页数量
  706. handleSizeChange(val) {
  707. this.pageSize = val
  708. this.currentPage = 1
  709. this.getList()
  710. },
  711. // 更改当前页
  712. handleCurrentChange(val) {
  713. this.currentPage = val
  714. this.getList()
  715. },
  716. // 判断是否可以审批
  717. async examineJudge(item) {
  718. // 获取页面模版
  719. const result = await new Promise((resolve, reject) => {
  720. examineJudge({ id: item.id })
  721. .then(res => {
  722. resolve(res.code == 200)
  723. })
  724. .catch(res => {
  725. resolve(0)
  726. })
  727. })
  728. return result
  729. },
  730. // 进入表单
  731. toReturnForm(item) {
  732. this.queryItem = item
  733. this.isShowReturnForm = true
  734. },
  735. // 进入详情
  736. toDetail(item) {
  737. this.queryItem = item
  738. this.isShowDetail = true
  739. },
  740. // 进入审批
  741. async toExamine(item) {
  742. const canExamine = await this.examineJudge(item)
  743. if (!canExamine) {
  744. return false
  745. }
  746. this.queryItem = item
  747. this.isShowExamine = true
  748. },
  749. // 获取存货类别列表
  750. getCategoryList() {
  751. getCategoryList({
  752. pageNum: 1,
  753. pageSize: -1
  754. }).then(res => {
  755. this.categoryList = res.data.records
  756. console.log(this.categoryList)
  757. })
  758. },
  759. backList() {
  760. this.queryItem = {}
  761. this.isShowDetail = false
  762. this.isShowExamine = false
  763. this.isShowReturnForm = false
  764. },
  765. handleSelectionChange(val) {
  766. this.multipleSelection = val
  767. },
  768. // 打开 批量审批
  769. batchExamine() {
  770. this.isShowExamineDialog = true
  771. },
  772. // 提交 批量审批
  773. submitExamineForm() {
  774. const ids = this.multipleSelection.map(item => {
  775. return item.id
  776. })
  777. examineBatch({
  778. ids: ids.join(','),
  779. examineStatus: this.examineForm.status,
  780. approvalRemark: this.examineForm.remark
  781. }).then(res => {
  782. this.isShowExamineDialog = false
  783. this.getList()
  784. this.$successMsg('修改成功')
  785. })
  786. },
  787. // 弃审
  788. handleAbandon(id) {
  789. abandonData({ id }).then(res => {
  790. this.$successMsg()
  791. this.getList()
  792. })
  793. }
  794. }
  795. }
  796. </script>
  797. <style lang="scss" scoped></style>