|
@@ -1,6 +1,28 @@
|
|
|
<template>
|
|
|
<div class="app-container">
|
|
|
- <basic-container></basic-container>
|
|
|
+ <basic-container>
|
|
|
+ <avue-crud
|
|
|
+ ref="crud"
|
|
|
+ :option="option"
|
|
|
+ :data="dataList">
|
|
|
+ <template slot="menuLeft">
|
|
|
+ <div style="display:flex;align-items: center;">
|
|
|
+ <el-tabs v-model="activeName" @tab-click="tabsHandle">
|
|
|
+ <el-tab-pane label="出库" name="outStock"></el-tab-pane>
|
|
|
+ <el-tab-pane label="在库" name="inStock"></el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <div style="margin-left: 20px">
|
|
|
+ <el-button
|
|
|
+ type="warning"
|
|
|
+ icon="el-icon-download"
|
|
|
+ size="mini"
|
|
|
+ @click="handleExport"
|
|
|
+ >导出</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </avue-crud>
|
|
|
+ </basic-container>
|
|
|
<el-form
|
|
|
:model="queryParams"
|
|
|
ref="queryForm"
|
|
@@ -297,6 +319,99 @@ export default {
|
|
|
//自定义列宽
|
|
|
allCheck: false,
|
|
|
drag: false,
|
|
|
+ option:{
|
|
|
+ align: 'center',
|
|
|
+ stripe: true,
|
|
|
+ index: true,
|
|
|
+ menu: false,
|
|
|
+ addBtn: false,
|
|
|
+ editBtn: false,
|
|
|
+ delBtn: false,
|
|
|
+ height: "auto",
|
|
|
+ searchSpan: 8,
|
|
|
+ searchIcon: true,
|
|
|
+ searchIndex: 2,
|
|
|
+ highlightCurrentRow: true,
|
|
|
+ column:[
|
|
|
+ {
|
|
|
+ index: "1",
|
|
|
+ prop: "billtype",
|
|
|
+ label: "业务类型",
|
|
|
+ width: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "2",
|
|
|
+ prop: "corpid",
|
|
|
+ label: "客户名称",
|
|
|
+ width: 120,
|
|
|
+ search: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "2",
|
|
|
+ prop: "name",
|
|
|
+ label: "品名",
|
|
|
+ width: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "3",
|
|
|
+ prop: "mblno",
|
|
|
+ label: "提单号",
|
|
|
+ width: 130,
|
|
|
+ search: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "4",
|
|
|
+ prop: "qty",
|
|
|
+ label: "件数",
|
|
|
+ width: 80,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "5",
|
|
|
+ prop: "grossweight",
|
|
|
+ label: "毛重",
|
|
|
+ width: 120,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "6",
|
|
|
+ prop: "warehouseInformation",
|
|
|
+ label: "仓库",
|
|
|
+ width: 150,
|
|
|
+ search: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "7",
|
|
|
+ prop: "originalbilldate",
|
|
|
+ label: "入库日期",
|
|
|
+ width: 150,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "8",
|
|
|
+ prop: "bsDate",
|
|
|
+ label: "出库日期",
|
|
|
+ width: 150,
|
|
|
+ search: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "9",
|
|
|
+ prop: "storekeeper",
|
|
|
+ label: "仓管员",
|
|
|
+ width: 150,
|
|
|
+ search: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "10",
|
|
|
+ prop: "createBy",
|
|
|
+ label: "制单人",
|
|
|
+ width: 150,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ index: "11",
|
|
|
+ prop: "createTime",
|
|
|
+ label: "制单日期",
|
|
|
+ width: 150,
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ },
|
|
|
tableDate:[
|
|
|
{
|
|
|
surface: "1",
|
|
@@ -400,6 +515,15 @@ export default {
|
|
|
created() {
|
|
|
this.setRowList = this.tableDate;
|
|
|
this.getRowList = this.tableDate;
|
|
|
+ let i = 0;
|
|
|
+ this.option.column.forEach(item => {
|
|
|
+ if (item.search) i++
|
|
|
+ })
|
|
|
+ if (i % 3 !== 0) {
|
|
|
+ const num = 3 - Number(i % 3)
|
|
|
+ this.option.searchMenuSpan = num * 8;
|
|
|
+ this.option.searchMenuPosition = "right";
|
|
|
+ }
|
|
|
this.getDicts("data_billtype_type").then((response) => {
|
|
|
this.billTypeList = response.data;
|
|
|
});
|
|
@@ -546,6 +670,23 @@ export default {
|
|
|
tabsHandle(data) {
|
|
|
if (this.disabledName == data.name) return
|
|
|
this.disabledName = data.name
|
|
|
+ if (this.activeName === "inStock"){
|
|
|
+ this.option.column.forEach(item=>{
|
|
|
+ if (item.prop === "bsDate"){
|
|
|
+ item.index = 9999
|
|
|
+ item.hide = true
|
|
|
+ item.showColumn = false
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }else {
|
|
|
+ this.option.column.forEach(item=>{
|
|
|
+ if (item.prop === "bsDate"){
|
|
|
+ item.hide = false
|
|
|
+ item.showColumn = true
|
|
|
+ item.index = 8
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
this.tableDate.forEach(item => {
|
|
|
if (this.activeName == 'inStock') {
|
|
|
if (item.label == 'fBsdate') {
|