detail.vue 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768
  1. <template>
  2. <div class="app-container">
  3. <el-row :gutter="10" class="mb8">
  4. <div class="tabSetting">
  5. <el-col :span="1.5">
  6. <el-button
  7. type="warning"
  8. icon="el-icon-download"
  9. size="mini"
  10. @click="handleExport"
  11. v-hasPermi="['warehouseBusiness:receivable:export']"
  12. >导出
  13. </el-button
  14. >
  15. </el-col>
  16. <div style="margin: 0 12px">
  17. <el-button
  18. icon="el-icon-setting"
  19. size="mini"
  20. circle
  21. @click="showSetting = !showSetting"
  22. ></el-button>
  23. </div>
  24. </div>
  25. </el-row>
  26. <el-dialog title="自定义列显示" :visible.sync="showSetting" width="700px">
  27. <div>配置排序列数据(拖动调整顺序)</div>
  28. <div style="margin-left: 17px">
  29. <el-checkbox
  30. v-model="allCheck"
  31. label="全选"
  32. @change="allChecked"
  33. ></el-checkbox>
  34. </div>
  35. <div style="padding: 4px; display: flex; justify-content: center">
  36. <draggable
  37. v-model="setRowList"
  38. group="site"
  39. animation="300"
  40. @start="onStart"
  41. @end="onEnd"
  42. handle=".indraggable"
  43. >
  44. <transition-group>
  45. <div
  46. v-for="item in setRowList"
  47. :key="item.surface"
  48. class="listStyle"
  49. >
  50. <div style="width: 500px" class="indraggable">
  51. <div class="progress" :style="{ width: item.width + 'px' }">
  52. <el-checkbox
  53. :label="item.name"
  54. v-model="item.checked"
  55. :true-label="0"
  56. :false-label="1"
  57. >{{ item.name }}
  58. </el-checkbox>
  59. </div>
  60. </div>
  61. <el-input-number
  62. v-model.number="item.width"
  63. controls-position="right"
  64. :min="1"
  65. :max="500"
  66. size="mini"
  67. ></el-input-number>
  68. </div>
  69. </transition-group>
  70. </draggable>
  71. </div>
  72. <span slot="footer" class="dialog-footer">
  73. <el-button @click="showSetting = false">取 消</el-button>
  74. <el-button @click="delRow" type="danger">重 置</el-button>
  75. <el-button type="primary" @click="save()">确 定</el-button>
  76. </span>
  77. </el-dialog>
  78. <el-table
  79. v-loading="loading"
  80. :data="receivableList"
  81. show-summary
  82. :summary-method="getSum"
  83. ref="table"
  84. :height="tableHeight"
  85. >
  86. <!-- <el-table-column type="selection" width="55" align="center" /> -->
  87. <el-table-column
  88. type="index"
  89. label="行号"
  90. align="center"
  91. width="80"
  92. fixed
  93. />
  94. <el-table-column
  95. v-for="(item, index) in getRowList"
  96. :key="index"
  97. :label="item.name"
  98. :width="item.width"
  99. :prop="item.label"
  100. align="center"
  101. :show-overflow-tooltip="true"
  102. sortable
  103. :fixed="item.fixed"
  104. >
  105. <template slot-scope="scope">
  106. <span v-if="item.label == 'fmblno'">
  107. <el-link :underline="false" type="primary">
  108. <div @click="goPage(scope.row)">
  109. {{ scope.row.fmblno }}
  110. </div></el-link>
  111. </span>
  112. <span v-else>{{ scope.row[item.label] }}</span>
  113. </template>
  114. </el-table-column>
  115. </el-table>
  116. <pagination
  117. v-show="total > 0"
  118. :total="total"
  119. :page.sync="queryParams.pageNum"
  120. :limit.sync="queryParams.pageSize"
  121. :page-sizes="[50, 100, 200, 500, 1000]"
  122. @pagination="getList"
  123. />
  124. <!-- 添加或修改库存总账对话框 -->
  125. <!-- <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>-->
  126. <!-- <el-form ref="form" :model="form" :rules="rules" label-width="80px">-->
  127. <!-- <el-form-item label="原始入库业务编号" prop="fOriginalbillno">-->
  128. <!-- <el-input v-model="form.fOriginalbillno" placeholder="请输入原始入库业务编号" />-->
  129. <!-- </el-form-item>-->
  130. <!-- <el-form-item label="上期件数" prop="fPreqty">-->
  131. <!-- <el-input v-model="form.fPreqty" placeholder="请输入上期件数" />-->
  132. <!-- </el-form-item>-->
  133. <!-- <el-form-item label="上期毛重,单位为吨,保留6位小数" prop="fPregrossweight">-->
  134. <!-- <el-input v-model="form.fPregrossweight" placeholder="请输入上期毛重,单位为吨,保留6位小数" />-->
  135. <!-- </el-form-item>-->
  136. <!-- <el-form-item label="上期净重," prop="fPrenetweight">-->
  137. <!-- <el-input v-model="form.fPrenetweight" placeholder="请输入上期净重," />-->
  138. <!-- </el-form-item>-->
  139. <!-- <el-form-item label="入库件数" prop="fQtyd">-->
  140. <!-- <el-input v-model="form.fQtyd" placeholder="请输入入库件数" />-->
  141. <!-- </el-form-item>-->
  142. <!-- <el-form-item label="入库尺码" prop="fVolumnd">-->
  143. <!-- <el-input v-model="form.fVolumnd" placeholder="请输入入库尺码" />-->
  144. <!-- </el-form-item>-->
  145. <!-- <el-form-item label="入库毛重" prop="fGrossweightd">-->
  146. <!-- <el-input v-model="form.fGrossweightd" placeholder="请输入入库毛重" />-->
  147. <!-- </el-form-item>-->
  148. <!-- <el-form-item label="入库净重" prop="fNetweightd">-->
  149. <!-- <el-input v-model="form.fNetweightd" placeholder="请输入入库净重" />-->
  150. <!-- </el-form-item>-->
  151. <!-- <el-form-item label="出口尺码" prop="fVolumnc">-->
  152. <!-- <el-input v-model="form.fVolumnc" placeholder="请输入出口尺码" />-->
  153. <!-- </el-form-item>-->
  154. <!-- <el-form-item label="出库件数" prop="fQtyc">-->
  155. <!-- <el-input v-model="form.fQtyc" placeholder="请输入出库件数" />-->
  156. <!-- </el-form-item>-->
  157. <!-- <el-form-item label="结余件数" prop="fQtyblc">-->
  158. <!-- <el-input v-model="form.fQtyblc" placeholder="请输入结余件数" />-->
  159. <!-- </el-form-item>-->
  160. <!-- <el-form-item label="出库毛重,单位为吨" prop="fGrossweightc">-->
  161. <!-- <el-input v-model="form.fGrossweightc" placeholder="请输入出库毛重,单位为吨" />-->
  162. <!-- </el-form-item>-->
  163. <!-- <el-form-item label="出库净重" prop="fNetweightc">-->
  164. <!-- <el-input v-model="form.fNetweightc" placeholder="请输入出库净重" />-->
  165. <!-- </el-form-item>-->
  166. <!-- <el-form-item label="结余毛重" prop="fGrossweightblc">-->
  167. <!-- <el-input v-model="form.fGrossweightblc" placeholder="请输入结余毛重" />-->
  168. <!-- </el-form-item>-->
  169. <!-- <el-form-item label="结余净重" prop="fNetweightblc">-->
  170. <!-- <el-input v-model="form.fNetweightblc" placeholder="请输入结余净重" />-->
  171. <!-- </el-form-item>-->
  172. <!-- <el-form-item label="箱号" prop="fCntrno">-->
  173. <!-- <el-input v-model="form.fCntrno" placeholder="请输入箱号" />-->
  174. <!-- </el-form-item>-->
  175. <!-- <el-form-item label="状态,默认 T ,正常T 停用F 下拉选择">-->
  176. <!-- <el-radio-group v-model="form.fStatus">-->
  177. <!-- <el-radio label="1">请选择字典生成</el-radio>-->
  178. <!-- </el-radio-group>-->
  179. <!-- </el-form-item>-->
  180. <!-- <el-form-item label="删除状态" prop="delFlag">-->
  181. <!-- <el-input v-model="form.delFlag" placeholder="请输入删除状态" />-->
  182. <!-- </el-form-item>-->
  183. <!-- <el-form-item label="唛头" prop="fMarks">-->
  184. <!-- <el-input v-model="form.fMarks" placeholder="请输入唛头" />-->
  185. <!-- </el-form-item>-->
  186. <!-- <el-form-item label="备注" prop="remark">-->
  187. <!-- <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />-->
  188. <!-- </el-form-item>-->
  189. <!-- </el-form>-->
  190. <!-- <div slot="footer" class="dialog-footer">-->
  191. <!-- <el-button type="primary" @click="submitForm">确 定</el-button>-->
  192. <!-- <el-button @click="cancel">取 消</el-button>-->
  193. <!-- </div>-->
  194. <!-- </el-dialog>-->
  195. </div>
  196. </template>
  197. <script>
  198. import {
  199. generalLedgerList,
  200. exportDrDetail,
  201. listWhgenleg,
  202. getWhgenleg,
  203. delWhgenleg,
  204. addWhgenleg,
  205. updateWhgenleg,
  206. exporReceivable, exportDrDetailTwo
  207. } from "@/api/reportManagement/receivable";
  208. import {listWarehouse} from "@/api/basicdata/warehouse";
  209. import {listArea} from "@/api/basicdata/area";
  210. import {listGoods} from "@/api/basicdata/goods";
  211. import {listCorps} from "@/api/basicdata/corps";
  212. import {addSet, select, resetModule} from "@/api/system/set";
  213. import Cookies from "js-cookie";
  214. import draggable from "vuedraggable";
  215. export default {
  216. name: "generalLedgerDr",
  217. components: {draggable},
  218. data() {
  219. return {
  220. pickerOptions: {
  221. shortcuts: [{
  222. text: '最近一周',
  223. onClick(picker) {
  224. const end = new Date();
  225. const start = new Date();
  226. start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
  227. picker.$emit('pick', [start, end]);
  228. }
  229. }, {
  230. text: '最近一个月',
  231. onClick(picker) {
  232. const end = new Date();
  233. const start = new Date();
  234. start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
  235. picker.$emit('pick', [start, end]);
  236. }
  237. }, {
  238. text: '最近三个月',
  239. onClick(picker) {
  240. const end = new Date();
  241. const start = new Date();
  242. start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
  243. picker.$emit('pick', [start, end]);
  244. }
  245. }]
  246. },
  247. tableHeight: '0',
  248. // 货权方(客户数据)
  249. fMblnoOptions: [],
  250. // 贸易方式(数据字典),对应t_trademodels 字典
  251. fTrademodeidOptions: [],
  252. // 货物
  253. goodsOptions: [],
  254. // 仓库(仓库数据)
  255. warehouseOptions: [],
  256. kqhouseOptions: [],
  257. // 遮罩层
  258. loading: true,
  259. // 显示搜索条件
  260. showSearch: true,
  261. // 总条数
  262. total: 0,
  263. // 库存总账表格数据
  264. receivableList: [],
  265. // 弹出层标题
  266. title: "",
  267. // 是否显示弹出层
  268. open: false,
  269. // 查询参数
  270. queryParams: {
  271. pageNum: 1,
  272. pageSize: 50,
  273. fCorpid: null,
  274. fMblno: null,
  275. timeExamine: null,
  276. fToCorpid: null,
  277. fProductName: null,
  278. fMarks: null,
  279. fReconciliation: null,
  280. fBillstatus: null,
  281. },
  282. // 表单参数
  283. form: {},
  284. // 表单校验
  285. rules: {
  286. fMarks: [{required: true, message: "唛头不能为空", trigger: "blur"}],
  287. },
  288. showSetting: false,
  289. drag: false,
  290. setRowList: [],
  291. getRowList: [],
  292. tableDate: [
  293. {
  294. surface: "2",
  295. label: "ffeesName",
  296. name: "客户",
  297. checked: 0,
  298. width: 130,
  299. },
  300. {
  301. surface: "3",
  302. label: "tfeesNameD",
  303. name: "费用类别",
  304. checked: 0,
  305. width: 130,
  306. },
  307. {
  308. surface: "4",
  309. label: "receivableFQty",
  310. name: "重量",
  311. checked: 0,
  312. width: 130,
  313. },
  314. {
  315. surface: "5",
  316. label: "fBillingDays",
  317. name: "天数",
  318. checked: 0,
  319. width: 130,
  320. },
  321. {
  322. surface: "6",
  323. label: "receivablePrice",
  324. name: "单价",
  325. checked: 0,
  326. width: 130,
  327. },
  328. {
  329. surface: "7",
  330. label: "receivableAmount",
  331. name: "应收金额",
  332. checked: 0,
  333. width: 130,
  334. },
  335. {
  336. surface: "8",
  337. label: "tfeesNameC",
  338. name: "成本项目",
  339. checked: 0,
  340. width: 130,
  341. },
  342. {
  343. surface: "9",
  344. label: "copeWithFQty",
  345. name: "重量",
  346. checked: 0,
  347. width: 130,
  348. },
  349. {
  350. surface: "10",
  351. label: "copeWithPrice",
  352. name: "单价",
  353. checked: 0,
  354. width: 130,
  355. },
  356. {
  357. surface: "11",
  358. label: "copeWithAmount",
  359. name: "应付金额",
  360. checked: 0,
  361. width: 130,
  362. },
  363. {
  364. surface: "12",
  365. label: "nnfinished",
  366. name: "利润总额",
  367. checked: 0,
  368. width: 130,
  369. }
  370. ],
  371. allCheck: false,
  372. };
  373. },
  374. created() {
  375. this.setRowList = this.tableDate;
  376. this.getRowList = this.tableDate;
  377. // this.getList();
  378. this.getDicts("data_trademodes").then((response) => {
  379. this.fTrademodeidOptions = response.data;
  380. });
  381. this.getRow();
  382. },
  383. activated() {
  384. if (this.$route.query) {
  385. this.getList()
  386. }
  387. },
  388. mounted() {
  389. this.$nextTick(() => {
  390. // 监听浏览器高度变化,改变表格高度
  391. window.onresize = () => {
  392. this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 70
  393. }
  394. })
  395. },
  396. methods: {
  397. //列设置全选
  398. allChecked() {
  399. if (this.allCheck == true) {
  400. this.setRowList.map((e) => {
  401. return (e.checked = 0);
  402. });
  403. } else {
  404. this.setRowList.map((e) => {
  405. return (e.checked = 1);
  406. });
  407. }
  408. },
  409. //查询列数据
  410. getRow() {
  411. let that = this;
  412. this.data = {
  413. tableName: "应收总账",
  414. userId: Cookies.get("userName"),
  415. };
  416. select(this.data).then((res) => {
  417. if (res.data.length != 0) {
  418. this.getRowList = res.data.filter((e) => e.checked == 0);
  419. this.setRowList = res.data;
  420. this.setRowList = this.setRowList.reduce((res, item) => {
  421. res.push({
  422. surface: item.surface,
  423. label: item.label,
  424. name: item.name,
  425. checked: item.checked,
  426. width: item.width,
  427. fixed: item.fixed,
  428. });
  429. return res;
  430. }, []);
  431. }
  432. });
  433. },
  434. delRow() {
  435. this.data = {
  436. tableName: "应收总账",
  437. userId: Cookies.get("userName"),
  438. };
  439. resetModule(this.data).then((res) => {
  440. if (res.code == 200) {
  441. this.showSetting = false;
  442. this.setRowList = this.tableDate;
  443. this.getRowList = this.tableDate;
  444. }
  445. });
  446. },
  447. //保存列设置
  448. save() {
  449. this.showSetting = false;
  450. this.data = {
  451. tableName: "应收总账",
  452. userId: Cookies.get("userName"),
  453. sysTableSetList: this.setRowList,
  454. };
  455. addSet(this.data).then((res) => {
  456. if (res.code == 200) {
  457. this.showSetting = false;
  458. this.getRowList = this.setRowList.filter((e) => e.checked == 0);
  459. }
  460. });
  461. },
  462. //开始拖拽事件
  463. onStart() {
  464. this.drag = true;
  465. },
  466. //拖拽结束事件
  467. onEnd() {
  468. this.drag = false;
  469. },
  470. getSum(param) {
  471. const {columns, data} = param;
  472. const sums = [];
  473. columns.forEach((column, index) => {
  474. if (index === 0) {
  475. sums[index] = "总计";
  476. } else if (index === 6 || index === 7 || index === 8 || index === 9 || index === 10 || index === 11) {
  477. const values = data.map((item) => Number(item[column.property]));
  478. if (!values.every((value) => isNaN(value))) {
  479. sums[index] = values.reduce((prev, curr) => {
  480. const value = Number(curr);
  481. if (!isNaN(value)) {
  482. return (Number(prev) + Number(curr)).toFixed(2)
  483. } else {
  484. return Number(prev).toFixed(2);
  485. }
  486. }, 0);
  487. }
  488. }
  489. });
  490. return sums;
  491. },
  492. // 贸易方式(数据字典),对���t_trademodels 字典翻译
  493. fTrademodeidFormat(row, column) {
  494. return this.selectDictLabel(this.fTrademodeidOptions, row.fTrademodeid);
  495. },
  496. /* 远程模糊查询仓库 */
  497. warehouseRemoteMethod(name) {
  498. if (name == null || name === "") {
  499. return false;
  500. }
  501. let queryParams = {pageNum: 1, pageSize: 10, fName: name};
  502. listWarehouse(queryParams).then((response) => {
  503. this.warehouseOptions = response.rows;
  504. });
  505. },
  506. /* 远程模糊查询库区 */
  507. kqhouseRemoteMethod(name) {
  508. if (name == null || name === "") {
  509. return false;
  510. }
  511. if (!this.queryParams.fWarehouseid) {
  512. this.$message.error("请输入仓库!");
  513. return false;
  514. }
  515. let queryParams = {
  516. pageNum: 1,
  517. pageSize: 10,
  518. fWarehouseid: this.queryParams.fWarehouseid,
  519. fName: name,
  520. };
  521. listArea(queryParams).then((response) => {
  522. this.kqhouseOptions = response.rows;
  523. });
  524. },
  525. /* 远程模糊查询商品 */
  526. goodsRemoteMethod(name) {
  527. if (name == null || name === "") {
  528. return false;
  529. }
  530. let queryParams = {pageNum: 1, pageSize: 10, fName: name};
  531. listGoods(queryParams).then((response) => {
  532. this.goodsOptions = response.rows;
  533. });
  534. },
  535. /* 远程模糊查询用户 */
  536. corpsRemoteMethod(name) {
  537. if (name == null || name === "") {
  538. return false;
  539. }
  540. let queryParams = {pageNum: 1, pageSize: 10, fName: name};
  541. listCorps(queryParams).then((response) => {
  542. this.fMblnoOptions = response.rows;
  543. this.KHblnoOptions = response.rows;
  544. });
  545. },
  546. /** 查询库存总账列表 */
  547. getList() {
  548. this.loading = true;
  549. this.getDicts("approval_process").then((response) => {
  550. this.options = response.data;
  551. });
  552. generalLedgerList(this.$route.query).then((response) => {
  553. this.receivableList = response.data;
  554. // this.total = response.total;
  555. this.loading = false;
  556. // 根据浏览器高度设置初始高度
  557. setTimeout(() => {
  558. this.tableHeight = window.innerHeight - this.$refs.table.$el.offsetTop - 70
  559. }, 300)
  560. });
  561. },
  562. // 取消按钮
  563. cancel() {
  564. this.open = false;
  565. this.reset();
  566. },
  567. // 表单重置
  568. reset() {
  569. this.form = {
  570. fAccyear: null,
  571. fId: null,
  572. fAccmonth: null,
  573. fCorpid: null,
  574. fMblno: null,
  575. fOriginalbillno: null,
  576. fWarehouseLocationid: null,
  577. fGoodsid: null,
  578. fTrademodeid: null,
  579. fPreqty: null,
  580. fPregrossweight: null,
  581. fPrenetweight: null,
  582. fQtyd: null,
  583. fVolumnd: null,
  584. fGrossweightd: null,
  585. fNetweightd: null,
  586. fVolumnc: null,
  587. fQtyc: null,
  588. fQtyblc: null,
  589. fGrossweightc: null,
  590. fNetweightc: null,
  591. fGrossweightblc: null,
  592. fNetweightblc: null,
  593. fCntrno: null,
  594. fStatus: "0",
  595. delFlag: null,
  596. createBy: null,
  597. fMarks: null,
  598. createTime: null,
  599. updateBy: null,
  600. updateTime: null,
  601. remark: null,
  602. };
  603. this.resetForm("form");
  604. },
  605. /** 搜索按钮操作 */
  606. handleQuery() {
  607. this.queryParams.pageNum = 1;
  608. this.getList();
  609. },
  610. /** 重置按钮操作 */
  611. resetQuery() {
  612. // this.resetForm("queryForm");
  613. this.resetQueryParams();
  614. this.handleQuery();
  615. },
  616. // 搜索重置
  617. resetQueryParams() {
  618. this.queryParams = {
  619. pageNum: 1,
  620. pageSize: 50,
  621. fCorpid: null,
  622. fMblno: null,
  623. timeExamine: null,
  624. fToCorpid: null,
  625. fProductName: null,
  626. fMarks: null,
  627. fReconciliation: null,
  628. fBillstatus: null,
  629. }
  630. },
  631. /** 新增按钮操作 */
  632. handleAdd() {
  633. this.reset();
  634. this.open = true;
  635. this.title = "添加库存总账";
  636. },
  637. /** 提交按钮 */
  638. submitForm() {
  639. this.$refs["form"].validate((valid) => {
  640. if (valid) {
  641. if (this.form.fAccyear != null) {
  642. updateWhgenleg(this.form).then((response) => {
  643. this.msgSuccess("修改成功");
  644. this.open = false;
  645. this.getList();
  646. });
  647. } else {
  648. addWhgenleg(this.form).then((response) => {
  649. this.msgSuccess("新增成功");
  650. this.open = false;
  651. this.getList();
  652. });
  653. }
  654. }
  655. });
  656. },
  657. /** 导出按钮操作 */
  658. handleExport() {
  659. const queryParams = this.$route.query;
  660. this.$confirm("是否确认导出所有应收总账数据项?", "警告", {
  661. confirmButtonText: "确定",
  662. cancelButtonText: "取消",
  663. type: "warning",
  664. }).then(function () {
  665. return exportDrDetailTwo(queryParams);
  666. })
  667. .then((response) => {
  668. this.download(response.msg);
  669. });
  670. },
  671. // 去页面
  672. goPage(row) {
  673. switch (row.fBilltype) {
  674. case "入库": {
  675. this.$router.push({
  676. path: "/business/inStock",
  677. query: { id: row.fsrcpid },
  678. });
  679. break;
  680. }
  681. case "出库": {
  682. this.$router.push({
  683. path: "/business/outStock",
  684. query: { id: row.fsrcpid },
  685. });
  686. break;
  687. }
  688. case "调拨": {
  689. this.$router.push({
  690. path: "/business/stockTransfer",
  691. query: { id: row.fsrcpid },
  692. });
  693. break;
  694. }
  695. case "货权转移": {
  696. this.$router.push({
  697. path: "/business/stockTransfer",
  698. query: { id: row.fsrcpid },
  699. });
  700. break;
  701. }
  702. case "货物通关": {
  703. this.$router.push({
  704. path: "/business/cargoClearance",
  705. });
  706. break;
  707. }
  708. case "计算仓储费": {
  709. this.$router.push({
  710. path: "/business/agreement",
  711. query: { id: row.fsrcpid },
  712. });
  713. break;
  714. }
  715. case "其他账务": {
  716. this.$router.push({
  717. path: "/finance/otherFinancial",
  718. query: { id: row.fsrcpid },
  719. });
  720. break;
  721. }
  722. case "场地直装": {
  723. this.$router.push({
  724. path: "/business/inAndOutStock",
  725. query: { id: row.fsrcpid },
  726. });
  727. break;
  728. }
  729. default: {
  730. return this.$message.error("未知错误,无状态");
  731. }
  732. }
  733. },
  734. },
  735. };
  736. </script>
  737. <style lang="scss">
  738. .tabSetting {
  739. display: flex;
  740. justify-content: flex-end;
  741. }
  742. .listStyle {
  743. display: flex;
  744. border-top: 1px solid #dcdfe6;
  745. border-left: 1px solid #dcdfe6;
  746. border-right: 1px solid #dcdfe6;
  747. }
  748. .listStyle:last-child {
  749. border-bottom: 1px solid #dcdfe6;
  750. }
  751. .progress {
  752. display: flex;
  753. align-items: center;
  754. padding: 2px;
  755. background-color: rgba(0, 0, 0, 0.05);
  756. height: 100%;
  757. }
  758. </style>