ol-base-components 2.9.3 → 3.0.0

package/src/package/print/src/provide/provider1.js

@@ -0,0 +1,215 @@
+import { hiprint } from "vue-plugin-hiprint";
+
+export const provider1 = function () {
+  const addElementTypes = context => {
+    context.removePrintElementTypes("providerModule1");
+    context.addPrintElementTypes("providerModule1", [
+      new hiprint.PrintElementTypeGroup("常规", [
+        {
+          tid: "providerModule2.customText",
+          title: "文本",
+          customText: "自定义文本",
+          custom: true,
+          type: "text",
+          options: {
+            field: "name",
+            testData: "内容",
+          },
+        },
+        {
+          tid: "providerModule2.longText",
+          title: "长文本",
+          type: "longText",
+          options: {
+            field: "test.longText",
+            width: 200,
+            testData: "长文本分页/不分页测试",
+          },
+        },
+        {
+          tid: "providerModule1.type",
+          title: "纯文本",
+          data: "纯文本",
+          type: "text",
+          options: {
+            testData: "纯文本",
+            height: 16,
+            fontSize: 15,
+            fontWeight: "700",
+            textAlign: "center",
+            hideTitle: true,
+          },
+        },
+        {
+          tid: "providerModule1.platform",
+          title: "标题",
+          data: "标题",
+          type: "text",
+          options: {
+            field: "platform",
+            testData: "平台名称",
+            height: 17,
+            fontSize: 16.5,
+            fontWeight: "700",
+            textAlign: "center",
+            hideTitle: true,
+          },
+        },
+        {
+          tid: "providerModule2.table",
+          title: "表格",
+          type: "table",
+          options: {
+            field: "table",
+            fields: [
+              //   { text: "名称", field: "name1" },
+              //   { text: "性别", field: "gender" },
+              //   { text: "数量", field: "count" },
+              //   { text: "金额", field: "amount" },
+            ],
+          },
+          columns: [
+            [
+              { title: "名称", align: "center", field: "name" },
+              { title: "性别", align: "center", field: "gender" },
+              { title: "数量", align: "center", field: "count" },
+              { title: "金额", align: "center", field: "amount" },
+            ],
+          ],
+          //   footerFormatter: function (options, rows, data, currentPageGridRowsData) {
+          //     console.log(currentPageGridRowsData);
+          //     if (data && data["totalCap"]) {
+          //       return `<td style="padding:0 10px" colspan="100">${
+          //         "应收金额大写: " + data["totalCap"]
+          //       }</td>`;
+          //     }
+          //     return '<td style="padding:0 10px" colspan="100">应收金额大写: </td>';
+          //   },
+        },
+        {
+          tid: "providerModule1.barcode",
+          title: "条形码",
+          data: "XS888888888",
+          type: "text",
+          options: {
+            field: "barcode",
+            testData: "XS888888888",
+            height: 32,
+            fontSize: 12,
+            lineHeight: 18,
+            textAlign: "left",
+            textType: "barcode",
+          },
+        },
+        {
+          tid: "providerModule1.qrcode",
+          title: "二维码",
+          data: "XS888888888",
+          type: "text",
+          options: {
+            field: "qrcode",
+            testData: "XS888888888",
+            height: 32,
+            fontSize: 12,
+            lineHeight: 18,
+            textType: "qrcode",
+          },
+        },
+
+        {
+          tid: "providerModule1.image",
+          title: "图片",
+          data: "",
+          type: "image",
+        },
+      ]),
+      new hiprint.PrintElementTypeGroup("定制", [
+        {
+          tid: "providerModule1.khname",
+          title: "客户名称",
+          data: "高级客户",
+          type: "text",
+          options: {
+            field: "name",
+            testData: "高级客户",
+            height: 16,
+            fontSize: 6.75,
+            fontWeight: "700",
+            textAlign: "left",
+            textContentVerticalAlign: "middle",
+          },
+        },
+        {
+          tid: "providerModule1.tel",
+          title: "客户电话",
+          data: "18888888888",
+          type: "text",
+          options: {
+            field: "tel",
+            testData: "18888888888",
+            height: 16,
+            fontSize: 6.75,
+            fontWeight: "700",
+            textAlign: "left",
+            textContentVerticalAlign: "middle",
+          },
+        },
+        {
+          tid: "providerModule1.order",
+          title: "订单编号",
+          data: "XS888888888",
+          type: "text",
+          options: {
+            field: "order",
+            testData: "XS888888888",
+            height: 16,
+            fontSize: 6.75,
+            fontWeight: "700",
+            textAlign: "left",
+            textContentVerticalAlign: "middle",
+          },
+        },
+        {
+          tid: "providerModule1.date",
+          title: "业务日期",
+          data: "2020-01-01",
+          type: "text",
+          options: {
+            field: "date",
+            testData: "2020-01-01",
+            height: 16,
+            fontSize: 6.75,
+            fontWeight: "700",
+            textAlign: "left",
+            textContentVerticalAlign: "middle",
+          },
+        },
+      ]),
+      new hiprint.PrintElementTypeGroup("辅助", [
+        {
+          tid: "providerModule2.hline",
+          title: "横线",
+          type: "hline",
+        },
+        {
+          tid: "providerModule2.vline",
+          title: "竖线",
+          type: "vline",
+        },
+        {
+          tid: "providerModule2.rect",
+          title: "矩形",
+          type: "rect",
+        },
+        {
+          tid: "providerModule2.oval",
+          title: "椭圆",
+          type: "oval",
+        },
+      ]),
+    ]);
+  };
+  return {
+    addElementTypes,
+  };
+};

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

@@ -242,6 +242,9 @@
       </el-row>
     </div>
     <printTemplate v-show="false" class="printTemplate" :print-list-obj="printListObj" />
+    <el-dialog title="打印" :visible.sync="showPrint" fullscreen>
+      <ol-print v-if="showPrint" />
+    </el-dialog>
   </div>
 </template>
 <script>
@@ -423,12 +426,12 @@ export default {
       default: true,
     },
     //获取swagger后的钩子，返回swagger结构数据。用于处理swagger数据
-    swaggerColumnsProcessor: {
+    onSwagger: {
       type: Function,
       default: null,
     },
     // swagger与本地columns合并完成后的钩子，允许父组件二次处理columns，一般用于不影响顺序的属性修改。区别于直接column中添加
-    mergedColumnsProcessor: {
+    onMerged: {
       type: Function,
       default: null,
     },
@@ -446,6 +449,7 @@ export default {
       twinPage: 1,
       columnsWatcher: null,
       key: 0,
+      showPrint: false,
     };
   },
   computed: {
@@ -484,42 +488,6 @@ export default {
     this.stopColumnsWatching();
   },
   methods: {
-    // init() {
-    //   // 从 IndexedDB 中获取 Swagger 数据
-    //   getData().then((swaggerData) => {
-    //     const swaggerColumns = swaggerData.paths[this.url].get.responses["200"].content['application/json'].schema.properties.items.items.properties;
-
-    //     Object.keys(swaggerColumns).forEach(key => {
-    //       const item = swaggerColumns[key];
-    //       let tempItem = this.tableData.columns.find((e) => e.prop == key);
-    //       if (tempItem) {
-    //         tempItem = { ...item, ...tempItem };
-    //       } else if (item.description) {
-    //         this.tableData.columns.push({
-    //           prop: key,
-    //           label: item.description,
-    //           show: true,
-    //           sortable: false,
-    //           attrs: {}
-    //         });
-    //       }
-    //     });
-    //     console.log(`\x1b[36m\x1b[4mol插件-表格`, this.tableData.columns)
-    //   }).catch((error) => {
-    //     console.error("获取 Swagger 数据失败:", error);
-    //   });
-    // },
-    // 支持多级表头 useSlotHeader: true，且支持排序，通过columns中的顺序实现
-    //  columns: [
-    //       {
-    //         label: '一级表头',
-    //         children: [{ prop: 'bindStateEnum', label: '112' }, { prop: 'tagNumber' }]
-    //       },
-    //       {
-    //         prop: "remark",
-    //         label: "备注123",
-    //       },
-    //     ],
     init() {
       // 从 IndexedDB 中获取 Swagger 数据
       getData()
@@ -527,10 +495,10 @@ export default {
           let swaggerColumns =
             swaggerData.paths[this.url].get.responses["200"].content["application/json"].schema
               .properties.items.items.properties;
-          if (typeof this.swaggerColumnsProcessor === "function") {
+          if (typeof this.onSwagger === "function") {
             try {
-              const res = await this.swaggerColumnsProcessor({ swaggerColumns });
-              swaggerColumns = res;
+              const res = await this.onSwagger({ columns: swaggerColumns });
+              if (res) swaggerColumns = res;
             } catch (err) {}
           }
           // 递归映射函数
@@ -596,11 +564,14 @@ export default {
           console.log(`\x1b[36m\x1b[4mol插件-表格`, this.tableData.columns);
 
           // 合并完成后，暴露处理钩子
-          if (typeof this.mergedColumnsProcessor === "function") {
+          if (typeof this.onMerged === "function") {
             try {
-              await this.mergedColumnsProcessor({
+              const res = await this.onMerged({
                 columns: this.tableData.columns,
               });
+              if (Array.isArray(res)) {
+                this.tableData.columns = res;
+              }
             } catch (e) {}
           }
 
@@ -656,17 +627,18 @@ 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.showPrint = true;
+      // 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) {