ol-base-components 2.9.4 → 3.1.0

package/src/App.vue

@@ -1,14 +1,13 @@
 <template>
   <div id="app">
-    <div>table组件案例</div>
-    <ol-search
+    <!-- <div>table组件案例</div> -->
+    <!-- <ol-search
       :form-search-data="formSearchData"
       @handleSearch="handleSearch"
       @handleReset="handleReset"
       url="/api/app/admission-info/paged-result"
-    />
-    <!-- url="/api/app/admission-info/paged-result" -->
-
+    /> -->
+    <button @click="aaa">123</button>
     <ol-table
       :paginations="paginations"
       :empty-img="tableData.emptyImg"
@@ -24,8 +23,7 @@
     <el-button @click="onAdd">新建</el-button>
     <el-button @click="onEdit">编辑</el-button>
 
-    <!-- 编辑,查看弹窗 -->
-    <el-dialog :title="`${this.form.title}`" :visible.sync="dialogVisible" width="80%">
+    <!-- <el-dialog :title="`${this.form.title}`" :visible.sync="dialogVisible" width="80%">
       <ol-form
         v-if="dialogVisible"
         url="/api/app/admission-info/admission-info"
@@ -33,32 +31,8 @@
         @onCancel="dialogVisible = false"
         @onSubmit="onSubmit"
       />
-    </el-dialog>
-
-    <!-- <el-button @click="handlePrint">接口</el-button>
-
-    <div
-      class="ellipsis-container"
-      id="ellipsis-container"
-      v-for="item in 5"
-      :key="item"
-    >如何处理文本溢出如何实现单行文本溢出显示省略号</div>
-
-    <div class="triangle-up"></div>
-    <div class="grid-content">
-      <div>11</div>
-      <div>11</div>
-    </div>
-
-    <div class="container">
-      <div class="item">1</div>
-      <div class="item item2">2</div>
-      <div class="item">3</div>
-    </div>
-
-    <div class="square-container">
-      <div class="square"></div>
-    </div> -->
+    </el-dialog> -->
+    <!-- <ol-print /> -->
   </div>
 </template>
 
@@ -527,6 +501,275 @@ export default {
         });
       }
     },
+    aaa() {
+      // const printEnpty = this.$hiprint({
+      //   printData: {
+      //     name: "CcSimple",
+      //     barcode: "33321323",
+      //     table: [
+      //       { id: "1", name: "王小可123", gender: "男", count: "120", amount: "9089元" },
+      //       { id: "2", name: "梦之遥", gender: "女", count: "20", amount: "89元" },
+      //     ],
+      //     table1: [
+      //       { id: "1", name: "王小可11", gender: "男", count: "120", amount: "9089元" },
+      //       { id: "2", name: "梦之遥", gender: "女", count: "20", amount: "89元" },
+      //     ],
+      //   },
+      //   onPrintData: data => {
+      //     return data;
+      //   },
+      //   onTemplate: data => {
+      //     return data;
+      //   },
+      //   defaultTemplate: {
+      //     panels: [
+      //       {
+      //         index: 0,
+      //         name: 1,
+      //         paperType: "A4",
+      //         height: 297,
+      //         width: 210,
+      //         paperHeader: 0,
+      //         paperFooter: 841.8897637795277,
+      //         printElements: [
+      //           {
+      //             options: {
+      //               left: 117,
+      //               top: 94.5,
+      //               height: 9.75,
+      //               width: 120,
+      //               field: "name",
+      //               testData: "内容",
+      //               title: "文本",
+      //               qid: "name",
+      //             },
+      //             printElementType: {
+      //               title: "文本",
+      //               type: "text",
+      //             },
+      //           },
+      //           {
+      //             options: {
+      //               left: 160.5,
+      //               top: 174,
+      //               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,
+      //             },
+      //           },
+      //         ],
+      //         paperNumberContinue: true,
+      //         watermarkOptions: {},
+      //         panelLayoutOptions: {},
+      //       },
+      //     ],
+      //   },
+      //   onSubmit: data => {
+      //     console.log(6666, data);
+      //   },
+      // });
+
+      this.$hiprint.print({
+        printData: {
+          name: "CcSimple",
+          barcode: "33321323",
+          table: [
+            { id: "1", name: "王小可123", gender: "男", count: "120", amount: "9089元" },
+            { id: "2", name: "梦之遥", gender: "女", count: "20", amount: "89元" },
+          ],
+          table1: [
+            { id: "1", name: "王小可11", gender: "男", count: "120", amount: "9089元" },
+            { id: "2", name: "梦之遥", gender: "女", count: "20", amount: "89元" },
+          ],
+        },
+        onPrintData: data => {
+          return data;
+        },
+        onTemplate: data => {
+          return data;
+        },
+        defaultTemplate: {
+          panels: [
+            {
+              index: 0,
+              name: 1,
+              paperType: "A4",
+              height: 297,
+              width: 210,
+              paperHeader: 0,
+              paperFooter: 841.8897637795277,
+              printElements: [
+                {
+                  options: {
+                    left: 117,
+                    top: 94.5,
+                    height: 9.75,
+                    width: 120,
+                    field: "name",
+                    testData: "内容",
+                    title: "文本",
+                    qid: "name",
+                  },
+                  printElementType: {
+                    title: "文本",
+                    type: "text",
+                  },
+                },
+                {
+                  options: {
+                    left: 160.5,
+                    top: 174,
+                    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,
+                  },
+                },
+              ],
+              paperNumberContinue: true,
+              watermarkOptions: {},
+              panelLayoutOptions: {},
+            },
+          ],
+        },
+        onSubmit: data => {
+          console.log(6666, data);
+        },
+      });
+    },
   },
 };
 </script>

package/src/assets/css/iconfont.css

@@ -0,0 +1,342 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3559670 */
+  src: url("iconfont.woff2?t=1667531544868") format("woff2"),
+    url("iconfont.woff?t=1667531544868") format("woff"),
+    url("iconfont.ttf?t=1667531544868") format("truetype");
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.sv-edit-data:before {
+  content: "\e655";
+}
+
+.sv-shimmer:before {
+  content: "\e6d6";
+}
+
+.sv-origin:before {
+  content: "\e6ac";
+}
+
+.sv-zIndex:before {
+  content: "\e603";
+}
+
+.sv-structure:before {
+  content: "\ec6f";
+}
+
+.sv-list:before {
+  content: "\e742";
+}
+
+.sv-grid:before {
+  content: "\e849";
+}
+
+.sv-flow:before {
+  content: "\e611";
+}
+
+.sv-switch:before {
+  content: "\e6f6";
+}
+
+.sv-theme:before {
+  content: "\e644";
+}
+
+.sv-element:before {
+  content: "\e615";
+}
+
+.sv-pdf:before {
+  content: "\e67a";
+}
+
+.sv-browser:before {
+  content: "\e726";
+}
+
+.sv-font-big:before {
+  content: "\eb04";
+}
+
+.sv-font-small:before {
+  content: "\eb05";
+}
+
+.sv-font-bold:before {
+  content: "\ec83";
+}
+
+.sv-font-tiny:before {
+  content: "\e6c1";
+}
+
+.sv-options:before {
+  content: "\e607";
+}
+
+.sv-close:before {
+  content: "\e646";
+}
+
+.sv-clone:before {
+  content: "\ec7a";
+}
+
+.sv-cut:before {
+  content: "\e643";
+}
+
+.sv-preview:before {
+  content: "\e61c";
+}
+
+.sv-zoom-in:before {
+  content: "\e60f";
+}
+
+.sv-zoom-out:before {
+  content: "\e610";
+}
+
+.sv-edit:before {
+  content: "\e6b9";
+}
+
+.sv-paste:before {
+  content: "\e6c0";
+}
+
+.sv-copy:before {
+  content: "\e6c2";
+}
+
+.sv-unlock:before {
+  content: "\e6e7";
+}
+
+.sv-lock:before {
+  content: "\e6e8";
+}
+
+.sv-zIndex-plus:before {
+  content: "\e715";
+}
+
+.sv-zIndex-minus:before {
+  content: "\e716";
+}
+
+.sv-zIndex-top:before {
+  content: "\e71f";
+}
+
+.sv-sigh:before {
+  content: "\e724";
+}
+
+.sv-ask:before {
+  content: "\e725";
+}
+
+.sv-dev-code:before {
+  content: "\e733";
+}
+
+.sv-bug:before {
+  content: "\e73f";
+}
+
+.sv-zIndex-bottom:before {
+  content: "\e71d";
+}
+
+.sv-new:before {
+  content: "\e64d";
+}
+
+.sv-clear:before {
+  content: "\e62d";
+}
+
+.sv-base:before {
+  content: "\e7d0";
+}
+
+.sv-export:before {
+  content: "\eabf";
+}
+
+.sv-import:before {
+  content: "\eac0";
+}
+
+.sv-add:before {
+  content: "\eaf3";
+}
+
+.sv-printer:before {
+  content: "\eabe";
+}
+
+.sv-save:before {
+  content: "\eabd";
+}
+
+.sv-more:before {
+  content: "\e625";
+}
+
+.sv-menu:before {
+  content: "\e628";
+}
+
+.sv-nav-right:before {
+  content: "\e629";
+}
+
+.sv-nav-up:before {
+  content: "\e62a";
+}
+
+.sv-nav-left:before {
+  content: "\e62b";
+}
+
+.sv-nav-down:before {
+  content: "\e62c";
+}
+
+.sv-setting:before {
+  content: "\e62e";
+}
+
+.sv-delete:before {
+  content: "\e630";
+}
+
+.sv-undo:before {
+  content: "\e631";
+}
+
+.sv-redo:before {
+  content: "\e632";
+}
+
+.sv-refresh:before {
+  content: "\e634";
+}
+
+.sv-history:before {
+  content: "\e635";
+}
+
+.sv-html:before {
+  content: "\e633";
+}
+
+.sv-longText:before {
+  content: "\e64c";
+}
+
+.sv-table:before {
+  content: "\ec15";
+}
+
+.sv-qrcode:before {
+  content: "\e642";
+}
+
+.sv-image:before {
+  content: "\e8ba";
+}
+
+.sv-barcode:before {
+  content: "\eb64";
+}
+
+.sv-text:before {
+  content: "\e60b";
+}
+
+.sv-vline:before {
+  content: "\e63a";
+}
+
+.sv-oval:before {
+  content: "\eb99";
+}
+
+.sv-rect:before {
+  content: "\e620";
+}
+
+.sv-hline:before {
+  content: "\e60a";
+}
+
+.sv-print-c:before {
+  content: "\e602";
+}
+
+.sv-print:before {
+  content: "\e601";
+}
+
+.sv-c:before {
+  content: "\e600";
+}
+
+.sv-vertical:before {
+  content: "\e706";
+}
+
+.sv-distributeHor:before {
+  content: "\e707";
+}
+
+.sv-right:before {
+  content: "\e708";
+}
+
+.sv-left:before {
+  content: "\e709";
+}
+
+.sv-distributeVer:before {
+  content: "\e70f";
+}
+
+.sv-bottom:before {
+  content: "\e710";
+}
+
+.sv-top:before {
+  content: "\e711";
+}
+
+.sv-horizontal:before {
+  content: "\e712";
+}
+
+.sv-rotate:before {
+  content: "\e66f";
+}
+
+.sv-butongbu:before {
+  content: "\e636";
+}
+
+.sv-synchronization:before {
+  content: "\e676";
+}

package/src/main.js

@@ -2,13 +2,12 @@ import Vue from "vue";
 import ElementUI from "element-ui";
 import "element-ui/lib/theme-chalk/index.css";
 import App from "./App.vue";
-import OlCom, { swaggerInstall } from "@/package/index.js";
+import OlCom, { swaggerInstall, Hiprint } from "@/package/index.js";
 Vue.use(ElementUI);
+Vue.use(Hiprint);
 
 Vue.use(OlCom);
-swaggerInstall("http://220.179.249.140:20019/swagger/v1/swagger.json").then(
-  () => {}
-);
+swaggerInstall("http://220.179.249.140:20025/swagger/v1/swagger.json").then(() => {});
 new Vue({
-  render: (h) => h(App),
+  render: h => h(App),
 }).$mount("#app");