|  | @@ -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') {
 |