wms后台管理系统迁移

src/utils/color.ts

@@ -0,0 +1,59 @@
+import { ElMessage } from "element-plus";
+
+/**
+ * @description hex颜色转rgb颜色
+ * @param {String} str 颜色值字符串
+ * @returns {String} 返回处理后的颜色值
+ */
+export function hexToRgb(str: any) {
+    let hexs: any = "";
+    let reg = /^\#?[0-9A-Fa-f]{6}$/;
+    if (!reg.test(str)) return ElMessage.warning("输入错误的hex");
+    str = str.replace("#", "");
+    hexs = str.match(/../g);
+    for (let i = 0; i < 3; i++) hexs[i] = parseInt(hexs[i], 16);
+    return hexs;
+}
+
+/**
+ * @description rgb颜色转Hex颜色
+ * @param {*} r 代表红色
+ * @param {*} g 代表绿色
+ * @param {*} b 代表蓝色
+ * @returns {String} 返回处理后的颜色值
+ */
+export function rgbToHex(r: any, g: any, b: any) {
+    let reg = /^\d{1,3}$/;
+    if (!reg.test(r) || !reg.test(g) || !reg.test(b)) return ElMessage.warning("输入错误的rgb颜色值");
+    let hexs = [r.toString(16), g.toString(16), b.toString(16)];
+    for (let i = 0; i < 3; i++) if (hexs[i].length == 1) hexs[i] = `0${hexs[i]}`;
+    return `#${hexs.join("")}`;
+}
+
+/**
+ * @description 加深颜色值
+ * @param {String} color 颜色值字符串
+ * @param {Number} level 加深的程度，限0-1之间
+ * @returns {String} 返回处理后的颜色值
+ */
+export function getDarkColor(color: string, level: number) {
+    let reg = /^\#?[0-9A-Fa-f]{6}$/;
+    if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
+    let rgb = hexToRgb(color);
+    for (let i = 0; i < 3; i++) rgb[i] = Math.round(20.5 * level + rgb[i] * (1 - level));
+    return rgbToHex(rgb[0], rgb[1], rgb[2]);
+}
+
+/**
+ * @description 变浅颜色值
+ * @param {String} color 颜色值字符串
+ * @param {Number} level 加深的程度，限0-1之间
+ * @returns {String} 返回处理后的颜色值
+ */
+export function getLightColor(color: string, level: number) {
+    let reg = /^\#?[0-9A-Fa-f]{6}$/;
+    if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
+    let rgb = hexToRgb(color);
+    for (let i = 0; i < 3; i++) rgb[i] = Math.round(255 * level + rgb[i] * (1 - level));
+    return rgbToHex(rgb[0], rgb[1], rgb[2]);
+}

src/utils/eleValidate.ts

@@ -0,0 +1,32 @@
+// ? Element 常用表单校验规则
+
+/**
+ *  @rule 手机号
+ */
+export function checkPhoneNumber(rule: any, value: any, callback: any) {
+    const regexp = /^(((13[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[3-8]{1})|(18[0-9]{1})|(19[0-9]{1})|(14[5-7]{1}))+\d{8})$/;
+    if (value === "") callback("请输入手机号码");
+    if (!regexp.test(value)) {
+        callback(new Error("请输入正确的手机号码"));
+    } else {
+        return callback();
+    }
+}
+
+export function numberRexgu(value: any) {
+    if (value) {
+        if (value.toString().indexOf(".") != -1) {
+            let value_after = parseInt(value.toString().substring(0, value.indexOf(".")));
+            let value_before = value.replace(/\d+\.(\d*)/, "$1");
+            if (value_after.toString().length > 8) {
+                let newValue = value_after.toString().substring(0, 8) + "." + value_before;
+                return (newValue.toString().match(/\d{1,8}(\.\d{0,6})?/) || [""])[0];
+            } else {
+                return (value.toString().match(/\d{1,8}(\.\d{0,6})?/) || [""])[0];
+            }
+        }
+        return (value.toString().match(/\d{1,8}(\.\d{0,6})?/) || [""])[0];
+    } else {
+        return "";
+    }
+}

src/utils/errorHandler.ts

@@ -0,0 +1,39 @@
+import { ElNotification } from "element-plus";
+
+/**
+ * @description 全局代码错误捕捉
+ * */
+const errorHandler = (error: any) => {
+    // 过滤 HTTP 请求错误
+
+    if (error.status || error.status == 0) return false;
+    let errorMap: { [key: string]: string } = {
+        InternalError: "Javascript引擎内部错误",
+        ReferenceError: "未找到对象",
+        TypeError: "使用了错误的类型或对象",
+        RangeError: "使用内置对象时，参数超范围",
+        SyntaxError: "语法错误",
+        EvalError: "错误的使用了Eval",
+        URIError: "URI错误"
+    };
+    let errorName = errorMap[error.name] || "未知错误";
+
+    console.log("%c" + "====================================================", "color: red");
+    console.error("O(∩_∩)O哈哈~,菜鸡又,又报错啦!!!");
+    console.error(errorName + ":", error);
+    console.log("%c" + "====================================================", "color: red");
+
+    const NODE_ENV: string = import.meta.env.MODE as string;
+    console.log(NODE_ENV);
+
+    if (NODE_ENV === "development") {
+        ElNotification({
+            title: errorName,
+            message: error,
+            type: "error",
+            duration: 3000
+        });
+    }
+};
+
+export default errorHandler;

src/utils/index.ts

@@ -0,0 +1,309 @@
+import { isArray } from "@/utils/is";
+import { FieldNamesProps } from "@/components/ProTable/interface";
+//import { cloneDeep } from "lodash-es";
+
+/**
+ * @description 获取localStorage
+ * @param {String} key Storage名称
+ * @returns {String}
+ */
+export function localGet(key: string) {
+    const value = window.localStorage.getItem(key);
+    try {
+        return JSON.parse(window.localStorage.getItem(key) as string);
+    } catch (error) {
+        return value;
+    }
+}
+
+/**
+ * @description 存储localStorage
+ * @param {String} key Storage名称
+ * @param {*} value Storage值
+ * @returns {void}
+ */
+export function localSet(key: string, value: any) {
+    window.localStorage.setItem(key, JSON.stringify(value));
+}
+
+/**
+ * @description 清除localStorage
+ * @param {String} key Storage名称
+ * @returns {void}
+ */
+export function localRemove(key: string) {
+    window.localStorage.removeItem(key);
+}
+
+/**
+ * @description 清除所有localStorage
+ * @returns {void}
+ */
+export function localClear() {
+    window.localStorage.clear();
+}
+
+/**
+ * @description 判断数据类型
+ * @param {*} val 需要判断类型的数据
+ * @returns {String}
+ */
+export function isType(val: any) {
+    if (val === null) return "null";
+    if (typeof val !== "object") return typeof val;
+    else return Object.prototype.toString.call(val).slice(8, -1).toLocaleLowerCase();
+}
+
+/**
+ * @description 生成唯一 uuid
+ * @returns {String}
+ */
+export function generateUUID() {
+    let uuid = "";
+    for (let i = 0; i < 32; i++) {
+        let random = (Math.random() * 16) | 0;
+        if (i === 8 || i === 12 || i === 16 || i === 20) uuid += "-";
+        uuid += (i === 12 ? 4 : i === 16 ? (random & 3) | 8 : random).toString(16);
+    }
+    return uuid;
+}
+
+/**
+ * 判断两个对象是否相同
+ * @param {Object} a 要比较的对象一
+ * @param {Object} b 要比较的对象二
+ * @returns {Boolean} 相同返回 true，反之 false
+ */
+export function isObjectValueEqual(a: { [key: string]: any }, b: { [key: string]: any }) {
+    if (!a || !b) return false;
+    let aProps = Object.getOwnPropertyNames(a);
+    let bProps = Object.getOwnPropertyNames(b);
+    if (aProps.length != bProps.length) return false;
+    for (let i = 0; i < aProps.length; i++) {
+        let propName = aProps[i];
+        let propA = a[propName];
+        let propB = b[propName];
+        if (!b.hasOwnProperty(propName)) return false;
+        if (propA instanceof Object) {
+            if (!isObjectValueEqual(propA, propB)) return false;
+        } else if (propA !== propB) {
+            return false;
+        }
+    }
+    return true;
+}
+
+/**
+ * @description 生成随机数
+ * @param {Number} min 最小值
+ * @param {Number} max 最大值
+ * @returns {Number}
+ */
+export function randomNum(min: number, max: number): number {
+    let num = Math.floor(Math.random() * (min - max) + max);
+    return num;
+}
+
+/**
+ * @description 获取当前时间对应的提示语
+ * @returns {String}
+ */
+export function getTimeState() {
+    let timeNow = new Date();
+    let hours = timeNow.getHours();
+    if (hours >= 6 && hours <= 10) return `早上好 ⛅`;
+    if (hours >= 10 && hours <= 14) return `中午好 🌞`;
+    if (hours >= 14 && hours <= 18) return `下午好 🌞`;
+    if (hours >= 18 && hours <= 24) return `晚上好 🌛`;
+    if (hours >= 0 && hours <= 6) return `凌晨好 🌛`;
+}
+
+/**
+ * @description 获取浏览器默认语言
+ * @returns {String}
+ */
+export function getBrowserLang() {
+    let browserLang = navigator.language ? navigator.language : navigator.browserLanguage;
+    let defaultBrowserLang = "";
+    if (["cn", "zh", "zh-cn"].includes(browserLang.toLowerCase())) {
+        defaultBrowserLang = "zh";
+    } else {
+        defaultBrowserLang = "en";
+    }
+    return defaultBrowserLang;
+}
+
+/**
+ * @description 使用递归扁平化菜单，方便添加动态路由
+ * @param {Array} menuList 菜单列表
+ * @returns {Array}
+ */
+export function getFlatMenuList(menuList: Menu.MenuOptions[]): Menu.MenuOptions[] {
+    let newMenuList: Menu.MenuOptions[] = JSON.parse(JSON.stringify(menuList));
+    return newMenuList.flatMap(item => [item, ...(item.children ? getFlatMenuList(item.children) : [])]);
+}
+
+/**
+ * @description 使用递归过滤出需要渲染在左侧菜单的列表 (需剔除 isHide == true 的菜单)
+ * @param {Array} menuList 菜单列表
+ * @returns {Array}
+ * */
+export function getShowMenuList(menuList: Menu.MenuOptions[]) {
+    let newMenuList: Menu.MenuOptions[] = JSON.parse(JSON.stringify(menuList));
+    return newMenuList.filter(item => {
+        item.children?.length && (item.children = getShowMenuList(item.children));
+        return !item?.hidden;
+    });
+}
+
+/**
+ * @description 使用递归找出所有面包屑存储到 pinia/vuex 中
+ * @param {Array} menuList 菜单列表
+ * @param {Array} parent 父级菜单
+ * @param {Object} result 处理后的结果
+ * @returns {Object}
+ */
+export const getAllBreadcrumbList = (menuList: Menu.MenuOptions[], parent = [], result: { [key: string]: any } = {}) => {
+    for (const item of menuList) {
+        result[item.path] = [...parent, item];
+        if (item.children) getAllBreadcrumbList(item.children, result[item.path], result);
+    }
+    return result;
+};
+
+/**
+ * @description 使用递归处理路由菜单 path，生成一维数组 (第一版本地路由鉴权会用到，该函数暂未使用)
+ * @param {Array} menuList 所有菜单列表
+ * @param {Array} menuPathArr 菜单地址的一维数组 ['**','**']
+ * @returns {Array}
+ */
+export function getMenuListPath(menuList: Menu.MenuOptions[], menuPathArr: string[] = []): string[] {
+    for (const item of menuList) {
+        if (typeof item === "object" && item.path) menuPathArr.push(item.path);
+        if (item.children?.length) getMenuListPath(item.children, menuPathArr);
+    }
+    return menuPathArr;
+}
+
+/**
+ * @description 递归查询当前 path 所对应的菜单对象 (该函数暂未使用)
+ * @param {Array} menuList 菜单列表
+ * @param {String} path 当前访问地址
+ * @returns {Object | null}
+ */
+export function findMenuByPath(menuList: Menu.MenuOptions[], path: string): Menu.MenuOptions | null {
+    for (const item of menuList) {
+        if (item.path === path) return item;
+        if (item.children) {
+            const res = findMenuByPath(item.children, path);
+            if (res) return res;
+        }
+    }
+    return null;
+}
+
+export function setKeeAliveRoute(menuList: any[]) {
+    menuList.forEach(item => {
+        item.meta.isKeepAlive = true;
+        if (item?.children.length) {
+            setKeeAliveRoute(item?.children);
+        }
+    });
+    return menuList;
+}
+
+/**
+ * @description 使用递归过滤需要缓存的菜单 name (该函数暂未使用)
+ * @param {Array} menuList 所有菜单列表
+ * @param {Array} keepAliveNameArr 缓存的菜单 name ['**','**']
+ * @returns {Array}
+ * */
+export function getKeepAliveRouterName(menuList: Menu.MenuOptions[], keepAliveNameArr: string[] = []) {
+    menuList.forEach(item => {
+        item.meta.isKeepAlive && item.name && keepAliveNameArr.push(item.name);
+        item.children?.length && getKeepAliveRouterName(item.children, keepAliveNameArr);
+    });
+    return keepAliveNameArr;
+}
+
+/**
+ * @description 格式化表格单元格默认值 (el-table-column)
+ * @param {Number} row 行
+ * @param {Number} col 列
+ * @param {*} callValue 当前单元格值
+ * @returns {String}
+ * */
+export function formatTableColumn(row: number, col: number, callValue: any) {
+    // 如果当前值为数组，使用 / 拼接（根据需求自定义）
+    if (isArray(callValue)) return callValue.length ? callValue.join(" / ") : "--";
+    return callValue ? callValue : "--";
+}
+
+/**
+ * @description 处理值无数据情况
+ * @param {*} callValue 需要处理的值
+ * @returns {String}
+ * */
+export function formatValue(callValue: any) {
+    // 如果当前值为数组，使用 / 拼接（根据需求自定义）
+    if (isArray(callValue)) return callValue.length ? callValue.join(" / ") : "--";
+    //callValue?? "--" 空值合并运算符只有是null或者undefined才有用,所以""不会返回--
+    return callValue ? callValue : "--";
+}
+
+/**
+ * @description 处理 prop 为多级嵌套的情况，返回的数据 (列如: prop: user.name)
+ * @param {Object} row 当前行数据
+ * @param {String} prop 当前 prop
+ * @returns {*}
+ * */
+export function handleRowAccordingToProp(row: { [key: string]: any }, prop: string) {
+    if (!prop.includes(".")) return row[prop] ?? "--";
+    prop.split(".").forEach(item => (row = row[item] ?? "--"));
+    return row;
+}
+
+/**
+ * @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
+ * @param {String} prop 当前 prop
+ * @returns {String}
+ * */
+export function handleProp(prop: string) {
+    const propArr = prop.split(".");
+    if (propArr.length == 1) return prop;
+    return propArr[propArr.length - 1];
+}
+
+/**
+ * @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
+ * @param {String} callValue 当前单元格值
+ * @param {Array} enumData 字典列表
+ * @param {Array} fieldNames label && value && children 的 key 值
+ * @param {String} type 过滤类型（目前只有 tag）
+ * @returns {String}
+ * */
+export function filterEnum(callValue: any, enumData?: any, fieldNames?: FieldNamesProps, type?: "tag") {
+    const value = fieldNames?.value ?? "value";
+    const label = fieldNames?.label ?? "label";
+    const children = fieldNames?.children ?? "children";
+    let filterData: { [key: string]: any } = {};
+    // 判断 enumData 是否为数组
+    if (Array.isArray(enumData)) filterData = findItemNested(enumData, callValue, value, children);
+    // 判断是否输出的结果为 tag 类型
+    if (type == "tag") {
+        return filterData?.tagType ? filterData.tagType : "";
+    } else {
+        return filterData ? filterData[label] : "--";
+    }
+}
+
+/**
+ * @description 递归查找 callValue 对应的 enum 值
+ * */
+export function findItemNested(enumData: any, callValue: any, value: string, children: string) {
+    return enumData.reduce((accumulator: any, current: any) => {
+        if (accumulator) return accumulator;
+        if (current[value] === callValue) return current;
+        if (current[children]) return findItemNested(current[children], callValue, value, children);
+    }, null);
+}

src/utils/is/index.ts

@@ -0,0 +1,125 @@
+/**
+ * @description: 判断值是否未某个类型
+ */
+export function is(val: unknown, type: string) {
+    return Object.prototype.toString.call(val) === `[object ${type}]`;
+}
+
+/**
+ * @description:  是否为函数
+ */
+export function isFunction<T = Function>(val: unknown): val is T {
+    return is(val, "Function");
+}
+
+/**
+ * @description: 是否已定义
+ */
+export const isDef = <T = unknown>(val?: T): val is T => {
+    return typeof val !== "undefined";
+};
+
+/**
+ * @description: 是否未定义
+ */
+export const isUnDef = <T = unknown>(val?: T): val is T => {
+    return !isDef(val);
+};
+
+/**
+ * @description: 是否为对象
+ */
+export const isObject = (val: any): val is Record<any, any> => {
+    return val !== null && is(val, "Object");
+};
+
+/**
+ * @description:  是否为时间
+ */
+export function isDate(val: unknown): val is Date {
+    return is(val, "Date");
+}
+
+/**
+ * @description:  是否为数值
+ */
+export function isNumber(val: unknown): val is number {
+    return is(val, "Number");
+}
+
+/**
+ * @description:  是否为AsyncFunction
+ */
+export function isAsyncFunction<T = any>(val: unknown): val is Promise<T> {
+    return is(val, "AsyncFunction");
+}
+
+/**
+ * @description:  是否为promise
+ */
+export function isPromise<T = any>(val: unknown): val is Promise<T> {
+    return is(val, "Promise") && isObject(val) && isFunction(val.then) && isFunction(val.catch);
+}
+
+/**
+ * @description:  是否为字符串
+ */
+export function isString(val: unknown): val is string {
+    return is(val, "String");
+}
+
+/**
+ * @description:  是否为boolean类型
+ */
+export function isBoolean(val: unknown): val is boolean {
+    return is(val, "Boolean");
+}
+
+/**
+ * @description:  是否为数组
+ */
+export function isArray(val: any): val is Array<any> {
+    return val && Array.isArray(val);
+}
+
+/**
+ * @description: 是否客户端
+ */
+export const isClient = () => {
+    return typeof window !== "undefined";
+};
+
+/**
+ * @description: 是否为浏览器
+ */
+export const isWindow = (val: any): val is Window => {
+    return typeof window !== "undefined" && is(val, "Window");
+};
+
+/**
+ * @description: 是否为 element 元素
+ */
+export const isElement = (val: unknown): val is Element => {
+    return isObject(val) && !!val.tagName;
+};
+
+/**
+ * @description: 是否为 null
+ */
+export function isNull(val: unknown): val is null {
+    return val === null;
+}
+
+/**
+ * @description: 是否为 null || undefined
+ */
+export function isNullOrUnDef(val: unknown): val is null | undefined {
+    return isUnDef(val) || isNull(val);
+}
+
+/**
+ * @description: 是否为 16 进制颜色
+ */
+export const isHexColor = (str: string) => {
+    return /^#?([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(str);
+};

src/utils/mittBus.ts

@@ -0,0 +1,5 @@
+import mitt from "mitt";
+
+const $Bus = mitt();
+
+export default $Bus;

src/utils/print/boxMark/boxMarkListPrint.js

@@ -0,0 +1,243 @@
+import { getLodop } from "../print.js";
+import JsBarcode from "jsbarcode";
+import QRCode from "qrcode";
+import axios from "axios";
+//设置日志
+const setLog = logs => {
+    let wmsUser = JSON.parse(localStorage.getItem("wms-user"));
+    let baseUrl = `${import.meta.env.VITE_APP_API_BASEURL + import.meta.env.VITE_APP_API_VERSION}ClientLog/logs`;
+    const { newUserToken } = wmsUser;
+    axios
+        .post(baseUrl, logs, {
+            headers: {
+                "Content-Type": "application/json",
+                Authorization: newUserToken
+            }
+        })
+        .then(res => {
+            console.log(res, "=============res==============");
+        });
+};
+//箱唛列表打印
+let LODOP; //声明为全局变量
+export const boxMarkListPrint = (printData, printNumber) => {
+    LODOP = getLodop();
+    LODOP.PRINT_INIT("箱唛打印");
+    LODOP.SET_PRINT_PAGESIZE(0, 900, 400, "A4");
+    LODOP.SET_PRINT_STYLE("FontSize", 9.3);
+    LODOP.SET_PRINT_STYLE("Bold", 1);
+    LODOP.SET_PRINT_STYLE("FontName", "黑体");
+
+    let logs = [];
+    let printDataClone = [];
+    let resultArray = [];
+
+    printDataClone = JSON.parse(JSON.stringify(printData));
+    resultArray = printDataClone.reduce(function (acc, obj) {
+        let existing = acc.find(function (item) {
+            return item[0].id === obj.id;
+        });
+        if (existing) {
+            existing.push(obj);
+        } else {
+            acc.push([obj]);
+        }
+        return acc;
+    }, []);
+
+    let resultArrayLength = resultArray.length;
+    for (let i = 0; i < resultArrayLength; i++) {
+        let item = resultArray[i];
+
+        resultArray[i].sort(function (a, b) {
+            return a.sort - b.sort;
+        });
+        let itemLength = item.length;
+        for (let j = 0; j < itemLength; j++) {
+            let itemJ = resultArray[i][j];
+            LODOP.NewPage();
+            AddPrintContent({ item: itemJ, logs: logs });
+        }
+    }
+    setTimeout(() => {
+        LODOP.SET_PRINT_COPIES(printNumber); //指定份数
+        LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE", 1); //设置为非逐份打印，1-1  2-2  3-3
+        LODOP.PREVIEW();
+        setLog(logs);
+    }, 1500);
+};
+function AddPrintContent(obj) {
+    const { item, logs } = obj;
+
+    const {
+        isTail,
+        orderBillNo,
+        specifications,
+        materialName,
+        cratingQty,
+        productQty,
+        remark,
+        sort,
+        createTime,
+        barCode,
+        tailboxQty,
+        tailboxNetWeightQty,
+        cratingNetWeightQty,
+        tailboxGrossWeightQty,
+        cratingGrossWeightQty,
+        boxSortCount
+    } = item;
+
+    let logStr = "";
+    let image64 = "";
+    let imageCode = "";
+    if (specifications) {
+        let chinesePattern = /[\u4e00-\u9fa5]/; // 匹配中文字符的正则表达式
+        if (chinesePattern.test(specifications)) {
+            if (specifications.length > 15) {
+                LODOP.ADD_PRINT_TEXT(8, 8, "20mm", 10, "产品型号:");
+                LODOP.ADD_PRINT_TEXT(8, 64, "45mm", 20, `${specifications}`);
+                LODOP.SET_PRINT_STYLEA(0, "TextOverflow", 2);
+                LODOP.SET_PRINT_STYLEA(0, "LineSpacing", -5);
+            } else {
+                LODOP.ADD_PRINT_TEXT(8, 8, "20mm", "10mm", "产品型号:");
+                LODOP.ADD_PRINT_TEXT(8, 64, "45mm", "100%", `${specifications}`);
+                LODOP.SET_PRINT_STYLEA(0, "LineSpacing", -5);
+            }
+        } else {
+            if (specifications.length > 25) {
+                LODOP.ADD_PRINT_TEXT(8, 8, "20mm", 10, "产品型号:");
+                LODOP.ADD_PRINT_TEXT(8, 64, "45mm", 20, `${specifications}`);
+                LODOP.SET_PRINT_STYLEA(0, "TextOverflow", 2);
+                LODOP.SET_PRINT_STYLEA(0, "LineSpacing", -5);
+            } else {
+                LODOP.ADD_PRINT_TEXT(8, 8, "20mm", "10mm", "产品型号:");
+                LODOP.ADD_PRINT_TEXT(8, 64, "45mm", "100%", `${specifications}`);
+                LODOP.SET_PRINT_STYLEA(0, "LineSpacing", -5);
+            }
+        }
+        logStr = `规格型号${specifications}`;
+    }
+    //备注
+    if (remark) {
+        if (remark.length > 13) {
+            LODOP.ADD_PRINT_TEXT(8, 232, "28mm", 30, `${remark}`);
+            LODOP.SET_PRINT_STYLEA(0, "TextOverflow", 2);
+            LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
+            LODOP.SET_PRINT_STYLEA(0, "FontName", "黑体");
+            LODOP.SET_PRINT_STYLEA(0, "LineSpacing", -6);
+        } else {
+            LODOP.ADD_PRINT_TEXT(8, 232, "28mm", 30, `${remark}`);
+            LODOP.SET_PRINT_STYLEA(0, "TextOverflow", 2);
+            LODOP.SET_PRINT_STYLEA(0, "FontSize", 12);
+            LODOP.SET_PRINT_STYLEA(0, "FontName", "黑体");
+            LODOP.SET_PRINT_STYLEA(0, "LineSpacing", -6);
+        }
+    }
+    //条码;
+
+    let barCodeClone = barCode ? barCode.replace(/\s/g, "") : barCode;
+    if (barCodeClone && barCodeClone.length === 13) {
+        barCodeClone = Number(barCodeClone);
+        //去掉空
+        if (!isNaN(barCodeClone)) {
+            JsBarcode("#barcode", barCodeClone, {
+                format: "EAN13", // 指定条形码格式
+                width: 1, //1.5
+                height: 30,
+                displayValue: false //不显示条形码下面的文字
+            });
+            // 获取 SVG 元素
+            let svgElement = document.getElementById("barcode-box");
+            image64 = svgElement.innerHTML;
+            LODOP.ADD_PRINT_IMAGE(83, 226, "80%", "100%", svgElement.innerHTML);
+            let str = barCodeClone + "";
+            let str1 = str.substring(0, 1);
+            let str2 = str.substring(1, 7);
+            let str3 = str.substring(7, 14);
+            //224
+            LODOP.ADD_PRINT_TEXT(130, 231, "10mm", "10mm", `${str1}`);
+            LODOP.SET_PRINT_STYLEA(0, "FontName", "SourceHanSansCN-Bold");
+            //238
+            LODOP.ADD_PRINT_TEXT(130, 245, "15mm", "10mm", `${str2}`);
+            LODOP.SET_PRINT_STYLEA(0, "FontName", "SourceHanSansCN-Bold");
+            //283
+            LODOP.ADD_PRINT_TEXT(130, 290, "15mm", "10mm", `${str3}`);
+            LODOP.SET_PRINT_STYLEA(0, "FontName", "SourceHanSansCN-Bold");
+        }
+    }
+
+    //产品名称
+    if (materialName) {
+        LODOP.ADD_PRINT_TEXT(37, 8, "20mm", "10mm", "产品名称:");
+        LODOP.ADD_PRINT_TEXT(37, 64, "45mm", 20, `${materialName}`);
+        LODOP.SET_PRINT_STYLEA(0, "TextOverflow", 2);
+        LODOP.SET_PRINT_STYLEA(0, "LineSpacing", -4);
+    }
+
+    //二维码
+    if (orderBillNo) {
+        let options = {
+            type: "image/jpeg", //类型
+            quality: 1, //图片质量A Number between 0 and 1
+            width: 49, //高度
+            height: 49, //宽度
+            errorCorrectionLevel: "H", //容错率
+            margin: 0, //外边距
+            color: {
+                dark: "#000000", //前景色
+                light: "#ffffff" //背景色
+            }
+        };
+
+        QRCode.toString(orderBillNo, options, (error, string) => {
+            if (error) {
+                throw error;
+            }
+            // 获取 SVG 元素
+            let svgElement = document.getElementById("qrcode-box");
+            let qrSvgElement = document.getElementById("qrcode");
+            qrSvgElement.innerHTML = string;
+            imageCode = svgElement.innerHTML;
+            LODOP.ADD_PRINT_IMAGE(42, 236, "100%", "100%", imageCode);
+        });
+    }
+    //尾数图片
+    if (isTail) {
+        let weishuElement = `<div style="font-size:16px;color:#000;font-weight:bold;">尾数</div>
+            </div>`;
+        LODOP.ADD_PRINT_HTM(68, 295, "45mm", "100%", weishuElement);
+        LODOP.SET_PRINT_STYLEA(0, "Angle", 30);
+        LODOP.ADD_PRINT_ELLIPSE(48, 293, 40, 40, 1, 1);
+    }
+    //订单号
+    LODOP.ADD_PRINT_TEXT(65, 8, "78mm", 10, `订单号:${orderBillNo}`);
+    LODOP.SET_PRINT_STYLEA(0, "Overflow", 2);
+    //装箱序号
+    if (isTail) {
+        LODOP.ADD_PRINT_TEXT(85, 8, "50mm", "10mm", `装箱序号:${boxSortCount + "/" + boxSortCount}`);
+    } else {
+        LODOP.ADD_PRINT_TEXT(85, 8, "50mm", "10mm", `装箱序号:${sort + "/" + boxSortCount}`);
+    }
+
+    //净重
+    LODOP.ADD_PRINT_TEXT(85, 107, "30mm", "10mm", `净重:${isTail ? tailboxNetWeightQty : cratingNetWeightQty} KG`);
+    //装箱数量
+
+    //特殊处理:当可装箱数量大于产品数量时,要取产品数量
+    if (cratingQty > productQty) {
+        LODOP.ADD_PRINT_TEXT(107, 8, "50mm", "10mm", `装箱数量:${productQty} PCS`);
+    } else {
+        LODOP.ADD_PRINT_TEXT(107, 8, "50mm", "10mm", `装箱数量:${isTail ? tailboxQty : cratingQty} PCS`);
+    }
+    //毛重
+    LODOP.ADD_PRINT_TEXT(107, 107, "30mm", "10mm", `毛重:${isTail ? tailboxGrossWeightQty : cratingGrossWeightQty} KG`);
+    //日期
+    let createTimeClone = createTime.substring(0, 10);
+    LODOP.ADD_PRINT_TEXT(129, 8, "50mm", "10mm", `日期:${createTimeClone}`);
+
+    logStr = `规格型号:【${specifications}】->订单:【${orderBillNo}】->条码:【${barCodeClone}】->条码图片路径:【${image64}】->序号:【${
+        isTail ? boxSortCount + "/" + boxSortCount : sort + "/" + boxSortCount
+    }】->二维码:【${imageCode}】`;
+    logs.push(logStr);
+}

src/utils/print/print.js

@@ -0,0 +1,149 @@
+let CreatedOKLodop7766 = null;
+import { ElMessageBox } from "element-plus";
+
+export function needCLodop() {
+    try {
+        let ua = navigator.userAgent;
+        if (ua.match(/Windows\sPhone/i) != null) return true;
+        if (ua.match(/iPhone|iPod/i) != null) return true;
+        if (ua.match(/Android/i) != null) return true;
+        if (ua.match(/Edge\D?\d+/i) != null) return true;
+
+        let verTrident = ua.match(/Trident\D?\d+/i);
+        let verIE = ua.match(/MSIE\D?\d+/i);
+        let verOPR = ua.match(/OPR\D?\d+/i);
+        let verFF = ua.match(/Firefox\D?\d+/i);
+        let x64 = ua.match(/x64/i);
+        if (verTrident == null && verIE == null && x64 !== null) return true;
+        else if (verFF !== null) {
+            verFF = verFF[0].match(/\d+/);
+            if (verFF[0] >= 41 || x64 !== null) return true;
+        } else if (verOPR !== null) {
+            verOPR = verOPR[0].match(/\d+/);
+            if (verOPR[0] >= 32) return true;
+        } else if (verTrident == null && verIE == null) {
+            let verChrome = ua.match(/Chrome\D?\d+/i);
+            if (verChrome !== null) {
+                verChrome = verChrome[0].match(/\d+/);
+                if (verChrome[0] >= 41) return true;
+            }
+        }
+        return false;
+    } catch (err) {
+        return true;
+    }
+}
+
+//====页面引用CLodop云打印必须的JS文件：====
+if (needCLodop()) {
+    let head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
+    let oscript = document.createElement("script");
+    oscript.src = "http://localhost:8000/CLodopfuncs.js?priority=1";
+    head.insertBefore(oscript, head.firstChild);
+
+    //引用双端口(8000和18000）避免其中某个被占用：
+    oscript = document.createElement("script");
+    oscript.src = "http://localhost:18000/CLodopfuncs.js?priority=0";
+    head.insertBefore(oscript, head.firstChild);
+}
+
+//====获取LODOP对象的主过程：====
+export function getLodop(oOBJECT, oEMBED) {
+    let strHtmInstall =
+        "<br><span  style=' display: block; margin: 0 auto;  width: fit-content;'>打印控件未安装!点击这里<a href='http://www.lodop.net/demolist/CLodop_Setup_for_Win32NT.zip' download target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</span>";
+    let strHtmUpdate =
+        "<br><span  style=' display: block; margin: 0 auto;  width: fit-content;'>打印控件需要升级!点击这里<a href='http://www.lodop.net/demolist/CLodop_Setup_for_Win32NT.zip' download target='_self'>执行升级</a>,升级后请重新进入。</span>";
+    let strHtm64_Install =
+        "<br><span  style=' display: block; margin: 0 auto;  width: fit-content;'>打印控件未安装!点击这里<a href='http://www.lodop.net/demolist/install_lodop64.zip'download  target='_self'>执行安装</a>,安装后请刷新页面或重新进入。</span>";
+    let strHtm64_Update =
+        "<br><span  style=' display: block; margin: 0 auto;  width: fit-content;'>打印控件需要升级!点击这里<a href='http://www.lodop.net/demolist/install_lodop64.zip' download target='_self'>执行升级</a>,升级后请重新进入。</span>";
+    let strHtmFireFox =
+        "<br><br><span  style=' display: block; margin: 0 auto;  width: fit-content;'>（注意：如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它）</span>";
+    let strHtmChrome =
+        "<br><br><span  style=' display: block; margin: 0 auto;  width: fit-content;'>(如果此前正常，仅因浏览器升级或重安装而出问题，需重新执行以上安装）</span>";
+    let strCLodopInstall =
+        "<span  style=' display: block; margin: 0 auto;  width: fit-content;'>CLodop云打印服务(localhost本地)未安装启动!点击<strong style='color:red;'>下载执行安装</strong>,安装后请<strong style='color:red;'>刷新页面</strong>再尝试打印。</span>";
+    let strCLodopUpdate =
+        "<br><span  style=' display: block; margin: 0 auto;  width: fit-content;'>CLodop云打印服务需升级!点击这里<a href='http://www.lodop.net/demolist/Lodop7_Linux_ARM64.tar.gz' download target='_self'>执行升级</a>,升级后请刷新页面。</span>";
+    let LODOP;
+    try {
+        let isIE = navigator.userAgent.indexOf("MSIE") >= 0 || navigator.userAgent.indexOf("Trident") >= 0;
+        if (needCLodop()) {
+            try {
+                LODOP = getCLodop();
+            } catch (err) {
+                console.log(err);
+            }
+            if (!LODOP && document.readyState !== "complete") {
+                alert("C-Lodop没准备好，请稍后再试！");
+                return;
+            }
+            if (!LODOP) {
+                if (isIE) document.write(strCLodopInstall);
+                else
+                    ElMessageBox.alert(strCLodopInstall, "安装使用提示", {
+                        dangerouslyUseHTMLString: true,
+                        confirmButtonText: "下载"
+                    }).then(() => {
+                        const elink = document.createElement("a");
+                        elink.href = "http://www.lodop.net/demolist/CLodop_Setup_for_Win32NT.zip"; //file.url
+                        elink.download = "xyqzmb.xls"; //file.name
+                        elink.style.display = "none";
+                        //link.target="_blank";
+                        elink.click();
+                    });
+                // document.body.innerHTML =
+                //     strCLodopInstall + document.body.innerHTML
+                return;
+            } else {
+                if (CLODOP.CVERSION < "3.0.4.3") {
+                    if (isIE) document.write(strCLodopUpdate);
+                    else document.body.innerHTML = strCLodopUpdate + document.body.innerHTML;
+                }
+                if (oEMBED && oEMBED.parentNode) oEMBED.parentNode.removeChild(oEMBED);
+                if (oOBJECT && oOBJECT.parentNode) oOBJECT.parentNode.removeChild(oOBJECT);
+            }
+        } else {
+            let is64IE = isIE && navigator.userAgent.indexOf("x64") >= 0;
+            //=====如果页面有Lodop就直接使用，没有则新建:==========
+            if (oOBJECT != undefined || oEMBED != undefined) {
+                if (isIE) LODOP = oOBJECT;
+                else LODOP = oEMBED;
+            } else if (CreatedOKLodop7766 == null) {
+                LODOP = document.createElement("object");
+                LODOP.setAttribute("width", 0);
+                LODOP.setAttribute("height", 0);
+                LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
+                if (isIE) LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
+                else LODOP.setAttribute("type", "application/x-print-lodop");
+                document.documentElement.appendChild(LODOP);
+                CreatedOKLodop7766 = LODOP;
+            } else LODOP = CreatedOKLodop7766;
+            //=====Lodop插件未安装时提示下载地址:==========
+            if (LODOP == null || typeof LODOP.VERSION == "undefined") {
+                if (navigator.userAgent.indexOf("Chrome") >= 0) document.body.innerHTML = strHtmChrome + document.body.innerHTML;
+                if (navigator.userAgent.indexOf("Firefox") >= 0)
+                    document.body.innerHTML = strHtmFireFox + document.body.innerHTML;
+                if (is64IE) document.write(strHtm64_Install);
+                else if (isIE) document.write(strHtmInstall);
+                else document.body.innerHTML = strHtmInstall + document.body.innerHTML;
+
+                return LODOP;
+            }
+        }
+        if (LODOP.VERSION < "6.2.2.3") {
+            if (!needCLodop()) {
+                if (is64IE) document.write(strHtm64_Update);
+                else if (isIE) document.write(strHtmUpdate);
+                else document.body.innerHTML = strHtmUpdate + document.body.innerHTML;
+            }
+            return LODOP;
+        }
+        //===如下空白位置适合调用统一功能(如注册语句、语言选择等):===
+
+        //===========================================================
+        return LODOP;
+    } catch (err) {
+        alert("getLodop出错:" + err);
+    }
+}

src/utils/rexg/index.ts

@@ -0,0 +1,8 @@
+import { inputEnterRexg } from "./inputEnterRexg";
+import { numberRexg } from "./numberRexg";
+import { productRexg } from "./productRexg";
+import { integerRexg } from "./integerRexg";
+import { unitMultipleInputRexg } from "./unitMultipleInputRexg";
+import { numberRexg1 } from "./numberRexg1";
+import { numberDecimalSeparatorRexg } from "./numberDecimalSeparatorRexg";
+export { numberRexg, inputEnterRexg, productRexg, integerRexg, unitMultipleInputRexg, numberRexg1, numberDecimalSeparatorRexg };

src/utils/rexg/inputEnterRexg.ts

@@ -0,0 +1,26 @@
+import { useMsg } from "@/hooks/useMsg";
+//只允许输入数字和6位小数
+export const inputEnterRexg = function (inputValue: any, empty?: any) {
+    inputValue = inputValue.replace(/[^\d.]/g, ""); // 清除"数字"和"."以外的字符 只能输入数字和小数点
+    inputValue = inputValue.replace(/\.{2,}/g, "."); // 不能连续输入两个及以上小数点
+    inputValue = inputValue.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); // 只保留第一个".", 清除多余的"."
+    inputValue = inputValue.replace(/^(-)*(\d+)\.(\d\d\d\d\d\d).*$/, "$1$2.$3"); // 只能输入六位小数
+    if (inputValue && inputValue.indexOf(".") < 0 && inputValue != "") {
+        inputValue = parseFloat(inputValue);
+        inputValue = inputValue + "";
+        inputValue = inputValue.slice(0, 8);
+    } // 如果没有小数点，首位不能为类似于 01、02的值
+    // 输入过程中，只能输入六位小数且六位小数都为零，则清空小数点和后面的六个零（如果输入完成了只输入四个零，则在blur事件中处理）
+    if (inputValue.indexOf(".") > 0 && inputValue.length - inputValue.indexOf(".") > 6) {
+        let str = inputValue.slice(inputValue.indexOf("."), inputValue.length);
+        if (str / 1 <= 0) {
+            inputValue = inputValue.replace(str, "");
+        }
+    }
+    if (inputValue.length > 15) {
+        useMsg("warning", "仅限数字输入，小数点后最多6位，小数点前最多8位,请重新输入");
+        return empty ? "" : 0;
+    } else {
+        return inputValue;
+    }
+};

src/utils/rexg/integerRexg.ts

@@ -0,0 +1,8 @@
+//只允许输入整数
+export const integerRexg = (value: any) => {
+    if (!value) {
+        return;
+    }
+    let result = value.replace(/^(0+)|[^\d]+/g, "");
+    return result;
+};

src/utils/rexg/numberDecimalSeparatorRexg.ts

@@ -0,0 +1,11 @@
+//只允许输入数字和小数点
+export const numberDecimalSeparatorRexg = (value: any) => {
+    if (!value) {
+        return;
+    }
+
+    value = value.replace(/[^\d.]/g, ""); // 清除"数字"和"."以外的字符 只能输入数字和小数点
+    value = value.replace(/\.{2,}/g, "."); // 不能连续输入两个及以上小数点
+    value = value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); // 只保留第一个".", 清除多余的"."
+    return value;
+};

src/utils/rexg/numberRexg.ts

@@ -0,0 +1,18 @@
+//  数字验证，小数点前8位&小数点后4位
+export const numberRexg = (value: any) => {
+    if (value) {
+        if (value.toString().indexOf(".") != -1) {
+            let value_after = parseInt(value.toString().substring(0, value.indexOf(".")));
+            let value_before = value.replace(/\d+\.(\d*)/, "$1");
+            if (value_after.toString().length > 8) {
+                let newValue = value_after.toString().substring(0, 8) + "." + value_before;
+                return (newValue.toString().match(/\d{1,8}(\.\d{0,4})?/) || [""])[0];
+            } else {
+                return (value.toString().match(/\d{1,8}(\.\d{0,4})?/) || [""])[0];
+            }
+        }
+        return (value.toString().match(/\d{1,8}(\.\d{0,4})?/) || [""])[0];
+    } else {
+        return "";
+    }
+};

src/utils/rexg/numberRexg1.ts

@@ -0,0 +1,17 @@
+//前3后4
+export const numberRexg1 = (value: any) => {
+    if (!value) {
+        return;
+    }
+    if (value.toString().indexOf(".") != -1) {
+        let value_after = parseInt(value.toString().substring(0, value.indexOf(".")));
+        let value_before = value.replace(/\d+\.(\d*)/, "$1");
+        if (value_after.toString().length > 3) {
+            let newValue = value_after.toString().substring(0, 3) + "." + value_before;
+            return (newValue.toString().match(/\d{1,3}(\.\d{0,4})?/) || [""])[0];
+        } else {
+            return (value.toString().match(/\d{1,3}(\.\d{0,4})?/) || [""])[0];
+        }
+    }
+    return (value.toString().match(/\d{1,3}(\.\d{0,4})?/) || [""])[0];
+};

src/utils/rexg/productRexg.ts

@@ -0,0 +1,17 @@
+//尺寸/质量信息输入验证
+export const productRexg = (value: any) => {
+    if (!value) {
+        return;
+    }
+    let result = value
+        .toString()
+        .replace(/^0/)
+        .replace(/[^\d.]/g, "")
+        .replace(/\.{2,}/g, ".")
+        .replace(/^\./g, "")
+        .replace(".", "$#$")
+        .replace(/\./g, "")
+        .replace("$#$", ".")
+        .replace(/^(-)*(\d+)\.(\d\d\d\d).*$/, "$1$2.$3");
+    return result;
+};

src/utils/rexg/unitMultipleInputRexg.ts

@@ -0,0 +1,13 @@
+export const unitMultipleInputRexg = (value: any) => {
+    if (!value) {
+        return;
+    }
+    let result = value
+        .toString()
+        .replace(/[^\d^\\.]+/g, "")
+        .replace(".", "$#$")
+        .replace(/\./g, "")
+        .replace("$#$", ".")
+        .replace(/^(\\-)*(\d+)\.(\d\d\d\d\d\d\d\d).*$/, "$1$2.$3");
+    return result;
+};

src/utils/serviceDict.ts

@@ -0,0 +1,17 @@
+// ? 系统全局字典
+
+/**
+ * @description：用户性别
+ */
+export const genderType = [
+    { label: "男", value: 1 },
+    { label: "女", value: 2 }
+];
+
+/**
+ * @description：用户状态
+ */
+export const userStatus = [
+    { label: "启用", value: 1 },
+    { label: "禁用", value: 0 }
+];

src/utils/svg.ts

@@ -0,0 +1,13 @@
+/**
+ * @description Loading Svg
+ */
+export const loadingSvg = `
+<path class="path" d="
+	M 30 15
+	L 28 17
+	M 25.61 25.61
+	A 15 15, 0, 0, 1, 15 30
+	A 15 15, 0, 1, 1, 27.99 7.5
+	L 15 15
+" style="stroke-width: 4px; fill: rgba(0, 0, 0, 0)"/>
+`;