yh-hiprint 2.2.8 → 2.2.10

package/hiprint.js

@@ -1,35 +1,35 @@
-import { createApp } from "vue";
-import { createRouter, createWebHashHistory } from "vue-router";
-import { setTitle } from "@/libs/util";
-import "element-plus/dist/index.css";
-
-import App from "yh-hiprint/hiprint.vue";
-const router = createRouter({
-  history: createWebHashHistory(),
-  routes: [
-    {
-      path: "/",
-      redirect: "/preview",
-    },
-    {
-      path: "/preview",
-      name: "printView",
-      meta: {
-        title: "打印",
-      },
-      component: () => import("yh-hiprint/hiprintPreview.vue"),
-    },
-  ],
-});
-
-router.beforeEach((to, from, next) => {
-  next();
-});
-
-router.afterEach((to) => {
-  setTitle(to);
-  window.scrollTo(0, 0);
-});
-const app = createApp(App);
-app.use(router);
-app.mount("#app");
+import { createApp } from "vue";
+import { createRouter, createWebHashHistory } from "vue-router";
+import { setTitle } from "@/libs/util";
+import "element-plus/dist/index.css";
+
+import App from "yh-hiprint/hiprint.vue";
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: [
+    {
+      path: "/",
+      redirect: "/preview",
+    },
+    {
+      path: "/preview",
+      name: "printView",
+      meta: {
+        title: "打印",
+      },
+      component: () => import("yh-hiprint/hiprintPreview.vue"),
+    },
+  ],
+});
+
+router.beforeEach((to, from, next) => {
+  next();
+});
+
+router.afterEach((to) => {
+  setTitle(to);
+  window.scrollTo(0, 0);
+});
+const app = createApp(App);
+app.use(router);
+app.mount("#app");

package/hiprint.vue

@@ -1,13 +1,13 @@
-<template>
-  <router-view></router-view>
-</template>
-<script setup></script>
-<style lang="scss">
-html,
-body,
-#app {
-  width: 100%;
-  height: 100%;
-  margin: 0;
-}
-</style>
+<template>
+  <router-view></router-view>
+</template>
+<script setup></script>
+<style lang="scss">
+html,
+body,
+#app {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+}
+</style>

package/hiprintPreview.vue

@@ -1,157 +1,161 @@
-<template>
-  <el-result
-    v-if="success"
-    icon="success"
-    title="成功"
-    sub-title="已成功调用系统打印"></el-result>
-  <el-result
-    v-if="error"
-    icon="error"
-    title="错误"
-    sub-title="请求参数或者返回数据错误"></el-result>
-</template>
-<script setup>
-import { ElLoading, ElResult, ElMessageBox } from "element-plus";
-import { onMounted, ref } from "vue";
-import { useRoute } from "vue-router";
-import axios from "@/libs/api.request.js";
-import { hiprint } from "yh-hiprint";
-
-function getQuery(){
-  let query = {}
-  try {
-    decodeURIComponent(location.hash).split("?")[1].split('&').forEach(str => {
-      let strArr = str.split("=");
-      query[strArr[0]] = strArr[1];
-    })
-  } catch (error) {
-    console.error("hiprint Preview getQuery on error:",error);
-  }
-  return query
-}
-
-onMounted(() => {
-  let query = getQuery();
-  debugger;
-  if (query.code) {
-    sessionStorage.printQuery = JSON.stringify(query);
-    getData(query);
-  } else {
-    if (sessionStorage.printQuery) {
-      query = JSON.parse(sessionStorage.printQuery);
-      getData(query);
-    } else {
-      loading.close();
-      error.value = true;
-    }
-  }
-  window.addEventListener("afterprint", () => {
-    self.close();
-  });
-});
-
-const route = useRoute();
-const success = ref(false);
-const error = ref(false);
-
-let loading = ElLoading.service({
-  text: "正在加载数据……",
-});
-
-function getData(query) {
-  let { code, params, data, isCustom } = query;
-  loading.setText("获取打印配置和数据");
-  let reqParams = params ? JSON.parse(params) : [];
-
-  axios
-    .request({
-      url: `/printTemplate/data/${code}`,
-      method: "post",
-      type: "json",
-      data: reqParams,
-    })
-    .then(async (res) => {
-      loading.setText("格式化数据，初始化打印插件");
-      let { list, json } = res.data;
-      if (json) {
-        let hasData = false;
-        if (Array.isArray(list) && list.length > 0) {
-          list = list.map((item, index) => {
-            let printData = {};
-            let datas = Object.entries(item);
-            datas.forEach((arr) => {
-              if (Array.isArray(arr[1])) {
-                hasData = arr[1].length > 0;
-                printData[arr[0]] = arr[1];
-              } else {
-                if (arr[1] !== null) {
-                  hasData = true;
-                  let itemsEntries = Object.entries(arr[1]);
-                  itemsEntries.forEach((cArr) => {
-                    printData[`$${arr[0]}[${cArr[0]}]`] = cArr[1];
-                  });
-                }
-              }
-            });
-            return printData;
-          });
-        } else {
-          list = [];
-        }
-        let hiprintTemplate = new hiprint.PrintTemplate({ template: JSON.parse(json) });
-        // 如若有本地数据，那么将本地数据替换远端数据。传入预览中。
-        if (isCustom === "1") {
-          await ElMessageBox.prompt("在下面输入框中输入您给的自定义数据", "自定义数据", {
-            inputType: "textarea",
-            inputValue: localStorage.hiprintCustomValue || null,
-          }).then((e) => {
-            try {
-              hasData = true;
-              localStorage.hiprintCustomValue = e.value;
-              list = JSON.parse(e.value);
-            } catch (error) {
-              try {
-                hasData = true;
-                list = JSON.parse(data);
-              } catch (error) {
-                hasData = false;
-                list = [];
-              }
-            }
-          });
-        } else if (data) {
-          try {
-            hasData = true;
-            list = JSON.parse(data);
-          } catch (error) {
-            hasData = false;
-            list = [];
-          }
-        }
-        let html = hiprintTemplate.getHtml(list);
-        document.body.innerHTML = "";
-        document.body.appendChild(html[0]);
-        if (hasData) {
-          setTimeout(() => {
-            window.print();
-          }, 1000);
-        } else {
-          ElMessageBox.alert("数据源没有数据，打印将取消").then(() => {
-            window.close();
-          });
-        }
-        success.value = false;
-      } else {
-        error.value = true;
-      }
-    })
-    .catch((err) => {
-      console.error(err);
-      error.value = true;
-    })
-    .finally(() => {
-      loading.close();
-    });
-}
-</script>
-<style lang="scss"></style>
+<template>
+  <el-result
+    v-if="success"
+    icon="success"
+    title="成功"
+    sub-title="已成功调用系统打印"></el-result>
+  <el-result
+    v-if="error"
+    icon="error"
+    title="错误"
+    sub-title="请求参数或者返回数据错误"></el-result>
+</template>
+<script setup>
+import {ElLoading, ElResult, ElMessageBox} from 'element-plus';
+import {onMounted, ref} from 'vue';
+import {useRoute} from 'vue-router';
+import axios from '@/libs/api.request.js';
+import {hiprint} from 'yh-hiprint';
+
+function getQuery() {
+  let query = {};
+  try {
+    decodeURIComponent(location.hash)
+      .split('?')[1]
+      .split('&')
+      .forEach((str) => {
+        let index = str.indexOf('=');
+        let key = str.substring(0, index);
+        let value = str.substring(index + 1);
+        query[key] = value;
+      });
+  } catch (error) {
+    console.error('hiprint Preview getQuery on error:', error);
+  }
+  return query;
+}
+
+onMounted(() => {
+  let query = getQuery();
+  if (query.code) {
+    sessionStorage.printQuery = JSON.stringify(query);
+    getData(query);
+  } else {
+    if (sessionStorage.printQuery) {
+      query = JSON.parse(sessionStorage.printQuery);
+      getData(query);
+    } else {
+      loading.close();
+      error.value = true;
+    }
+  }
+  window.addEventListener('afterprint', () => {
+    self.close();
+  });
+});
+
+const route = useRoute();
+const success = ref(false);
+const error = ref(false);
+
+let loading = ElLoading.service({
+  text: '正在加载数据……',
+});
+
+function getData(query) {
+  let {code, params, data, isCustom} = query;
+  loading.setText('获取打印配置和数据');
+  let reqParams = params ? JSON.parse(params) : [];
+
+  axios
+    .request({
+      url: `/printTemplate/data/${code}`,
+      method: 'post',
+      type: 'json',
+      data: reqParams,
+    })
+    .then(async (res) => {
+      loading.setText('格式化数据，初始化打印插件');
+      let {list, json} = res.data;
+      if (json) {
+        let hasData = false;
+        if (Array.isArray(list) && list.length > 0) {
+          list = list.map((item, index) => {
+            let printData = {};
+            let datas = Object.entries(item);
+            datas.forEach((arr) => {
+              if (Array.isArray(arr[1])) {
+                hasData = arr[1].length > 0;
+                printData[arr[0]] = arr[1];
+              } else {
+                if (arr[1] !== null) {
+                  hasData = true;
+                  let itemsEntries = Object.entries(arr[1]);
+                  itemsEntries.forEach((cArr) => {
+                    printData[`$${arr[0]}[${cArr[0]}]`] = cArr[1];
+                  });
+                }
+              }
+            });
+            return printData;
+          });
+        } else {
+          list = [];
+        }
+        let hiprintTemplate = new hiprint.PrintTemplate({template: JSON.parse(json)});
+        // 如若有本地数据，那么将本地数据替换远端数据。传入预览中。
+        if (isCustom === '1') {
+          await ElMessageBox.prompt('在下面输入框中输入您给的自定义数据', '自定义数据', {
+            inputType: 'textarea',
+            inputValue: localStorage.hiprintCustomValue || null,
+          }).then((e) => {
+            try {
+              hasData = true;
+              localStorage.hiprintCustomValue = e.value;
+              list = JSON.parse(e.value);
+            } catch (error) {
+              try {
+                hasData = true;
+                list = JSON.parse(data);
+              } catch (error) {
+                hasData = false;
+                list = [];
+              }
+            }
+          });
+        } else if (data) {
+          try {
+            hasData = true;
+            list = JSON.parse(data);
+          } catch (error) {
+            hasData = false;
+            list = [];
+          }
+        }
+        let html = hiprintTemplate.getHtml(list);
+        document.body.innerHTML = '';
+        document.body.appendChild(html[0]);
+        if (hasData) {
+          setTimeout(() => {
+            window.print();
+          }, 1000);
+        } else {
+          ElMessageBox.alert('数据源没有数据，打印将取消').then(() => {
+            window.close();
+          });
+        }
+        success.value = false;
+      } else {
+        error.value = true;
+      }
+    })
+    .catch((err) => {
+      console.error(err);
+      error.value = true;
+    })
+    .finally(() => {
+      loading.close();
+    });
+}
+</script>
+<style lang="scss"></style>