Merge branch 'master' of http://101.37.171.70:10101/r/MES-WEB-VUEUI

陈婷婷

2025-12-23 dc0244f19e64d43972d9b654330c093e39544b8b

Merge branch 'master' of http://101.37.171.70:10101/r/MES-WEB-VUEUI

 .env.production

@@ -5,7 +5,7 @@
ENV = 'production'

VUE_APP_BASE_API = http://192.168.0.236:9010/API/
# VUE_APP_BASE_API = http://220.189.218.155:9010/API/ # å››ç»´å°” å¤–网
# VUE_APP_BASE_API = http://220.189.218.155:9010/API/
# VUE_APP_BASE_API = http://47.96.97.237/API/ # æ™ºäº‘迈思L-MOM管理系统/生产环境
# è·¯ç”±æ‡’加载 
VUE_CLI_BABEL_TRANSPILE_MODULES = true

 .env.staging

@@ -9,7 +9,7 @@
ENV = 'staging'

# æ™ºäº‘迈思L-MOM管理系统/测试环境
VUE_APP_BASE_API = 'http://192.168.0.51:81/API/'
VUE_APP_BASE_API = 'http://localhost:81/API/'

# è·¯ç”±æ‡’加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

 public/static/grf/¿âλÂë.grf

@@ -4,7 +4,7 @@
    "Author":"锐浪报表软件",
    "Description":"演示一个最基本的列表报表。",
    "Font":{
        "Name":"宋体",
        "Name":"微软雅黑",
        "Size":90000,
        "Weight":400,
        "Charset":134
@@ -108,7 +108,7 @@
            "BackColor":"C0C0C0",
            "Height":0,
            "Font":{
                "Name":"宋体",
                "Name":"微软雅黑",
                "Size":90000,
                "Bold":true,
                "Charset":134

 public/static/grf/ÎïÁÏÌõÂë.grf

@@ -1,10 +1,10 @@
{
    "Version":"6.8.2.2",
    "Version":"6.8.9.5",
    "Title":"1a.简单表格",
    "Author":"锐浪报表软件",
    "Description":"演示一个最基本的列表报表。",
    "Font":{
        "Name":"宋体",
        "Name":"微软雅黑",
        "Size":90000,
        "Weight":400,
        "Charset":134
@@ -64,6 +64,12 @@
            "ColumnContentCell":[
                {
                    "Column":"单据号",
                    "Font":{
                        "Name":"微软雅黑",
                        "Size":90000,
                        "Weight":400,
                        "Charset":134
                    },
                    "FreeCell":true,
                    "Control":[
                        {
@@ -155,8 +161,8 @@
                                            "BarcodeType":"QRCode",
                                            "Text":"[#条码编号#]",
                                            "Font":{
                                                "Name":"宋体",
                                                "Size":67500,
                                                "Name":"微软雅黑",
                                                "Size":75000,
                                                "Weight":400,
                                                "Charset":134
                                            }
@@ -244,7 +250,7 @@
            "BackColor":"C0C0C0",
            "Height":0,
            "Font":{
                "Name":"宋体",
                "Name":"微软雅黑",
                "Size":90000,
                "Bold":true,
                "Charset":134

 src/router/index.js

@@ -138,6 +138,31 @@
    ],
  },
  //#endregion
  
  //#region æ¡ç ä¸»æŒ¡
  {
    path: "/warehouse/barcodeMaster/Gy_BarCodeBillList",
    component: Layout,
    hidden: true,
    redirect: "noredirect",
    meta: {
      breadcrumb: false, // å¦‚果设置为false，则不会在breadcrumb面包屑中显示
      activeMenu: "/warehouse/barcodeMaster/Gy_BarCodeBillList", // å½“路由设置了该属性，则会高亮相对应的侧边栏。
    },
    children: [
      {
        path: "/warehouse/barcodeMaster/Gy_BarCodeBillList",
        component: () =>
          import("@/views/warehouse/barcodeMaster/Gy_BarCodeBillList.vue"),
        name: "Gy_BarCodeBillList",
        meta: {
          title: "条码主档",
          activeMenu: "warehouse/barcodeMaster",
        },
      },
    ],
  },
  //#endregion
  //#endregion

  //#region ä»“存管理

 src/store/modules/permission.js

@@ -423,6 +423,21 @@
                    name: "Gy_BarCodeBill",
                    path: "Gy_BarCodeBill",
                  },
                  {
                    meta: {
                      icon: "build",
                      link: null,
                      noCache: false,
                      title: "条码主档",
                    },
                    component: () =>
                      import(
                        "@/views/warehouse/barcodeMaster/Gy_BarCodeBillList.vue"
                      ),
                    hidden: false,
                    name: "Gy_BarCodeBillList",
                    path: "Gy_BarCodeBillList",
                  },
                ],
              },
            ],

 src/views/CaiGouGuanLi/CaiGouRuKu/Kf_POStockInBillList.vue

@@ -150,6 +150,9 @@
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-printer" size="mini" :disabled="single" @click="get_BarCodeDetail">条码明细</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-printer" size="mini" :disabled="single" @click="get_PackStockDetail">包装容器出入库明细</el-button>
      </el-col>
    </el-row>
    <div class="tableBox" v-loading="loading">
      <el-table :data="tableData" ref="tableData" max-height="710" :summary-method="getSummaries"
@@ -195,6 +198,8 @@
      </el-dialog>
      <!-- æ¡ç æ˜Žç»† -->
      <BarCodeDetail :visible.sync="barCodeDetailShow" ref="barcodeDetail"/>
      <!-- åŒ…装容器出入库明细 -->
      <PackStockDetail :visible.sync="packStockDetailShow" ref="packStockDetail"/>
    </div>
  </div>
</template>
@@ -205,11 +210,12 @@
import RowSettings from '@/views/component/rowSettings'                   //列设置组件
import PrintList from '@/views/component/printList'                       //打印组件
import BarCodeDetail from '@/views/component/BarCodeDetail'               //条码明细组件
import PackStockDetail from '@/views/component/PackStockDetail'               //条码明细组件
import Edit from '@/views/CaiGouGuanLi/CaiGouRuKu/Kf_POStockInBillEdit'   //编辑页面组件

export default {
  name: 'Kf_POStockInBillList',
  components: { RowSettings, Edit, PrintList,BarCodeDetail },
  components: { RowSettings, Edit, PrintList,BarCodeDetail,PackStockDetail },
  data() {
    return {
      baseURL: process.env.VUE_APP_BASE_API,                //后端接口前缀(后端服务器ip地址)
@@ -265,6 +271,7 @@
      openRowHide: false,                                   //列设置组件显示标记
      rowHideShow: false,                                   //列设置组件容器显示标记
      barCodeDetailShow: false,                             //条码明细组件容器显示标记
      packStockDetailShow:false,                            //包装容器出入库明细容器显示标记
      
      
      
@@ -863,6 +870,19 @@
        },
    //#endregion

    //#region åŒ…装容器出入库明细
    get_PackStockDetail() {
      // if (this.selectedRow.length !== 1) {
      //   this.$message.warning('请选择一行数据查看条码明细！')
      //   return
      // }
      this.packStockDetailShow = true
      this.$nextTick(() => {
        this.$refs.packStockDetail.open(this.rowForm)
      })
        },
    //#endregion

    //#region é€€å‡º
    close() {
      // this.reset()

 src/views/ProductInBill/Kf_ProductInBillList.vue

@@ -141,6 +141,9 @@
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-printer" size="mini" :disabled="single" @click="get_BarCodeDetail">条码明细</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-printer" size="mini" :disabled="single" @click="get_PackStockDetail">包装容器出入库明细</el-button>
      </el-col>
    </el-row>
    <div class="tableBox" v-loading="loading">
      <el-table :data="tableData" ref="tableData" max-height="710" :summary-method="getSummaries"
@@ -186,6 +189,8 @@
      </el-dialog>
      <!-- æ¡ç æ˜Žç»† -->
      <BarCodeDetail :visible.sync="barCodeDetailShow" ref="barcodeDetail"/>
      <!-- åŒ…装容器出入库明细 -->
      <PackStockDetail :visible.sync="packStockDetailShow" ref="packStockDetail"/>
    </div>
  </div>
</template>
@@ -196,11 +201,12 @@
import RowSettings from '@/views/component/rowSettings'                   //列设置组件
import PrintList from '@/views/component/printList'                       //打印组件
import BarCodeDetail from '@/views/component/BarCodeDetail'               //条码明细组件
import PackStockDetail from '@/views/component/PackStockDetail'               //条码明细组件
import Edit from '@/views/ProductInBill/Kf_ProductInBillEdit'             //编辑页面组件

export default {
  name: 'Kf_ProductInBillList',
  components: { RowSettings, Edit, PrintList,BarCodeDetail },
  components: { RowSettings, Edit, PrintList,BarCodeDetail,PackStockDetail },
  data() {
    return {
      baseURL: process.env.VUE_APP_BASE_API,                //后端接口前缀(后端服务器ip地址)
@@ -253,6 +259,7 @@
      openRowHide: false,                                   //列设置组件显示标记
      rowHideShow: false,                                   //列设置组件容器显示标记
      barCodeDetailShow: false,                             //条码明细组件容器显示标记
      packStockDetailShow:false,                            //包装容器出入库明细容器显示标记
      
      
      
@@ -837,6 +844,19 @@
      })
        },
    //#endregion
    
    //#region åŒ…装容器出入库明细
    get_PackStockDetail() {
      // if (this.selectedRow.length !== 1) {
      //   this.$message.warning('请选择一行数据查看条码明细！')
      //   return
      // }
      this.packStockDetailShow = true
      this.$nextTick(() => {
        this.$refs.packStockDetail.open(this.rowForm)
      })
        },
    //#endregion

    //#region é€€å‡º
    close() {

 src/views/basic/gyStockPlace/gyStockPlace.vue

@@ -23,6 +23,13 @@
            @keyup.enter.native="handleQuery"
            class="ForFilteringSchemes"
          />
        </el-form-item><el-form-item label="仓库名称" prop="HWHName">
          <el-input
            v-model="queryParams.HWHName"
            placeholder="请输入仓库名称"
            @keyup.enter.native="handleQuery"
            class="ForFilteringSchemes"
          />
        </el-form-item>
        <el-form-item label="组织">
          <el-select
@@ -1156,6 +1163,9 @@
      if (this.queryParams.HName) {
        this.sWhere += " and ä»“位名称 like '%" + this.queryParams.HName + "%'";
      }
      if (this.queryParams.HWHName) {
        this.sWhere += " and ä»“库名称 like '%" + this.queryParams.HWHName + "%'";
      }
      if (this.queryParams.HOrgID) {
        let OrgName = this.organizationList.find((e) => e.ID == this.queryParams.HOrgID)
          ?.Name;
@@ -1211,6 +1221,7 @@
      this.queryParams = {
        HNumber: "",
        HName: "",
        HWHName: "",
        HBillNo: "",
        HInitTimeCycle: 29,
        HProjectNumber: "",

 src/views/component/printList/barcode.vue

@@ -1,13 +1,15 @@
<template>
  <div>
    <button @click="getTemp">打印</button>
    <div id="report_holder"> </div>
  <div style="padding: 10px">
    <el-button type="primary" @click="getTemp">打印</el-button>
    <!-- <el-button type="primary" @click="getTempMeta">获取元数据</el-button> -->
    <div id="report_holder"></div>
  </div>
</template>

<script>
import PrintJS from 'print-js'
import PrintJS from "print-js";
import axios from "axios";
import { watch } from "vue";
export default {
  name: "HBarPlanPrintWeb",
  data() {
@@ -16,7 +18,7 @@
      handleMessage: this.$route.query,
      pageSize: {
        width: 0,
        height: 0
        height: 0,
      },
      reportViewer: null,
      baseUrl: process.env.VUE_APP_BASE_API,
@@ -24,17 +26,28 @@
        recordset: [],
      },
      grfPath: "",

    }
      oriention: null,
    };
  },
  async mounted() {
    // èŽ·å– æ‰“印的数据
    await this.getPrintData()

    await this.getPrintData();
    // èŽ·å–打印纸张大小
    rubylong.grhtml5.barcodeURL = this.baseUrl + "/Utility/Barcode.ashx";
    this.reportViewer = rubylong.grhtml5.insertReportViewer("report_holder", this.grfPath,  this.json_data.recordset,
    this.reportViewer = rubylong.grhtml5.insertReportViewer(
      "report_holder",
      this.grfPath,
      this.json_data
    );
    this.reportViewer.start();
  },
  watch: {
    // ç›‘听reportViewer是否已经构建完成，构建完成后 èŽ·å–grf文件的打印页面大小
    'reportViewer.generated'(newVal, oldVal) {
      if(newVal == true) {
        this.getTempMeta()
      }
    },
  },
  methods: {
    getUrlVars_JSON() {
@@ -45,6 +58,7 @@
      return datajson;
    },
    async getPrintData() {
      // åœ¨å¤§æ‰¹é‡æ‰“印的时候 url长度可能超get允许的长度 åŽç«¯éœ€æŒ‰éœ€æ±‚ æ”¹æˆPOST请求
      let OpenTmp = decodeURIComponent(this.$route.query.OpenTmp);
      let sql = "";
      if (this.$route.query.Type == "Kf_SellOutBillList") {
@@ -56,6 +70,11 @@
          "select * from h_v_IF_BarCodeBillList where hmainid in(" +
          this.handleMessage.linterid.toString() +
          ") order by hmainid desc";
      } else if (this.$route.query.Type == "HGy_BarCodeBillList") {
        sql =
          "select * from h_v_IF_BarCodeBillList where hmainid in(" +
          this.handleMessage.linterid.toString() +
          ") order by hmainid desc";
      } else if (this.$route.query.Type == "HPOInStockBill") {
        sql =
          "select * from h_v_Sc_PrintMouldProdOutBillList where hmainid=" +
@@ -63,81 +82,85 @@
          " order by hmainid";
      } else if (this.$route.query.Type == "HGyStockPlaceBarCode") {
        let condition = decodeURI(this.handleMessage.linterid.toString());
        sql = `SELECT
                CEILING(CAST(t.row_num AS FLOAT) / 2) AS orderid,
                MAX(CASE WHEN t.row_num % 2 = 1 THEN t.条码编号 END) AS æ¡ç ç¼–号1,
                MAX(CASE WHEN t.row_num % 2 = 1 THEN t.仓位名称 END) AS ä»“位名称1,
                MAX(CASE WHEN t.row_num % 2 = 0 THEN t.条码编号 END) AS æ¡ç ç¼–号2,
                MAX(CASE WHEN t.row_num % 2 = 0 THEN t.仓位名称 END) AS ä»“位名称2
              FROM (
                SELECT
                  æ¡ç ç¼–号, ä»“位名称,
                  ROW_NUMBER() OVER (ORDER BY t1.HItemID) AS row_num
                FROM h_v_IF_StockPlaceList t1 where æ¡ç ç¼–号 in (${condition})
              ) AS t
              GROUP BY CEILING(CAST(t.row_num AS FLOAT) / 2)
              ORDER BY orderid;`;
        condition = condition.split(',').map(e => `'${e}'`).join(',')
        sql = `exec h_p_GetSPBarCode_Swell N'${condition}'`;
      }
      try{
        let res =  await axios.get(this.baseURL + "/CommonModel/searchMethod", {
        let res =  await axios.get(this.baseUrl + "/CommonModel/searchMethod", {
          params: {
            sql: sql,
            user: sessionStorage["HUserName"],
            ModRightNameCheck: "",
            // , "HSubID": data[i].hsubid
          },
        })
        });
        // å°† æ¸²æŸ“数据 å’Œ æ¨¡æ¿åŠ è½½åˆ°æœ¬åœ°
        let result = res.data;
          this.json_data.recordset = result.data;
          this.grfPath = "./static/grf/" + OpenTmp + ".grf"
          console.log(this.json_data);
      }catch(err) {
        this.json_data.recordset = result.data;
        this.grfPath = "./static/grf/" + OpenTmp + ".grf";
        console.log(this.json_data);
      } catch (err) {
        this.$modal.msgError("接口请求失败!" + err);
      }

    },
    getTempMeta() {
      let grfMeta = JSON.parse(this.reportViewer.reportText);
      console.log("grfMeta", grfMeta)
      this.pageSize.width = grfMeta.Printer.Width * 10 + "mm";
      this.pageSize.height = grfMeta.Printer.Height * 10 + "mm";
      console.log("pageSize: ",this.pageSize)
      this.oriention = grfMeta.Printer.Oriention.toLowerCase()
    },
    getTemp() {
      // å¯¹æ¯ä¸ªè¦æ‰“印的对象添加分页
      let docs = document.querySelectorAll('[_grrecno]')
      this.pageSize.width = docs[0].offsetWidth
      this.pageSize.height = docs[0].offsetHeight
      let docs = document.querySelectorAll("[_grrecno]");
      // this.pageSize.width = docs[0].offsetWidth;
      // this.pageSize.height = docs[0].offsetHeight;
      docs.forEach((elem, index) => {
        elem.classList.add('printable')
      })
      let styles = document.querySelectorAll('[id^="_gridcss"]')
      this.styleList.push(...styles)
        elem.classList.add("printable");
      });
      let styles = document.querySelectorAll('[id^="_gridcss"]');
      this.styleList.push(...styles);

      this.execPrint()
      this.execPrint();
    },
    execPrint() {
      PrintJS({
        printable: 'report_holder',
        printable: "report_holder",
        scanStyles: false,
        type: 'html',
        style: this.styleList[0].innerText + ` @media print {
        type: "html",
        style:
          this.styleList[0].innerText +
          `
            .printable {
              page-break-inside: avoid;
              page-break-after: always;
              box-sizing: border-box !important; /* å†…边距不影响宽高 */
            }

            @page {
              size: ${this.pageSize.width + 1}px ${this.pageSize.height + 1}px;
              size: ${this.pageSize.width} ${this.pageSize.height};
              margin: 0;
              padding: 0;
            }

            table { border-collapse: collapse !important; }

            * {
              margin: 0;
              padding: 0;
              color: #000 !important;
              opacity: 1 !important;
              filter: none !important;
              text-shadow: none !important;
              -webkit-print-color-adjust: exact; /* å¼ºåˆ¶è¿˜åŽŸé¢œè‰²ï¼ˆé¿å…æ·¡è‰²ï¼‰ */
            }
        `,
      })


    }
  }
}
      });
    },
  },
};
</script>

<style></style>
<style>
</style>

 src/views/sell/sellOut/sellOutBill.vue

@@ -314,6 +314,9 @@
          >条码明细</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-printer" size="mini" :disabled="single" @click="get_PackStockDetail">包装容器出入库明细</el-button>
      </el-col>
    </el-row>
    <div class="tableBox" v-loading="loading">
      <el-table
@@ -424,6 +427,8 @@
      </el-dialog>
      <!-- æ¡ç æ˜Žç»† -->
      <BarCodeDetail :visible.sync="barCodeDetailShow" ref="barcodeDetail" />
      <!-- åŒ…装容器出入库明细 -->
      <PackStockDetail :visible.sync="packStockDetailShow" ref="packStockDetail"/>
    </div>
  </div>
</template>
@@ -434,11 +439,12 @@
import Edit from "@/views/sell/sellOut/sellOutBillEdit";
import PrintList from "@/views/component/printList";
import BarCodeDetail from "@/views/component/BarCodeDetail"; //条码明细组件
import PackStockDetail from '@/views/component/PackStockDetail'               //条码明细组件
import moment from "moment";

export default {
  name: "SellOutBill",
  components: { RowSettings, Edit, PrintList, BarCodeDetail },
  components: { RowSettings, Edit, PrintList, BarCodeDetail,PackStockDetail },
  data() {
    return {
      activeSeach: "",
@@ -449,6 +455,7 @@
      openPrintList: false,
      printListShow: false,
      barCodeDetailShow: false, //条码明细组件容器显示标记
      packStockDetailShow:false,                            //包装容器出入库明细容器显示标记
      openBtnHide: false,
      btnHideShow: false,
      rowHideShow: false,
@@ -1162,6 +1169,19 @@
      });
    },
    //#endregion
    
    //#region åŒ…装容器出入库明细
    get_PackStockDetail() {
      // if (this.selectedRow.length !== 1) {
      //   this.$message.warning('请选择一行数据查看条码明细！')
      //   return
      // }
      this.packStockDetailShow = true
      this.$nextTick(() => {
        this.$refs.packStockDetail.open(this.rowForm)
      })
        },
    //#endregion

    //#region èŽ·å–公司名，根据公司进行定制化开发
    defaintOperationByCompanyName() {

 src/views/warehouse/barcodeMaster/Gy_BarCodeBillList.vue

New file
@@ -0,0 +1,796 @@
<template>
  <div style="padding: 10px;">
    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="78px" class="searchBox">
      <el-form-item label="开始日期" style="margin-left: 100px;">
        <el-date-picker v-model="queryParams.sTime" type="date" placeholder="开始日期" style="width: 150px;">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="结束日期">
        <el-date-picker v-model="queryParams.eTime" type="date" placeholder="结束日期" style="width: 150px;">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="日期间隔">
        <el-select v-model="queryParams.HInitTimeCycle" placeholder="请选择" @change="riqiChange" style="width: 150px;">
          <el-option v-for="(item, index) in rqsgList" :key="index" :label="item.label" :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="条码编号" prop="HBarCode">
        <el-input v-model="queryParams.HBarCode" placeholder="请输入条码编号" @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="组织" prop="HOrgID">
        <el-select v-model="queryParams.HOrgID" placeholder="请选择组织">
          <el-option v-for="(item, index) in organizationList" :key="index" :label="item.Name" :value="item.ID">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="源单单号" prop="HSourceBillNo">
        <el-input v-model="queryParams.HSourceBillNo" placeholder="请输入源单单号" @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="物料代码" prop="HMaterNumber">
        <el-input v-model="queryParams.HMaterNumber" placeholder="请输入物料代码" @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="物料名称" prop="HMaterName">
        <el-input v-model="queryParams.HMaterName" placeholder="请输入物料名称" @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label-width="78px">
        <el-button type="primary" icon="el-icon-search" @click="handleQuery"> æœ ç´¢</el-button>
        <el-button icon="el-icon-circle-close" @click="resetQuery">重 ç½®</el-button>
      </el-form-item>
      <el-collapse v-model="activeSeach">
        <el-collapse-item title="更多" name="1">
          <el-card class="box-card">
            <div slot="header" class="clearfix"><span>过滤</span></div>
            <div>
              <el-row>
                <el-form-item label-width="0">
                  <el-row>
                    <el-col :span="7">
                      <el-select v-model="queryParams.ColName1" placeholder="请选择" @change="riqiChange">
                        <span v-for="(item, index) in btList" :key="index">
                          <el-option :label="item.field" :value="item.field" v-if="!item.hide"></el-option>
                        </span>
                      </el-select>
                    </el-col>
                    <el-col :span="6" style="padding: 0 10px;">
                      <el-select v-model="queryParams.Comparator1" placeholder="请选择" @change="riqiChange">
                        <el-option v-for="(item, index) in comparatorList" :key="index" :label="item.label"
                          :value="item.value"></el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="11">
                      <el-input v-model="queryParams.ColContent1" placeholder="请输入" clearable
                        @keyup.enter.native="handleQuery" />
                    </el-col>
                  </el-row>
                </el-form-item>
              </el-row>
              <el-row>
                <el-form-item label-width="0">
                  <el-row>
                    <el-col :span="7">
                      <el-select v-model="queryParams.ColName2" placeholder="请选择" @change="riqiChange">
                        <span v-for="(item, index) in btList" :key="index">
                          <el-option :label="item.field" :value="item.field" v-if="!item.hide"></el-option>
                        </span>
                      </el-select>
                    </el-col>
                    <el-col :span="6" style="padding: 0 10px;">
                      <el-select v-model="queryParams.Comparator2" placeholder="请选择" @change="riqiChange">
                        <el-option v-for="(item, index) in comparatorList" :key="index" :label="item.label"
                          :value="item.value"></el-option>
                      </el-select>
                    </el-col>
                    <el-col :span="11">
                      <el-input v-model="queryParams.ColContent2" placeholder="请输入" clearable
                        @keyup.enter.native="handleQuery" />
                    </el-col>
                  </el-row>
                </el-form-item>
              </el-row>
              <el-form-item label-width="0">
                <el-row>
                  <el-col :span="7">
                    <el-select v-model="queryParams.ColName" placeholder="请选择" @change="riqiChange">
                      <el-option v-for="(item, index) in btList" :key="index" :label="item.field"
                        :value="item.field"></el-option>
                    </el-select>
                  </el-col>
                  <el-col :span="6" style="padding: 0 10px;">
                    <el-select v-model="queryParams.Comparator" placeholder="请选择" @change="riqiChange">
                      <el-option v-for="(item, index) in comparatorList" :key="index" :label="item.label"
                        :value="item.value"></el-option>
                    </el-select>
                  </el-col>
                  <el-col :span="11">
                    <el-input v-model="queryParams.ColContent" placeholder="请输入" clearable
                      @keyup.enter.native="handleQuery" />
                  </el-col>
                </el-row>
              </el-form-item>
            </div>
          </el-card>
        </el-collapse-item>
      </el-collapse>
    </el-form>
    <el-row :gutter="10" class="mb8" style="margin-top: 10px;">
      <!-- <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="single" @click="handleDrop">删除
        </el-button>
      </el-col> -->
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="single" @click="handleDelete(0)">作废
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-delete" size="mini" :disabled="single" @click="handleDelete(1)">反作废
        </el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-date" size="mini" @click="handleRowHide">隐藏列设置</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" icon="el-icon-printer" size="mini" @click="get_PrintReport">打印</el-button>
      </el-col>
    </el-row>
    <div class="tableBox" v-loading="loading">
      <el-table :data="tableData" ref="tableData" max-height="710" :summary-method="getSummaries"
        @selection-change="handleSelectionChange" show-summary border @row-click="handleRowClick" :row-style="rowStyle"
        @cell-dblclick="handleDblclick" v-if="tableShow">
        <template v-for="(item, index) in btList">
          <el-table-column type="selection" width="55" align="center" :fixed="item.fixed" v-if="item.type == 'checkbox'"
            :key="index" />
          <el-table-column :align="item.align" :prop="item.field" :label="item.title" :width="item.width" :key="item.id"
            v-else-if="!item.hide && item.type != 'checkbox'" :sortable="item.sort" show-overflow-tooltip
            :fixed="item.fixed">
            <template slot-scope="{row,  column }">
              <el-checkbox v-model="checked" v-if="item.type == 'checkbox'"></el-checkbox>
              <div :style="item.style">
                <span v-if="column.property.includes('日期')">{{ parseTime(row[column.property], '{y}-{m}-{d}') }}</span>
                <el-button type="text" @click="handleEdit(row, OperationType = 3)"
                  v-else-if="column.property == '单据号'">{{
                    row.单据号
                  }}</el-button>
                <span v-else>{{ row[column.label] }}</span>
              </div>
            </template>
          </el-table-column>
        </template>
      </el-table>
      <!-- è®°å½•æ•°ã€é¡µæ•°ã€å½“前页 -->
      <pagination v-show="total > 0" :total="total" :page.sync="page" :limit.sync="pageSize" @pagination="handleQuery" />
      <!-- åˆ—设置 -->
      <el-dialog title="隐藏列设置" :visible.sync="openRowHide" width="816px" append-to-body>
        <RowSettings :colName="btResList" HModName="Kf_POStockInBillList" @rowEditClose="rowSetClose"
          v-if="rowHideShow" />
      </el-dialog>
      <!-- æ‰“印 -->
      <el-dialog title="打印模板选择" :visible.sync="openPrintList" width="800px" append-to-body>
        <PrintList :linterid="rowSel.toString()" :MyMsg="rowSel.toString()" Type="HGy_BarCodeBill"
          HModName="HGy_BarCodeBill" @rowEditClose="rowSetClose" v-if="printListShow" />
      </el-dialog>
    </div>
  </div>
</template>

<script>
import axios from 'axios'
import moment from 'moment';                                              //导出组件
import RowSettings from '@/views/component/rowSettings'                   //列设置组件
import PrintList from "@/views/component/printList";                       //打印组件

export default {
  name: 'Gy_BarCodeBillList',
  components: { RowSettings, PrintList},
  data() {
    return {
      baseURL: process.env.VUE_APP_BASE_API,                //后端接口前缀(后端服务器ip地址)

      HInterID: null,
      rowSel: [],                                           //用于打印的数据集合
      
      rqsgList: [                                           //日期间隔下拉列表数据
        { label: '今天', value: 0 },
        { label: '近两天', value: 1 },
        { label: '近三天', value: 2 },
        { label: '近四天', value: 3 },
        { label: '近五天', value: 4 },
        { label: '近六天', value: 5 },
        { label: '近七天', value: 6 },
        { label: '近30天', value: 29 },
        { label: '近半年', value: 180 },
        { label: '近一年', value: 365 },
      ],
      organizationList: [],                                 //组织列表
      btList: [],                                           //列表表头字段列表
      comparatorList: [                                     //运算标识下拉列表
        { label: '=', value: '=' },
        { label: '>=', value: '>=' },
        { label: '>', value: '>' },
        { label: '<=', value: '<=' },
        { label: '<', value: '<' },
        { label: '<>', value: '<>' },
        { label: '包含', value: '7' },
        { label: '左包含', value: '8' },
        { label: '右包含', value: '9' },
        { label: '不包含', value: '10' },
      ],
      
      dialogTitle: '',                                      // å¼¹çª—标题
      title: "",                                            // å¼¹å‡ºå±‚标题
      open: false,                                          // æ˜¯å¦æ˜¾ç¤ºå¼¹å‡ºå±‚
      loading: true,                                        // é®ç½©å±‚
      
      activeSeach: '',
      openPrintList: false,                                 //打印组件容器显示标记
      printListShow: false,                                 //打印组件显示标记
      openBtnHide: false,                                   //按钮组件容器显示标记
      btnHideShow: false,                                   //按钮组件显示标记
      openRowHide: false,                                   //列设置组件显示标记
      rowHideShow: false,                                   //列设置组件容器显示标记
      
      // æŸ¥è¯¢å‚æ•°
      sWhere: '',                                                   // æ‹¼æŽ¥è¿‡æ»¤æ¡ä»¶
      queryParams: {                                                // form数据
        HBarCode: '',
        HInitTimeCycle: 29,
        sTime: '',
        eTime: '',
        HOrgID: 0,
        HSourceBillNo: '',
        HMaterNumumber: '',
        HMaterName: '',
        
        
        ColName: '',
        Comparator: '',
        ColContent: '',
        ColName1: '',
        Comparator1: '',
        ColContent1: '',
        ColName2: '',
        Comparator2: '',
        ColContent2: '',
      },
      
      page: 1,                                                      //page页索引
      pageSize: 0,                                                  //page页面记录数
      total: 0,                                                     //记录合计数
      tableShow: true,                                              // table显示标记
      totalNameList: [],                                            // éœ€è¦è®¾ç½®åˆè®¡è¡Œçš„列数组
      tableData: [],                                                // åˆ—表数据。用于table监听事件
      ids: [],                                                      // é€‰ä¸­è¡Œçš„hmainid数组
      single: true,                                                 // å½“选中的行数不为1时为true。用于禁用相关操作
      multiple: true,                                               // å½“选中的行数为0时为true。用于禁用相关操作
      lastSelectedRowIndex: null,                                   // ç”¨äºŽè®°å½•ä¸Šæ¬¡ç‚¹å‡»çš„行索引
      lastSelectedRow: null,                                        // ä¸Šä¸€æ¬¡é€‰ä¸­çš„è¡Œ
      selectedRow: null,                                            // å½“前选中的行
      rowForm: {},                                                  // å½“选中的只有一行时，更新数据为该选中的行。
      checkDataList: [],                                            // è¡¨æ ¼é€‰ä¸­æ•°æ®é›†åˆ

      tyResList: [],                                                // åˆ—表数据，用于导出
      titleData: [],                                                // ä¸éœ€è¦æ˜¾ç¤ºçš„字段 å¯æ‰©å±•
      btResList: [],                                                // åˆ—表表头数据。用于列设置
      dataList: [],                                                 // option记录。用于当option数据无效时，用于列设置
    };
  },
  created() {
    this.fetchData()                //加载组织下拉列表数据
    this.riqiChange()
    this.handleQuery();
  },

  methods: {
    //#region è®¾ç½®è¡¨å¤´
    renderHeader(h, { column, $index }) {// æ–°å»ºä¸€ä¸ª span
      let span = document.createElement(span)// è®¾ç½®è¡¨å¤´åç§°
      span.innerText = column.label
      //临时插入 document
      document.body.appendChild(span)// é‡ç‚¹:获取 span æœ€å°å®½åº¦ï¼Œè®¾ç½®å½“前列，注意这里加了 20，字段较多时column.minWidth=span.getBoundingClientRect().width + 50.//移除 document ä¸­ä¸´æ—¶çš„ span
      document.body.removeChild(span)
      return h(span, column.label)
    },
    //#endregion

    //#region ç‚¹å‡»è¡Œ
    handleRowClick(row, column, event) {
      this.lastSelectedRow = this.selectedRow; // è®°å½•ä¸Šä¸€æ¬¡é€‰ä¸­çš„è¡Œ
      this.selectedRow = row; // è®°å½•å½“前选中的行
      this.lastSelectedRowIndex = this.tableData.indexOf(row);
      this.$refs.tableData.toggleRowSelection(row);
    },
    //#endregion
    
    //#region é€‰ä¸­è¡Œé«˜äº®æ ·å¼
    rowStyle({ row, rowIndex }) {
      if (this.ids.includes(row.hmainid)) {
        return { "background": "#ecf5ff" }
      }
    },
    //#endregion

    //#region åŒå‡»è¡Œ
    handleDblclick(row, column, cell, event) {
    },
    //#endregion

    //#region å¤šé€‰æ¡†é€‰ä¸­æ•°æ®
    handleSelectionChange(selection) {
      // this.rowForm = {}
      this.checkDataList = selection;
      this.ids = selection.map(item => item.hmainid)
      this.single = selection.length != 1
      this.multiple = !selection.length
      if (!this.single) {
        this.rowForm = selection[0]
      }
    },
    //#endregion
    
    //#region æ ¹æ®æ—¥æœŸé—´éš”，设置开始日期、结束日期
    riqiChange() {
      const end = new Date();
      const start = new Date();
      start.setTime(start.getTime() - 3600 * 1000 * 24 * this.queryParams.HInitTimeCycle);
      const yyyyS = start.getFullYear();
      const mmS = String(start.getMonth() + 1).padStart(2, '0'); // æœˆä»½æ˜¯ä»Ž0开始的
      const ddS = String(start.getDate()).padStart(2, '0');
      const yyyyE = end.getFullYear();
      const mmE = String(end.getMonth() + 1).padStart(2, '0'); // æœˆä»½æ˜¯ä»Ž0开始的
      const ddE = String(end.getDate()).padStart(2, '0');
      this.queryParams.sTime = yyyyS + '-' + mmS + '-' + ddS
      this.queryParams.eTime = yyyyE + '-' + mmE + '-' + ddE
    },
    //#endregion
    
    //#region åŠ è½½ç»„织下拉列表数据
    fetchData() {
      axios.get(this.baseURL + "/Web/GetOrganizations", {
      }).then(response => {
        if (response.data.count == 1) {
          this.organizationList = response.data.data;//组织列表
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
      this.queryParams.HOrgID = sessionStorage["OrganizationID"];
    },
    //#endregion

    //#region é‡ç½®
    resetQuery() {
      this.sWhere = ''
      this.queryParams = {
        HBarCode: '',
        HInitTimeCycle: 29,
        HSourceBillNo: '',
        HMaterNumber: '',
        HMaterName: '',

        ColName: '',
        Comparator: '',
        ColContent: '',
        ColName1: '',
        Comparator1: '',
        ColContent1: '',
        ColName2: '',
        Comparator2: '',
        ColContent2: '',
        
      }
      this.riqiChange()
      this.resetForm("queryForm")
      this.handleQuery()
    },
    //#endregion

    //#region å¿«é€Ÿè¿‡æ»¤
    handleQuery() {
      this.sWhere = ''
      if (this.queryParams.ColName && this.queryParams.Comparator) {
        var com = "";
        switch (this.queryParams.Comparator) {
          case "7":
            com = "like''%" + this.queryParams.ColContent + "%''";
            break;
          case "8":
            com = "like''%" + this.queryParams.ColContent + "''";
            break;
          case "9":
            com = "like''" + this.queryParams.ColContent + "%''";
            break;
          case "10":
            com = "not like''%" + this.queryParams.ColContent + "%''";
            break;
          default:
            com = "" + this.queryParams.Comparator + "''" + this.queryParams.ColContent + "''";
            break;
        }
        this.sWhere += " and " + this.queryParams.ColName + " " + com;
      }
      if (this.queryParams.ColName1 && this.queryParams.Comparator1) {
        var com1 = "";
        switch (this.queryParams.Comparator1) {
          case "7":
            com1 = "like''%" + this.queryParams.ColContent1 + "%''";
            break;
          case "8":
            com1 = "like''%" + this.queryParams.ColContent1 + "''";
            break;
          case "9":
            com1 = "like''" + this.queryParams.ColContent1 + "%''";
            break;
          case "10":
            com1 = "not like''%" + this.queryParams.ColContent1 + "%''";
            break;
          default:
            com1 = "" + this.queryParams.Comparator1 + "''" + this.queryParams.ColContent1 + "''";
            break;
        }
        this.sWhere += " and " + this.queryParams.ColName1 + " " + com1;
      }
      if (this.queryParams.ColName2 && this.queryParams.Comparator2) {
        var com2 = "";
        switch (this.queryParams.Comparator2) {
          case "7":
            com2 = "like''%" + this.queryParams.ColContent2 + "%''";
            break;
          case "8":
            com2 = "like''%" + this.queryParams.ColContent2 + "''";
            break;
          case "9":
            com2 = "like''" + this.queryParams.ColContent2 + "%''";
            break;
          case "10":
            com2 = "not like''%" + this.queryParams.ColContent2 + "%''";
            break;
          default:
            com2 = "" + this.queryParams.Comparator + "''" + this.queryParams.ColContent + "''";
            break;
        }
        this.sWhere += " and " + this.queryParams.ColName2 + " " + com2;
      }
      if (this.queryParams.sTime) {
        this.queryParams.sTime = moment(this.queryParams.sTime).format('YYYY-MM-DD')
        this.queryParams.eTime = moment(this.queryParams.eTime).format('YYYY-MM-DD')
        console.log(this.queryParams.sTime, this.queryParams.eTime)
        this.sWhere += " and CONVERT(varchar(100),日期, 23) >= ''" + this.queryParams.sTime + "''" + " and CONVERT(varchar(100),日期, 23) <= ''" + this.queryParams.eTime + "''";
      }
      if (this.queryParams.HBarCode) {
        this.sWhere += " and æ¡ç ç¼–号 like ''%" + this.queryParams.HBarCode + "%''";
      }
      if (this.queryParams.HSupName) {
        this.sWhere += " and æºå•å•å· like ''%" + this.queryParams.HSourceBillNo + "%''";
      }
      if (this.queryParams.HMaterNumber) {
        this.sWhere += " and ç‰©æ–™ä»£ç  like ''%" + this.queryParams.HMaterNumber + "%''";
      }
      if (this.queryParams.HMaterName) {
        this.sWhere += " and ç‰©æ–™åç§° like ''%" + this.queryParams.HMaterName + "%''";
      }
      if (this.queryParams.HOrgID) {
        this.sWhere += " and HStockOrgID = ''" + this.queryParams.HOrgID + "''";
      }
      this.getList()
    },
    //#endregion

    //#region æŸ¥è¯¢
    getList() {
      this.pageSize = 50
      if (this.pageSize == 0) {
        this.pageSize = 50
      }
      this.tableShow = false
      this.loading = true
      
      // åˆ—表查询
      axios.get(this.baseURL + '/Gy_BarCodeBillList/page', {
        params: {
          "sWhere": this.sWhere,
          "user": sessionStorage["HUserName"],
          "page": this.page,
          "size": this.pageSize
        },
      }).then(response => {
        this.tyResList = response.data.data//总数据
        let data1 = response.data
        let option = []
        if (data1.code == 1) {
          this.btResList = data1.list             //列表表头数据
          this.total = data1.count;
          var data = [];//列字段数据
          var col = [];
          var totalArray = [];
          //给空的数组赋值
          for (var key in data1.list) {//循序遍历数组
            data.push({ "id": data1.list[key].ColmCols, "name": data1.list[key].ColmCols, "Type": data1.list[key].ColmType });//从每个对象中提取数据
          }
          //在列表左边添加勾选框
          col.push({ type: 'checkbox', fixed: 'left', totalRowText: '合计' });
          for (var i = 0; i < data.length; i++) {//遍历data数组重的数据
            if (this.titleData.indexOf(data[i].name) > -1) {//检查data【i】.name是否在数组中  //计算列
              col.push({ field: data[i].id, title: data[i].name, align: 'center', hide: true }); //隐藏id列
            } else if (totalArray.indexOf(data[i].name) > -1 || (data[i].Type == "Decimal" || data[i].Type == "Int32")) { //计算列
              col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, totalRow: true, width: 120 });
            }
            else {
              col.push({ field: data[i].id, title: data[i].name, align: 'center', sort: true, width: 200 });
            }
          }
          option.cols = [col]
          this.dataList = option
          option.data = data1.data;
          var result = data1.data;
          option.data = result;
          this.checkDataList = [];
          let HModName = "Gy_BarCodeBillList"
          this.DisPlay_HideColumn(HModName, sessionStorage["HUserName"], option, this.dataList);
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
    },

    //#region åˆè®¡è¡Œæ•°æ®å¤„理
    getSummaries(param) {
      const { columns, data } = param;
      const sums = [];
      columns.forEach((column, index) => {
        if (index === 0) {
          sums[index] = '合计';
          return;
        }
        const values = data.map(item => Number(item[column.property]));
        if (this.totalNameList[index].totalRow) {
          if (!values.every(value => isNaN(value))) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr);
              if (!isNaN(value)) {
                return prev + curr;
              } else {
                return prev;
              }
            }, 0)

          } else {
            sums[index] = '';
          }
        }
      }, 1000);
      return sums;
    },
    //#endregion

    //#endregion

    //#region åˆ é™¤
    handleDrop() {
    },
    //#endregion

    //#region ä½œåºŸ
    handleDelete(num) {
      if (this.checkDataList.length != 1) {
        this.$modal.msgError("请选择一行数据");
      } else {
        // this.rowSel = [];
        // for (var i = 0; i < this.checkDataList.length; i++) {
        //   this.rowSel.push(this.checkDataList[i].HItemID.toString());
        // }

        var HInterID = this.checkDataList[0].HItemID;
        // åˆ—表查询
        axios.get(this.baseURL + '/Gy_BarCodeBillList/DeleteGy_BarCodeBillList', {
          params: {
            "HInterID": HInterID,
            "IsAudit": num,
            "CurUserName": sessionStorage["HUserName"],
          },
        }).then(response => {
          let data1 = response.data
          if (data1.count == 1) {
            this.handleQuery();
          }else{
            this.$modal.msgError(data1.Message);
          }
        }).catch(error => {
          this.$modal.msgError("接口请求失败!");
        });
      }
    },
    //#endregion

    //#region åˆ—设置
    handleRowHide() {
      this.rowHideShow = true
      this.openRowHide = true
    },
    rowSetClose(val) {
      this.rowHideShow = false
      this.tableShow = true
      this.openRowHide = val
      this.handleQuery()
    },
    DisPlay_HideColumn(HModName, user, option, dataOption) {
      this.totalNameList = []
      axios.get(this.baseURL + '/Xt_grdAlignment_WMES/grdAlignmentWMESList', {
        params: {
          "HModName": HModName,
          "user": user,
        },
      }).then(res => {
        let data1 = res.data
        if (data1.data.length != 0) {
          var dataCol = [];//数据库查询出的列数据
          var newCols = [[]];//对应数据库列顺序col
          newCols[0].push(option.cols[0][0]);//放入第一个checkbox
          dataCol = data1.data[0].HGridString.split(',');
          //列设置列数与页面列数是否一致
          if (dataCol.length == option.cols[0].length - 1) {
            //遍历寻找列设置对应列按顺序插入
            for (var j = 0; j < option.cols[0].length - 1; j++) {
              for (var i = 0; i < option.cols[0].length - 1; i++) {
                var dataCols = dataCol[j].split('|');
                //选择与datacols相应列进行修改
                if (option.cols[0][i + 1]["field"] == dataCols[5]) {
                  //隐藏列
                  if (dataCols[1] == 1) {
                    option.cols[0][i + 1]["hide"] = true;
                  }
                  //设置列宽
                  if (dataCols[3] > 0) {
                    option.cols[0][i + 1]["width"] = dataCols[3];
                  }
                  //设置内容字体大小
                  if (data1.data[0].HFontSize != 0) {
                    option.cols[0][i + 1]["style"] = "font-size:" + data1.data[0].HFontSize + "px;";
                  } else {
                    option.cols[0][i + 1]["style"] = "font-size:100%";
                  }
                  //显示列
                  if (dataCols[1] == 0 && this.titleData.indexOf(option.cols[0][i + 1]["title"]) == -1) {
                    option.cols[0][i + 1]["hide"] = false;
                  }
                  //统计列
                  if (dataCols[6] == 1) {
                    option.cols[0][i + 1]["totalRow"] = true;
                  } else {
                    option.cols[0][i + 1]["totalRow"] = false;
                  }
                  //字体所在位置(å·¦ å±…中 å³)
                  switch (dataCols[2]) {
                    case "L":
                      option.cols[0][i + 1]["align"] = "left";
                      break;
                    case "M":
                      option.cols[0][i + 1]["align"] = "center";
                      break;
                    case "R":
                      option.cols[0][i + 1]["align"] = "right";
                      break;
                  }
                  //设置表格title属性显示别名
                  if (dataCols[4] != null && dataCols[4] != "") {
                    option.cols[0][i + 1]["title"] = dataCols[4];
                  }
                  newCols[0].push(option.cols[0][i + 1]);
                  break;
                }
              }
            }
            //遍历循环后判断对应列数是否一致
            if (dataCol.length == newCols[0].length - 1) {
              option.cols = newCols;
              //取消冻结列
              for (var i = 1; i < option.cols[0].length - 1; i++) {
                if (option.cols[0][i + 1]["fixed"] != null) {
                  option.cols[0][i + 1]["fixed"] = null;
                }
                else {
                  break;
                }
              }
              //冻结列
              if (data1.data[0].HFixCols != 0) {
                for (var i = 0; i < data1.data[0].HFixCols; i++) {
                  if (dataOption.cols[0].indexOf(option.cols[0][i + 1]["title"]) != -1) {
                    data1.data[0].HFixCols += 1;
                  }

                  option.cols[0][i + 1]["fixed"] = "left";
                }
              }
              //设置列排序
              for (var i = 1; i < option.cols[0].length; i++) {
                if (data1.data[0].HSortFlag == "是") {
                  option.cols[0][i]["sort"] = true;
                }
                else {
                  option.cols[0][i]["sort"] = false;
                }
              }
            }
          }
          this.btList = option.cols[0]
          this.btList.map(item => {
            if (!item.hide) {
              this.totalNameList.push(item)
            }
          })
          if (data1.data[0].HPageSize == 0) {
            this.pageSize = 50
          } else {
            this.pageSize = data1.data[0].HPageSize
          }
          this.tableData = option.data
          this.tableShow = true
          this.loading = false
        } else {
          this.btList = dataOption.cols[0]
          this.btList.map(item => {
            if (!item.hide) {
              this.totalNameList.push(item)
            }
          })
          this.tableData = dataOption.data
          this.tableShow = true
          this.loading = false
        }
      }).catch(error => {
        this.$modal.msgError("接口请求失败!");
      });
    },
    //#endregion

    //#region æŒ‰é’®è®¾ç½®
    handleBtnHide() {
      this.btnHideShow = true
      this.openBtnHide = true
    },
    //#endregion

    //#region å¯¼å‡º
    handleExport() {
      const ws = this.$XLSX.utils.json_to_sheet(this.tyResList); // å°†æ•°æ®è½¬æ¢ä¸ºå·¥ä½œè¡¨
      const wb = this.$XLSX.utils.book_new(); // åˆ›å»ºä¸€ä¸ªæ–°çš„工作簿
      this.$XLSX.utils.book_append_sheet(wb, ws, "Sheet1"); // å°†å·¥ä½œè¡¨æ·»åŠ åˆ°å·¥ä½œç°¿ä¸­ï¼Œå¹¶å‘½åä¸º"Sheet1"
      this.$XLSX.writeFile(wb, `Gy_BarCodeBillList_${new Date().getTime()}.xlsx`); // å¯¼å‡ºæ–‡ä»¶      
    },
    //#endregion

    //#region æ‰“印
    get_PrintReport() {
      if (this.checkDataList.length == 0) {
       this.$modal.msgError("请选择数据");
      } else {
        this.rowSel = [];
        for (var i = 0; i < this.checkDataList.length; i++) {
          this.rowSel.push(this.checkDataList[i].HItemID.toString());
        }
        this.printListShow = true;
        this.openPrintList = true;
      }
    },
    //#endregion

    //#region é€€å‡º
    close() {
      // this.reset()
      this.tableShow = true
      this.openEdit = false
      this.editShow = false
      this.handleQuery()
    },
    //#endregion
  }
};
</script>
<style>
.xsckdBox .el-date-editor.el-input {
  width: 100%;
}
</style>