ol-base-components 3.3.10 → 3.4.0

package/package.json

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

package/src/App.vue

@@ -26,10 +26,14 @@
       @SelectionChange="SelectionChange"
       @handleSizeChange="handleSizeChange"
       @handleindexChange="handleindexChange"
+      :onPrintData="onPrintData"
     >
       <template slot="ceshi" slot-scope="scope">
         <span>333433{{ scope.row.ceshi }}</span>
       </template>
+      <template slot="toolbox-before" slot-scope="scope">
+        <el-button type="primary" size="mini" @click="handlePrint1(scope)">打印</el-button>
+      </template>
     </ol-table>
     <!-- <el-button @click="handlePrint">接口</el-button>
     <el-button @click="onAdd">新建</el-button>
@@ -121,6 +125,10 @@ export default {
         ],
         operates: [], // 表格里面的操作按钮
         tableHeightDiff: 300,
+        printData: {
+          name: "默认数据",
+          table: [{ name: "默认数据1" }],
+        },
       },
       paginations: {
         page: 1, // 当前位于那页面
@@ -142,25 +150,25 @@ export default {
           // range: [10, 200],
         },
         tableSearch1: [
-          // {
-          //   label: "数字区间",
-          //   value: "range",
-          //   inputType: "numberRange",
-          //   originalFields: {
-          //     begin: "begin123",
-          //     end: "end123",
-          //   },
-          //   listeners: {
-          //     change: e => {
-          //       const {
-          //         val: [start, end],
-          //       } = e;
-          //       this.formSearchData.value.rang1 = start;
-          //       this.formSearchData.value.rang2 = end;
-          //       console.log(this.formSearchData, e);
-          //     },
-          //   },
-          // },
+          {
+            label: "数字区间",
+            value: "range",
+            inputType: "numberRange",
+            originalFields: {
+              begin: "begin123",
+              end: "end123",
+            },
+            listeners: {
+              change: e => {
+                const {
+                  val: [start, end],
+                } = e;
+                this.formSearchData.value.rang1 = start;
+                this.formSearchData.value.rang2 = end;
+                console.log(this.formSearchData, e);
+              },
+            },
+          },
           // {
           //   label: "标签号",
           //   value: "carBodyTagNumber",
@@ -449,7 +457,6 @@ export default {
   mounted() {
     // const el = document.getElementById("ellipsis-container");
     // this.truncateMiddleByWidth(el)
-    console.log(6666, this, this.$olBaseConfig);
   },
   methods: {
     SelectionChange(row) {
@@ -679,7 +686,7 @@ export default {
           ],
         },
         onSubmit: data => {
-          console.log(6666, data);
+          // console.log(6666, data);
         },
       });
 
@@ -817,6 +824,30 @@ export default {
     saveHandler(configList) {
       console.log("保存配置", configList);
     },
+    handlePrint1(row) {
+      console.log(11122333, row);
+    },
+    onPrintData(tempItem, done) {
+      console.log("111app", tempItem, done);
+      if (tempItem.templeteName === "自定义模式") {
+        // 模拟异步接口请求
+        const data = {
+          name: "自定义模式",
+          table: [
+            { name: "2233" },
+            { name: "3344" },
+            { name: "2233" },
+            { name: "2233" },
+            { name: "2233" },
+            { name: "2233" },
+            { name: "2233" },
+            { name: "2233" },
+            { name: "2233" },
+          ],
+        };
+        done(data);
+      }
+    },
   },
 };
 </script>

package/src/assets/print.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1775034815280" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="119811" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M910.104609 248.342329h-56.346075v-145.061172q-2.397705-45.556401-35.96558-75.527718t-77.925423-27.573611H272.314993q-20.380495 0-39.562137 7.193116t-33.567875 21.579348q-14.386232 14.386232-22.178774 33.567874t-6.59369 40.760991v145.061172h-67.135749q-21.579348-1.198853-40.76099 6.593689t-33.567875 22.178774q-14.386232 14.386232-21.579348 33.567875t-7.193116 40.76099v389.627115q-2.397705 44.357548 27.573612 77.325997t75.527717 35.366153h67.135749v62.340339q0 44.357548 31.769596 76.127143t76.127144 31.769596h467.552537q44.357548 0 76.127144-31.769596t31.769596-76.127143v-62.340339h56.346075q45.556401-2.397705 78.524849-34.766727t35.366154-77.925423v-389.627115q-2.397705-45.556401-35.96558-75.527717t-77.925423-27.573611z m-677.351753-145.061172q-1.198853-17.98279 10.789673-29.971317t28.772464-10.789674h467.552538q19.181643 0 35.366153 10.789674t16.184511 29.971317v145.061172H232.752856z m558.665339 607.818299v205.003805q0 19.181643-13.187379 32.369021t-32.369022 13.18738H278.309257q-19.181643 0-32.369022-13.18738t-13.187379-32.369021v-205.003805q0-17.98279 13.187379-31.769596t32.369022-13.786806h467.552537q19.181643 0 32.369022 13.18738t13.187379 32.369022z m170.237078-359.655799v389.627115q-1.198853 20.380495-15.585084 34.766727t-35.96558 15.585085h-56.346075v-79.124276q0-44.357548-31.769596-75.527717t-76.127144-31.17017H278.309257q-44.357548 0-76.127144 31.17017t-31.769596 75.527717v79.124276h-67.135749q-19.181643-2.397705-31.170169-17.383364t-9.590821-34.167301v-388.428262q-1.198853-17.98279 10.789674-29.971316t29.971316-10.789674h806.827841q19.181643 0 35.366153 10.789674t16.184511 29.971316z m-766.06685 52.749518h-46.755254q-4.795411-1.198853-8.391968-5.994264t-3.596558-10.190247q0-5.394837 3.596558-10.190248t8.391968-4.795411h46.755254q10.789674-2.397705 16.783937 6.59369t0 17.383364q-5.994263 8.391969-16.783937 7.193116z m111.493298 0h-50.351812q-10.789674 1.198853-16.783937-7.193116t0-17.383364q5.994263-8.991395 16.783937-6.59369h50.351812q5.994263 0 9.590821 4.795411t3.596558 10.190248q0 5.394837-3.596558 10.190247t-9.590821 5.994264z m511.910086 139.066908H195.588423q-4.795411-1.198853-8.991395-5.394837t-4.195984-10.190247q0-5.994263 4.195984-10.190248t8.991395-5.394837h623.403384q5.994263 1.198853 9.590821 5.394837t3.596558 10.190248q0 5.994263-3.596558 10.190247t-9.590821 5.394837z" p-id="119812"></path></svg>

package/src/main.js

@@ -6,7 +6,7 @@ import OlCom, { swaggerInstall, Hiprint } from "@/package/index.js";
 Vue.use(ElementUI);
 Vue.use(Hiprint);
 
-Vue.use(OlCom, { method: "post" });
+Vue.use(OlCom, { method: "post", isSmartPrint: true });
 swaggerInstall("http://220.179.249.140:20025/swagger/v1/swagger.json").then(() => {});
 new Vue({
   render: h => h(App),

package/src/package/customSearch/src/index.vue

@@ -2,10 +2,10 @@
   <ol-search
     :key="key"
     :form-search-data="formSearchData"
-    isCustoms
+    isCustomSearch
     v-bind="$attrs"
     @onSave="onSave"
-    method="post"
+    :method="finalMethod"
     v-on="$listeners"
     ref="customSearchRef"
   />
@@ -37,6 +37,10 @@ export default {
         };
       },
     },
+    // 请求方式 post get
+    method: {
+      type: String,
+    },
   },
   data() {
     return {
@@ -50,6 +54,12 @@ export default {
       this.init();
     });
   },
+  computed: {
+    // 优先级：props > 全局配置 > 默认值
+    finalMethod() {
+      return this.method || (this.$olBaseConfig && this.$olBaseConfig.method) || "get";
+    },
+  },
   methods: {
     init() {
       const handleMenu = (arr, _this) => {

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

@@ -164,7 +164,7 @@
             {{ expend ? "收起" : "展开" }}</el-button
           >
           <el-button
-            v-if="formSearchData.customs && formSearchData.customs.length"
+            v-if="isCustomSearch"
             plain
             size="small"
             icon="el-icon-setting"
@@ -281,7 +281,7 @@ export default {
       type: Function,
       default: null,
     },
-    isCustoms: {
+    isCustomSearch: {
       type: Boolean,
       default: false,
     },
@@ -337,7 +337,7 @@ export default {
   },
   methods: {
     async init() {
-      if (!this.isCustoms && this.url) {
+      if (!this.isCustomSearch && this.url) {
         const swaggerData = await getData();
         let swaggersearchColumns = swaggerData.paths[this.url][this.finalMethod].parameters || [];
         if (typeof this.onSwagger === "function") {
@@ -518,7 +518,7 @@ export default {
     },
     // 搜索查询按钮
     handleSearch(formName, item) {
-      if (!this.isCustoms) {
+      if (!this.isCustomSearch) {
         if (this.formSearch.createdTime) {
           this.formSearch.BeginTime = this.formSearch.createdTime[0];
           this.formSearch.EndTime = this.formSearch.createdTime[1];

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

@@ -124,7 +124,6 @@ export default {
       // eslint-disable-next-line no-undef
       $("#hiprint-printTemplate").empty(); // 先清空, 避免重复构建
 
-
       this.hiprintTemplate = new hiprint.PrintTemplate({
         template: this.defaultTemplate,
         settingContainer: "#PrintElementOptionSetting",
@@ -144,7 +143,7 @@ export default {
       this.hiprintTemplate.design("#hiprint-printTemplate", {
         grid: this.grid,
       });
-      console.log(6666, this.hiprintTemplate);
+      // console.log(6666, this.hiprintTemplate);
     },
     async print() {
       // 使用外部传入的打印数据
@@ -152,9 +151,8 @@ export default {
       if (this.onPrintData) {
         try {
           const result = await this.onPrintData(this.printData);
-          if (result) {
-            data = result;
-          }
+          if (result) data = result;
+          else console.error("onPrintData 执行失败，返回数据为空");
         } catch (error) {
           console.error("onPrintData 执行失败:", error);
         }
@@ -171,10 +169,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/src/index.vue

@@ -37,6 +37,10 @@
                 <span class="info-label">备注：</span>
                 <span class="info-value">{{ template.remark || "无" }}</span>
               </div>
+              <div class="card-info">
+                <span class="info-label">数据源URL：</span>
+                <span class="info-value">{{ template.printUrl || "无" }}</span>
+              </div>
             </div>
             <div class="card-footer">
               <el-button type="text" size="small" icon="el-icon-edit" @click="handleEdit(template)">
@@ -66,6 +70,17 @@
           <el-form-item label="模板名称" prop="templeteName">
             <el-input v-model="form.templeteName" placeholder="请输入模板名称"></el-input>
           </el-form-item>
+          <el-form-item label="创建模板" prop="templeteJson">
+            <span style="margin-right: 10px">{{ form.templeteJson ? "已创建" : "未创建" }}</span>
+            <el-button type="primary" @click="handleCreateTemplate">创建模板</el-button>
+          </el-form-item>
+          <el-form-item label="数据源URL" prop="printUrl">
+            <el-input
+              v-model="form.printUrl"
+              placeholder="请输入数据源URL"
+              @blur="form.printUrl = form.printUrl && form.printUrl.trim()"
+            ></el-input>
+          </el-form-item>
           <el-form-item label="备注">
             <el-input
               v-model="form.remark"
@@ -74,10 +89,6 @@
               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>
@@ -109,9 +120,11 @@ export default {
         templeteName: "",
         remark: "",
         templeteJson: "",
+        printUrl: "",
       },
       rules: {
         templeteName: [{ required: true, message: "请输入模板名称", trigger: "blur" }],
+        templeteJson: [{ required: true, message: "请输入模板JSON", trigger: "blur" }],
       },
     };
   },
@@ -179,6 +192,7 @@ export default {
         templeteName: "",
         remark: "",
         templeteJson: "",
+        printUrl: "",
       };
       this.dialogVisible = true;
       this.$nextTick(() => {
@@ -192,6 +206,7 @@ export default {
         templeteName: template.templeteName,
         remark: template.remark,
         templeteJson: template.templeteJson,
+        printUrl: template.printUrl || "",
       };
       this.dialogVisible = true;
     },
@@ -225,6 +240,7 @@ export default {
                   id: this.form.id,
                   templeteName: this.form.templeteName,
                   templeteJson: this.form.templeteJson,
+                  printUrl: this.form.printUrl,
                 },
               });
               this.$message.success("编辑成功");
@@ -235,6 +251,7 @@ export default {
                   menuId: this.currentMenuId,
                   templeteName: this.form.templeteName,
                   templeteJson: this.form.templeteJson,
+                  printUrl: this.form.printUrl,
                 },
               });
               this.$message.success("新增成功");

package/src/package/table/src/components/PrintTemplateSelector.vue

@@ -1,6 +1,10 @@
 <template>
   <el-dropdown @command="handleCommand" trigger="click">
-    <i class="el-icon-printer" />
+    <img
+      src="../../../../assets/print.svg"
+      alt="print"
+      style="width: 14px; height: 14px; cursor: pointer"
+    />
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item
         v-for="(item, index) in templateList"
@@ -26,10 +30,45 @@ export default {
       type: [Object, Array],
       default: () => {},
     },
+    // 自定义获取打印数据函数，没传递就是默认接口获取数据。return的数据就是打印数据
+    onPrintData: {
+      type: Function,
+      default: null,
+    },
+    multipleSelection: {
+      type: Array,
+      default: () => [],
+    },
   },
   data() {
     return {
       templateList: [{ id: 1, templeteName: "暂无数据", disabled: true }],
+      // templateList: [
+      //   {
+      //     id: 1,
+      //     templeteName: "自定义模式",
+      //     remark: "",
+      //     templeteJson:
+      //       '{"panels":[{"index":0,"name":1,"paperType":"A4","height":297,"width":210,"paperHeader":0,"paperFooter":841.8897637795277,"printElements":[{"options":{"left":67.5,"top":165,"height":36,"width":550,"fields":[],"field":"table","qid":"table","columns":[[{"width":137.5,"title":"名称","field":"name","checked":true,"columnId":"name","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"性别","field":"gender","checked":true,"columnId":"gender","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"数量","field":"count","checked":true,"columnId":"count","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"金额","field":"amount","checked":true,"columnId":"amount","fixed":false,"rowspan":1,"colspan":1,"align":"center"}]]},"printElementType":{"title":"表格","type":"table","editable":true,"columnDisplayEditable":true,"columnDisplayIndexEditable":true,"columnTitleEditable":true,"columnResizable":true,"columnAlignEditable":true,"isEnableEditField":true,"isEnableContextMenu":true,"isEnableInsertRow":true,"isEnableDeleteRow":true,"isEnableInsertColumn":true,"isEnableDeleteColumn":true,"isEnableMergeCell":true}},{"options":{"left":127.5,"top":301.5,"height":9.75,"width":120,"field":"name","testData":"内容","title":"文本","qid":"name"},"printElementType":{"title":"文本","type":"text"}}],"paperNumberContinue":true,"watermarkOptions":{},"panelLayoutOptions":{}}]}',
+      //     printUrl: "api/app/aaa",
+      //   },
+      //   {
+      //     id: 2,
+      //     templeteName: "printURL模式",
+      //     remark: "",
+      //     templeteJson:
+      //       '{"panels":[{"index":0,"name":1,"paperType":"A4","height":297,"width":210,"paperHeader":0,"paperFooter":841.8897637795277,"printElements":[{"options":{"left":67.5,"top":229.5,"height":36,"width":550,"fields":[],"field":"table","qid":"table","columns":[[{"width":137.5,"title":"名称","field":"name","checked":true,"columnId":"name","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"性别","field":"gender","checked":true,"columnId":"gender","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"数量","field":"count","checked":true,"columnId":"count","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"金额","field":"amount","checked":true,"columnId":"amount","fixed":false,"rowspan":1,"colspan":1,"align":"center"}]]},"printElementType":{"title":"表格","type":"table","editable":true,"columnDisplayEditable":true,"columnDisplayIndexEditable":true,"columnTitleEditable":true,"columnResizable":true,"columnAlignEditable":true,"isEnableEditField":true,"isEnableContextMenu":true,"isEnableInsertRow":true,"isEnableDeleteRow":true,"isEnableInsertColumn":true,"isEnableDeleteColumn":true,"isEnableMergeCell":true}},{"options":{"left":247.5,"top":304.5,"height":9.75,"width":120,"field":"name","testData":"内容","title":"文本","qid":"name"},"printElementType":{"title":"文本","type":"text"}},{"options":{"left":79.5,"top":313.5,"height":32,"width":120,"field":"qrcode","testData":"XS888888888","fontSize":12,"lineHeight":18,"textType":"qrcode","title":"二维码","qid":"qrcode"},"printElementType":{"title":"二维码","type":"text"}}],"paperNumberContinue":true,"watermarkOptions":{},"panelLayoutOptions":{}}]}',
+      //     printUrl: "api/app/bbb",
+      //   },
+      //   {
+      //     id: 3,
+      //     templeteName: "默认模式",
+      //     remark: "",
+      //     templeteJson:
+      //       '{"panels":[{"index":0,"name":1,"paperType":"A4","height":297,"width":210,"paperHeader":0,"paperFooter":841.8897637795277,"printElements":[{"options":{"left":67.5,"top":229.5,"height":36,"width":550,"fields":[],"field":"table","qid":"table","columns":[[{"width":137.5,"title":"名称","field":"name","checked":true,"columnId":"name","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"性别","field":"gender","checked":true,"columnId":"gender","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"数量","field":"count","checked":true,"columnId":"count","fixed":false,"rowspan":1,"colspan":1,"align":"center"},{"width":137.5,"title":"金额","field":"amount","checked":true,"columnId":"amount","fixed":false,"rowspan":1,"colspan":1,"align":"center"}]]},"printElementType":{"title":"表格","type":"table","editable":true,"columnDisplayEditable":true,"columnDisplayIndexEditable":true,"columnTitleEditable":true,"columnResizable":true,"columnAlignEditable":true,"isEnableEditField":true,"isEnableContextMenu":true,"isEnableInsertRow":true,"isEnableDeleteRow":true,"isEnableInsertColumn":true,"isEnableDeleteColumn":true,"isEnableMergeCell":true}},{"options":{"left":247.5,"top":304.5,"height":9.75,"width":120,"field":"name","testData":"内容","title":"文本","qid":"name"},"printElementType":{"title":"文本","type":"text"}},{"options":{"left":79.5,"top":313.5,"height":32,"width":120,"field":"qrcode","testData":"XS888888888","fontSize":12,"lineHeight":18,"textType":"qrcode","title":"二维码","qid":"qrcode"},"printElementType":{"title":"二维码","type":"text"}}],"paperNumberContinue":true,"watermarkOptions":{},"panelLayoutOptions":{}}]}',
+      //     printUrl: "",
+      //   },
+      // ],
     };
   },
   created() {
@@ -80,20 +119,85 @@ export default {
       const tempItem = this.templateList.find(item => item.id === command);
       if (!tempItem) return this.$message.error("未找到打印模板");
 
-      const data = this.printData;
+      const options = {
+        printData: this.printData || {},
+        defaultTemplate: tempItem.templeteJson ? JSON.parse(tempItem.templeteJson) : {},
+      };
+
+      // 自定义打印 > 默认接口打印 >  printData数据打印
+      if (this.onPrintData) {
+        // 自定义数据 - 类似 Element UI before-close 机制
+        let isCustomHandled = false;
+        // 定义 done 函数
+        const done = data => {
+          isCustomHandled = true;
+          if (data) {
+            options.printData = data;
+            this.$hiprint.print(options);
+          } else {
+            this.$message.error("打印数据不能为空");
+          }
+        };
+
+        // 调用自定义回调，传入模板信息和 done 函数
+        this.onPrintData(tempItem, done);
+
+        // 如果自定义回调没有调用 done，则走默认逻辑
+        if (!isCustomHandled) {
+          if (tempItem.printUrl) {
+            this.printByApi(options, tempItem);
+          } else {
+            // 没有自定义回调，走默认逻辑
+            options.printData = this.printData || {};
+            this.$hiprint.print(options);
+          }
+        }
+      } else if (tempItem.printUrl) {
+        this.printByApi(options, tempItem);
+      } else {
+        this.printDefault(options);
+      }
+    },
+    printByApi(options, tempItem) {
+      // 默认接口数据
+      options.printData = this.getPrintDataByApi(tempItem);
       const isValidData =
-        data &&
-        ((Array.isArray(data) && data.length > 0) ||
-          (typeof data === "object" && Object.keys(data).length > 0));
+        options.printData &&
+        ((Array.isArray(options.printData) && options.printData.length > 0) ||
+          (typeof options.printData === "object" && Object.keys(options.printData).length > 0));
 
       if (!isValidData) {
         return this.$message.error("打印数据不能为空");
       }
-
-      this.$hiprint.print({
-        printData: data,
-        defaultTemplate: tempItem.templeteJson ? JSON.parse(tempItem.templeteJson) : {},
-      });
+      this.$hiprint.print(options);
+    },
+    printDefault(options) {
+      // 默认接口数据
+      options.printData = this.printData || {};
+      this.$hiprint.print(options);
+    },
+    // 默认接口获取数据
+    async getPrintDataByApi(tempItem) {
+      try {
+        let ids = [];
+        if (this.multipleSelection && this.multipleSelection.length > 0) {
+          ids = this.multipleSelection.reduce((acc, item) => {
+            acc.push(item.id);
+            return acc;
+          }, []);
+        }
+        const res = await this.get({
+          url: `${tempItem.printUrl}`,
+          data: {
+            ids: ids,
+          },
+        });
+        if (res.code !== 200) return {};
+        if (Array.isArray(res.result) && res.result.length > 0) return res.result;
+        return {};
+      } catch (error) {
+        console.error(`获取打印数据失败: ${tempItem.printUrl}`, error);
+      }
     },
   },
 };

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

@@ -26,6 +26,14 @@
         </div>
         <!-- 右侧工具按钮 -->
         <div class="toolbox">
+          <!-- 工具按钮前插槽 -->
+          <slot
+            name="toolbox-before"
+            :tableData="tableData"
+            :multipleSelection="multipleSelection"
+            :paginations="paginations"
+            :loading="tableData.loading"
+          ></slot>
           <el-dropdown
             v-if="tableData.options.headTool"
             class="avatar-container right-menu-item hover-effect"
@@ -60,15 +68,39 @@
             </div>
           </div>
           <div
-            v-if="tableData.options.downloadBtn"
+            v-if="tableData.options.downloadBtn && !isSmartPrintComputed"
+            class="avatar-container right-menu-item hover-effect el-dropdown"
+            @click="printTable"
+          >
+            <div class="avatar-wrapper">
+              <div class="layui-table-tool-self">
+                <i class="el-icon-printer" />
+              </div>
+            </div>
+          </div>
+          <div
+            v-if="isSmartPrintComputed"
             class="avatar-container right-menu-item hover-effect el-dropdown"
           >
             <div class="avatar-wrapper">
               <div class="layui-table-tool-self">
-                <print-template-selector :menuId="menuId" :printData="tableData.printData" />
+                <print-template-selector
+                  :menuId="menuId"
+                  :printData="tableData.printData"
+                  :multipleSelection="multipleSelection"
+                  v-bind="$attrs"
+                />
               </div>
             </div>
           </div>
+          <!-- 工具按钮后插槽 -->
+          <slot
+            name="toolbox-after"
+            :tableData="tableData"
+            :multipleSelection="multipleSelection"
+            :paginations="paginations"
+            :loading="tableData.loading"
+          ></slot>
         </div>
       </div>
     </template>
@@ -444,6 +476,11 @@ export default {
     method: {
       type: String,
     },
+    // 是否启用智能打印
+    isSmartPrint: {
+      type: Boolean,
+      default: null,
+    },
   },
 
   data() {
@@ -490,6 +527,12 @@ export default {
     finalMethod() {
       return this.method || (this.$olBaseConfig && this.$olBaseConfig.method) || "get";
     },
+    isSmartPrintComputed() {
+      if (this.isSmartPrint !== null) {
+        return this.isSmartPrint;
+      }
+      return (this.$olBaseConfig && this.$olBaseConfig.isSmartPrint) || false;
+    },
   },
   created() {
     // 通过swagger完善columns
@@ -639,20 +682,20 @@ 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");
+    },
     selectAll(val) {
       this.$emit("selectAll", val);
     },