ol-base-components 3.2.10 → 3.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ol-base-components",
-  "version": "3.2.10",
+  "version": "3.3.0",
   "private": false,
   "main": "src/package/index.js",
   "bin": {

package/src/App.vue

@@ -1,5 +1,6 @@
 <template>
   <div id="app">
+    <ol-print-model />
     <ol-customSearch
       :form-search-data="formSearchData"
       @handleSearch="handleSearch"
@@ -16,7 +17,7 @@
     /> -->
     <button @click="aaa">123</button>
     <!-- url="/api/app/bind-record/bind-record-detail-pages" -->
-    <!-- <ol-table
+    <ol-table
       :paginations="paginations"
       :empty-img="tableData.emptyImg"
       :btnlist="[]"
@@ -29,7 +30,7 @@
       <template slot="ceshi" slot-scope="scope">
         <span>333433{{ scope.row.ceshi }}</span>
       </template>
-    </ol-table> -->
+    </ol-table>
     <!-- <el-button @click="handlePrint">接口</el-button>
     <el-button @click="onAdd">新建</el-button>
     <el-button @click="onEdit">编辑</el-button> -->
@@ -566,9 +567,6 @@ export default {
         onPrintData: data => {
           return data;
         },
-        onTemplate: data => {
-          return data;
-        },
         defaultTemplate: {
           panels: [
             {
@@ -700,9 +698,6 @@ export default {
       //   onPrintData: data => {
       //     return data;
       //   },
-      //   onTemplate: data => {
-      //     return data;
-      //   },
       //   defaultTemplate: {
       //     panels: [
       //       {

package/src/package/formSearch/src/index.vue

@@ -797,6 +797,7 @@ export default {
 .table-header {
   padding-top: 10px;
   border-bottom: 1px #ccc solid;
+  min-height: 49px;
 
   ::v-deep .table-header-item {
   }

package/src/package/index.js

@@ -4,6 +4,7 @@ import OlCustomSearch from "./customSearch";
 import Dialog from "./dialog";
 import OlForm from "./form";
 import OlNumberRange from "./numberRange";
+import OlPrintModel from "./printModel";
 import OlPrint, { Hiprint } from "./print";
 
 import SwaggerClient from "swagger-client";
@@ -206,7 +207,16 @@ function hideLoading() {
   }
 }
 
-const components = [OlTable, OlSearch, OlCustomSearch, Dialog, OlForm, OlNumberRange, OlPrint];
+const components = [
+  OlTable,
+  OlSearch,
+  OlCustomSearch,
+  Dialog,
+  OlForm,
+  OlNumberRange,
+  OlPrint,
+  OlPrintModel,
+];
 const install = async function (Vue) {
   // 设置全局数据
   components.map(item => {
@@ -216,5 +226,5 @@ const install = async function (Vue) {
 };
 
 export default install;
-export { OlTable, OlSearch, OlCustomSearch, Dialog, OlForm, OlNumberRange, OlPrint };
+export { OlTable, OlSearch, OlCustomSearch, Dialog, OlForm, OlNumberRange, OlPrint, OlPrintModel };
 export { swaggerInstall, swaggerUnload, Hiprint };

package/src/package/print/index.js

@@ -12,7 +12,7 @@ let container = null;
 const Hiprint = {
   install(Vue) {
     const hiprint = function (options) {
-      const { printData, onPrintData, defaultTemplate, onTemplate, onSubmit, grid } = options;
+      const { printData, onPrintData, defaultTemplate, onSubmit, grid } = options || {};
       // 销毁旧实例
       if (printInstance) {
         printInstance.$destroy();
@@ -38,10 +38,6 @@ const Hiprint = {
         propsData.onPrintData = onPrintData;
       }
 
-      if (onTemplate) {
-        propsData.onTemplate = onTemplate;
-      }
-
       if (defaultTemplate) {
         propsData.defaultTemplate = defaultTemplate;
       }

package/src/package/print/src/components/PaperSelector.vue

@@ -1,31 +1,16 @@
 <template>
   <div class="paper-selector">
     <el-button-group>
-      <el-button
-        v-for="(value, type) in paperTypes"
-        :key="type"
-        :type="curPaperType === type ? 'primary' : 'default'"
-        size="small"
-        @click="setPaper(type, value)"
-      >
+      <el-button v-for="(value, type) in paperTypes" :key="type" :type="curPaperType === type ? 'primary' : 'default'"
+        size="small" @click="setPaper(type, value)">
         {{ type }}
       </el-button>
-      <el-button
-        :type="curPaperType === 'other' ? 'primary' : 'default'"
-        size="small"
-        @click="showPaperPop"
-      >
+      <el-button :type="curPaperType === 'other' ? 'primary' : 'default'" size="small" @click="showPaperPop">
         自定义纸张
       </el-button>
     </el-button-group>
 
-    <el-dialog
-      title="设置纸张宽高(mm)"
-      :visible.sync="paperPopVisible"
-      width="400px"
-      :append-to-body="true"
-      :z-index="3001"
-    >
+    <el-dialog title="设置纸张宽高(mm)" :visible.sync="paperPopVisible" width="400px" :append-to-body="true" :z-index="3001">
       <el-form label-width="80px">
         <el-form-item label="纸张宽度">
           <el-input v-model="paperWidth" type="number" placeholder="宽(mm)" />

package/src/package/print/src/index.vue

@@ -1,11 +1,3 @@
-<!--
- * @Description: 使用 — 入门篇; 
- * @Author: CcSimple
- * @Github: https://github.com/CcSimple
- * @Date: 2023-02-07 11:52:50
- * @LastEditors: CcSimple
- * @LastEditTime: 2023-02-09 11:25:36
--->
 <template>
   <div class="print-dialog-overlay">
     <div class="print-dialog">
@@ -26,7 +18,7 @@
             </slot>
             <el-button type="primary" size="small" @click="print">
               <i class="iconfont sv-printer" />
-              浏览器预览
+              打印
             </el-button>
             <el-button type="danger" size="small" @click="clearPaper" style="margin-left: 10px">
               <i class="iconfont sv-clear" />
@@ -96,15 +88,14 @@ export default {
       type: Object,
       default: () => {},
     },
-    // 模板数据前置钩子
-    onTemplate: {
-      type: Function,
-      default: null,
-    },
     grid: {
       type: Boolean,
       default: false,
     },
+    paperSize: {
+      type: Object,
+      default: () => ({ width: 210, height: 296.6 }),
+    },
   },
   data() {
     return {
@@ -133,21 +124,10 @@ export default {
       // eslint-disable-next-line no-undef
       $("#hiprint-printTemplate").empty(); // 先清空, 避免重复构建
 
-      let template = this.defaultTemplate;
-      if (this.onTemplate) {
-        try {
-          const result = await this.onTemplate(this.defaultTemplate);
-          if (result) {
-            template = result;
-          }
-        } catch (error) {
-          console.error("onTemplate 执行失败:", error);
-        }
-      }
 
       this.hiprintTemplate = new hiprint.PrintTemplate({
-        template,
-        settingContainer: "#PrintElementOptionSetting", // 元素参数容器
+        template: this.defaultTemplate,
+        settingContainer: "#PrintElementOptionSetting",
         // paginationContainer: ".hiprint-printPagination", //多页打印
         history: true,
         onDataChanged: (type, json) => {
@@ -155,7 +135,10 @@ export default {
           console.log(json); // 返回 template
         },
       });
-      this.$refs.paperSelector.curPaper = { width: 210, height: 296.6 };
+      // 使用 props 传入的纸张大小
+      if (this.$refs.paperSelector) {
+        this.$refs.paperSelector.curPaper = this.paperSize;
+      }
       // 构建 并填充到 容器中
       // 可以先 console.log($("#hiprint-printTemplate")) 看看是否有该 dom
       this.hiprintTemplate.design("#hiprint-printTemplate", {
@@ -188,6 +171,10 @@ export default {
         //   return "<style>.hiprint-printElement-text{color:red !important;}</style>";
         // },
       };
+      
+      // 使用 props 传入的纸张大小
+      ext.curPaper = this.paperSize;
+      
       // 调用浏览器打印
       this.hiprintTemplate.print(data, options, ext);
     },

package/src/package/printModel/index.js

@@ -0,0 +1,7 @@
+import OlPrintModel from "./src/index.vue";
+
+OlPrintModel.install = function (Vue) {
+  Vue.component("ol-print-model", OlPrintModel);
+};
+
+export default OlPrintModel;

package/src/package/printModel/src/index.vue

@@ -0,0 +1,500 @@
+<template>
+  <div>
+    <div class="print-manage-container">
+      <div class="left-panel">
+        <div class="panel-title">菜单树</div>
+        <el-tree
+          :data="menuTreeData"
+          :props="treeProps"
+          node-key="id"
+          default-expand-all
+          :expand-on-click-node="false"
+          highlight-current
+          @node-click="handleNodeClick"
+        >
+        </el-tree>
+      </div>
+      <div class="right-panel">
+        <div class="panel-header">
+          <span class="panel-title">{{ currentMenuName }} - 打印模板</span>
+          <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-plus"
+            @click="handleAdd"
+          >
+            新增模板
+          </el-button>
+        </div>
+        <div class="template-list">
+          <div
+            v-if="templateList.length === 0"
+            class="empty-card"
+            @click="handleAdd"
+          >
+            <i class="el-icon-plus add-icon"></i>
+            <span class="add-text">点击添加模板</span>
+          </div>
+          <div
+            v-for="template in templateList"
+            :key="template.id"
+            class="template-card"
+          >
+            <div class="card-header">
+              <i class="el-icon-document card-icon"></i>
+              <span class="card-title">{{ template.templeteName }}</span>
+            </div>
+            <div class="card-body">
+              <div class="card-info">
+                <span class="info-label">备注：</span>
+                <span class="info-value">{{ template.remark || "无" }}</span>
+              </div>
+            </div>
+            <div class="card-footer">
+              <el-button
+                type="text"
+                size="small"
+                icon="el-icon-edit"
+                @click="handleEdit(template)"
+              >
+                编辑
+              </el-button>
+              <el-button
+                type="text"
+                size="small"
+                icon="el-icon-delete"
+                class="delete-btn"
+                @click="handleDelete(template)"
+              >
+                删除
+              </el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <el-dialog
+        :title="dialogTitle"
+        :visible.sync="dialogVisible"
+        width="600px"
+        :close-on-click-modal="false"
+      >
+        <el-form :model="form" :rules="rules" ref="formRef" label-width="100px">
+          <el-form-item label="模板名称" prop="templeteName">
+            <el-input
+              v-model="form.templeteName"
+              placeholder="请输入模板名称"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="备注">
+            <el-input
+              v-model="form.remark"
+              type="textarea"
+              :rows="3"
+              placeholder="请输入备注"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="创建模板">
+            <span style="margin-right: 10px">{{
+              form.templeteJson ? "已创建" : "未创建"
+            }}</span>
+            <el-button type="primary" @click="handleCreateTemplate"
+              >创建模板</el-button
+            >
+          </el-form-item>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取消</el-button>
+          <el-button type="primary" @click="handleSubmit">确定</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: "printManage",
+  data() {
+    return {
+      menuTreeData: [],
+      treeProps: {
+        label: "title",
+        children: "child",
+      },
+      currentMenuId: null,
+      currentMenuName: "全部",
+      currentItem: {},
+      templateList: [],
+      dialogVisible: false,
+      dialogTitle: "新增模板",
+      form: {
+        id: null,
+        templeteName: "",
+        remark: "",
+        templeteJson: "",
+      },
+      rules: {
+        templeteName: [
+          { required: true, message: "请输入模板名称", trigger: "blur" },
+        ],
+      },
+    };
+  },
+  mounted() {
+    this.initMenuTree();
+    this.initTemplateList();
+  },
+  methods: {
+    initMenuTree() {
+      const wms = JSON.parse(localStorage.getItem("wms") || "{}");
+      const menus = wms.SET_MENUS || [];
+      this.menuTreeData = this.buildTreeData(menus);
+    },
+    buildTreeData(menus) {
+      return menus.filter((menu) => {
+        if (menu.child && menu.child.length > 0) {
+          menu.child = this.buildTreeData(menu.child);
+        }
+        return menu.type === 0;
+      });
+    },
+    handleNodeClick(data) {
+      this.currentMenuId = data.id;
+      this.currentMenuName = data.title;
+      this.currentItem = data;
+      this.loadTemplates(data.id);
+    },
+    async loadTemplates(menuId) {
+      try {
+        const res = await this.get({
+          url: "/api/app/print-templete/page-list",
+          data: {
+            MenuId: menuId,
+            Page: 1,
+            MaxResultCount: 1000,
+          },
+        });
+        if (res.code != 200) return;
+        this.templateList = res.result?.items || [];
+      } catch (error) {
+        console.error("加载模板列表失败:", error);
+      }
+    },
+    async initTemplateList() {
+      try {
+        const res = await this.get({
+          url: "/api/app/print-templete/page-list",
+          data: {
+            page: 1,
+            MaxResultCount: 1000,
+          },
+        });
+        this.templateList = res.result?.items || [];
+      } catch (error) {
+        console.error("加载模板列表失败:", error);
+      }
+    },
+    handleAdd() {
+      this.dialogTitle = "新增模板";
+      this.form = {
+        id: null,
+        templeteName: "",
+        remark: "",
+        templeteJson: "",
+      };
+      this.dialogVisible = true;
+      this.$nextTick(() => {
+        this.$refs.formRef && this.$refs.formRef.clearValidate();
+      });
+    },
+    handleEdit(template) {
+      this.dialogTitle = "编辑模板";
+      this.form = {
+        id: template.id,
+        templeteName: template.templeteName,
+        remark: template.remark,
+        templeteJson: template.templeteJson,
+      };
+      this.dialogVisible = true;
+    },
+    async handleDelete(template) {
+      this.$confirm("确认删除该模板吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(async () => {
+          try {
+            await this.del({
+              url: `/api/app/print-templete/print-templete/${template.id}`,
+            });
+            this.$message.success("删除成功");
+            this.loadTemplates(this.currentMenuId);
+          } catch (error) {
+            console.error("删除失败:", error);
+          }
+        })
+        .catch(() => {});
+    },
+    async handleSubmit() {
+      this.$refs.formRef.validate(async (valid) => {
+        if (valid) {
+          try {
+            if (this.form.id) {
+              await this.put({
+                url: "/api/app/print-templete/print-templete",
+                data: {
+                  id: this.form.id,
+                  templeteName: this.form.templeteName,
+                  templeteJson: this.form.templeteJson,
+                },
+              });
+              this.$message.success("编辑成功");
+            } else {
+              await this.post({
+                url: "/api/app/print-templete/print-templete",
+                data: {
+                  menuId: this.currentMenuId,
+                  templeteName: this.form.templeteName,
+                  templeteJson: this.form.templeteJson,
+                },
+              });
+              this.$message.success("新增成功");
+            }
+            this.dialogVisible = false;
+            this.loadTemplates(this.currentMenuId);
+          } catch (error) {
+            console.error("提交失败:", error);
+          }
+        }
+      });
+    },
+    handleCreateTemplate() {
+      let templateData = {};
+      if (this.form.templeteJson) {
+        try {
+          templateData = JSON.parse(this.form.templeteJson);
+        } catch (e) {
+          console.error("解析模板JSON失败:", e);
+        }
+      }
+      this.$hiprint({
+        defaultTemplate: templateData,
+        onSubmit: (res) => {
+          this.form.templeteJson = JSON.stringify(res);
+          console.log("保存的结果", this.form);
+          this.$message.success("模板创建成功！");
+        },
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.print-manage-container {
+  display: flex;
+  height: calc(100vh - 84px);
+  background: #f5f5f5;
+  padding: 20px;
+  gap: 20px;
+}
+
+.left-panel {
+  width: 280px;
+  background: #fff;
+  border-radius: 4px;
+  padding: 20px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  overflow-y: auto;
+}
+
+.panel-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: #303133;
+}
+
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+
+.tree-icon {
+  margin-right: 8px;
+  font-size: 16px;
+  color: #909399;
+}
+
+.tree-label {
+  color: #606266;
+}
+
+.right-panel {
+  flex: 1;
+  background: #fff;
+  border-radius: 4px;
+  padding: 20px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
+  display: flex;
+  flex-direction: column;
+}
+
+.panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 20px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #ebeef5;
+}
+
+.panel-header .panel-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: #303133;
+}
+
+.template-list {
+  overflow-y: auto;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+  padding: 10px;
+}
+
+.empty-card {
+  width: 100%;
+  height: 200px;
+  border: 2px dashed #dcdfe6;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.3s;
+  grid-column: 1 / -1;
+}
+
+.empty-card:hover {
+  border-color: #409eff;
+  background: #f0f9ff;
+}
+
+.add-icon {
+  font-size: 48px;
+  color: #c0c4cc;
+  margin-bottom: 10px;
+  transition: all 0.3s;
+}
+
+.empty-card:hover .add-icon {
+  color: #409eff;
+  transform: scale(1.1);
+}
+
+.add-text {
+  font-size: 14px;
+  color: #909399;
+}
+
+.template-card {
+  background: #fff;
+  border: 1px solid #ebeef5;
+  border-radius: 8px;
+  padding: 20px;
+  transition: all 0.3s;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.template-card:hover {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+  padding-bottom: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.card-icon {
+  font-size: 24px;
+  color: #409eff;
+  margin-right: 10px;
+}
+
+.card-title {
+  font-size: 16px;
+  font-weight: 500;
+  color: #303133;
+  flex: 1;
+}
+
+.card-body {
+  margin-bottom: 15px;
+}
+
+.card-info {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 14px;
+}
+
+.info-label {
+  color: #909399;
+  margin-right: 5px;
+}
+
+.info-value {
+  color: #606266;
+  flex: 1;
+  word-break: break-all;
+}
+
+.card-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+  padding-top: 10px;
+  border-top: 1px solid #f0f0f0;
+}
+
+.delete-btn {
+  color: #f56c6c;
+}
+
+.delete-btn:hover {
+  color: #f56c6c;
+}
+
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 10px;
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #dcdfe6;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f5f5f5;
+}
+</style>

package/src/package/table/src/index.vue

@@ -62,11 +62,22 @@
           <div
             v-if="tableData.options.downloadBtn"
             class="avatar-container right-menu-item hover-effect el-dropdown"
-            @click="printTable"
           >
+            <!-- @click="printTable" -->
             <div class="avatar-wrapper">
               <div class="layui-table-tool-self">
-                <i class="el-icon-printer" />
+                <el-dropdown @command="handleCommand" trigger="click">
+                  <i class="el-icon-printer" />
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item
+                      v-for="(item, index) in printTemplateList"
+                      :key="index"
+                      :command="item.id"
+                      :disabled="item?.disabled"
+                      >{{ item.templeteName || "-" }}</el-dropdown-item
+                    >
+                  </el-dropdown-menu>
+                </el-dropdown>
               </div>
             </div>
           </div>
@@ -342,6 +353,11 @@ export default {
     event: "SelectionChange",
   },
   props: {
+    // 模板打印的id，不传就默认当前菜单id
+    menuId: {
+      type: String,
+      default: "",
+    },
     url: {
       type: String,
       default: "",
@@ -387,6 +403,7 @@ export default {
           operates: [], // 表格里面的操作按钮
           // tableHeightDiff: 300,
           operatesAttrs: {},
+          printData: {}, // 模板打印的数据
         };
       },
     },
@@ -446,6 +463,7 @@ export default {
       twinPage: 1,
       columnsWatcher: null,
       key: 0,
+      printTemplateList: [{ id: 1, templeteName: "暂无数据", disabled: true }],
     };
   },
   computed: {
@@ -478,12 +496,50 @@ export default {
   created() {
     // 通过swagger完善columns
     this.init();
+    this.getPrintTemplateList();
   },
   // 组件销毁时清理监听器
   beforeDestroy() {
     this.stopColumnsWatching();
   },
   methods: {
+    async getPrintTemplateList() {
+      const handleMenu = (arr, _this) => {
+        for (const item of arr) {
+          if (item.path === _this.$route.path) {
+            return item;
+          }
+          if (item.child && item.child.length > 0 && item.type !== 1) {
+            const found = handleMenu(item.child, _this);
+            if (found) return found;
+          }
+        }
+        return null;
+      };
+      let wms = JSON.parse(localStorage.getItem("wms"));
+      let SET_MENUS = null;
+      if (wms) SET_MENUS = wms.SET_MENUS;
+      const menus = SET_MENUS;
+      this.currentPageItem = handleMenu(menus, this);
+
+      const targetMenuId = this.menuId || (this.currentPageItem && this.currentPageItem.id);
+
+      try {
+        const res = await this.get({
+          url: "/api/app/print-templete/page-list",
+          data: {
+            MenuId: targetMenuId,
+            page: 1,
+            MaxResultCount: 1000,
+          },
+        });
+        this.printTemplateList = res.result?.items || [
+          { id: 1, templeteName: "暂无数据", disabled: true },
+        ];
+      } catch (error) {
+        console.error("加载模板列表失败:", error);
+      }
+    },
     init() {
       // 从 IndexedDB 中获取 Swagger 数据
       getData()
@@ -622,19 +678,27 @@ export default {
       });
       this.$emit("refreshTable");
     },
-    printTable() {
-      console.log("printTable");
-      if (this.tableData.rows.length <= 0) return;
-      this.printListObj.title = this.$router.history.current.name;
-      this.printListObj.tableHeader = this.tableData.columns;
-      this.printListObj.tableData = this.tableData.rows;
-      console.log(this.printListObj);
-      setTimeout(() => {
-        $(".printTemplate").show();
-        $(".printTemplate").jqprint();
-        $(".printTemplate").hide();
-      }, 50);
-      this.$emit("printTable");
+    // printTable() {
+    //   console.log("printTable");
+    //   if (this.tableData.rows.length <= 0) return;
+    //   this.printListObj.title = this.$router.history.current.name;
+    //   this.printListObj.tableHeader = this.tableData.columns;
+    //   this.printListObj.tableData = this.tableData.rows;
+    //   console.log(this.printListObj);
+    //   setTimeout(() => {
+    //     $(".printTemplate").show();
+    //     $(".printTemplate").jqprint();
+    //     $(".printTemplate").hide();
+    //   }, 50);
+    //   this.$emit("printTable");
+    // },
+    handleCommand(command) {
+      if (!Array.isArray(this.printTemplateList)) return;
+      const tempItem = this.printTemplateList.find(item => item.id === command);
+      this.$hiprint.print({
+        printData: this.tableData?.printData || {},
+        defaultTemplate: tempItem.templeteJson ? JSON.parse(tempItem.templeteJson) : {},
+      });
     },
     selectAll(val) {
       this.$emit("selectAll", val);
@@ -784,6 +848,7 @@ export default {
     th {
       padding: 0px;
       background: #f5f7fa;
+
       div {
         line-height: 28px;
         color: #909399;
@@ -800,6 +865,7 @@ export default {
       text-decoration: none;
       display: inline-block;
       margin: 0px 5px;
+
       ::v-deep .el-button {
         width: 100%;
         padding: 7px;
@@ -871,12 +937,14 @@ export default {
 .checkbox {
   display: block;
 }
+
 // 操作列按钮布局
 .operate-group {
   display: flex;
   align-items: center;
   justify-content: space-around;
 }
+
 .toolbox {
   display: flex;
   gap: 10px;