电子图纸预览

.env.development

@@ -13,4 +13,7 @@ VITE_APP_BASE_API = '/ezhizao-dms-sys'
 VITE_APP_P2_API = '/ezhizao-dms-p2'
 
 # 生产管理系统接口前缀
-VITE_APP_PRODUCTION_API = '/ezhizao-dms-production'
+VITE_APP_PRODUCTION_API = '/ezhizao-dms-production'
+
+# 预览服务地址
+VITE_PREVIEW_API = 'http://120.46.159.163:8012/onlinePreview?url='

.env.production

@@ -7,6 +7,8 @@ VITE_APP_ENV = 'production'
 # 德迈仕数字化平台/生产环境
 VITE_APP_BASE_API = '/ezhizao-dms-sys'
 
+# 预览服务地址
+VITE_PREVIEW_API = 'http://120.46.159.163:8012/onlinePreview?url='
 # 拉取P2系统接口前缀
 VITE_APP_P2_API = '/ezhizao-dms-p2'
 

public/js/base64.min.js

@@ -0,0 +1,178 @@
+(function (global, factory) {
+    typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory(global) : typeof define === "function" && define.amd ? define(factory) : factory(global)
+}((typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : this), function (global) {
+    global = global || {};
+    var _Base64 = global.Base64;
+    var version = "2.6.3";
+    var b64chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
+    var b64tab = function (bin) {
+        var t = {};
+        for (var i = 0, l = bin.length; i < l; i++) {
+            t[bin.charAt(i)] = i
+        }
+        return t
+    }(b64chars);
+    var fromCharCode = String.fromCharCode;
+    var cb_utob = function (c) {
+        if (c.length < 2) {
+            var cc = c.charCodeAt(0);
+            return cc < 128 ? c : cc < 2048 ? (fromCharCode(192 | (cc >>> 6)) + fromCharCode(128 | (cc & 63))) : (fromCharCode(224 | ((cc >>> 12) & 15)) + fromCharCode(128 | ((cc >>> 6) & 63)) + fromCharCode(128 | (cc & 63)))
+        } else {
+            var cc = 65536 + (c.charCodeAt(0) - 55296) * 1024 + (c.charCodeAt(1) - 56320);
+            return (fromCharCode(240 | ((cc >>> 18) & 7)) + fromCharCode(128 | ((cc >>> 12) & 63)) + fromCharCode(128 | ((cc >>> 6) & 63)) + fromCharCode(128 | (cc & 63)))
+        }
+    };
+    var re_utob = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g;
+    var utob = function (u) {
+        return u.replace(re_utob, cb_utob)
+    };
+    var cb_encode = function (ccc) {
+        var padlen = [0, 2, 1][ccc.length % 3],
+            ord = ccc.charCodeAt(0) << 16 | ((ccc.length > 1 ? ccc.charCodeAt(1) : 0) << 8) | ((ccc.length > 2 ? ccc.charCodeAt(2) : 0)),
+            chars = [b64chars.charAt(ord >>> 18), b64chars.charAt((ord >>> 12) & 63), padlen >= 2 ? "=" : b64chars.charAt((ord >>> 6) & 63), padlen >= 1 ? "=" : b64chars.charAt(ord & 63)];
+        return chars.join("")
+    };
+    var btoa = global.btoa && typeof global.btoa == "function" ? function (b) {
+        return global.btoa(b)
+    } : function (b) {
+        if (b.match(/[^\x00-\xFF]/)) {
+            throw new RangeError("The string contains invalid characters.")
+        }
+        return b.replace(/[\s\S]{1,3}/g, cb_encode)
+    };
+    var _encode = function (u) {
+        return btoa(utob(String(u)))
+    };
+    var mkUriSafe = function (b64) {
+        return b64.replace(/[+\/]/g, function (m0) {
+            return m0 == "+" ? "-" : "_"
+        }).replace(/=/g, "")
+    };
+    var encode = function (u, urisafe) {
+        return urisafe ? mkUriSafe(_encode(u)) : _encode(u)
+    };
+    var encodeURI = function (u) {
+        return encode(u, true)
+    };
+    var fromUint8Array;
+    if (global.Uint8Array) {
+        fromUint8Array = function (a, urisafe) {
+            var b64 = "";
+            for (var i = 0, l = a.length; i < l; i += 3) {
+                var a0 = a[i],
+                    a1 = a[i + 1],
+                    a2 = a[i + 2];
+                var ord = a0 << 16 | a1 << 8 | a2;
+                b64 += b64chars.charAt(ord >>> 18) + b64chars.charAt((ord >>> 12) & 63) + (typeof a1 != "undefined" ? b64chars.charAt((ord >>> 6) & 63) : "=") + (typeof a2 != "undefined" ? b64chars.charAt(ord & 63) : "=")
+            }
+            return urisafe ? mkUriSafe(b64) : b64
+        }
+    }
+    var re_btou = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g;
+    var cb_btou = function (cccc) {
+        switch (cccc.length) {
+            case 4:
+                var cp = ((7 & cccc.charCodeAt(0)) << 18) | ((63 & cccc.charCodeAt(1)) << 12) | ((63 & cccc.charCodeAt(2)) << 6) | (63 & cccc.charCodeAt(3)),
+                    offset = cp - 65536;
+                return (fromCharCode((offset >>> 10) + 55296) + fromCharCode((offset & 1023) + 56320));
+            case 3:
+                return fromCharCode(((15 & cccc.charCodeAt(0)) << 12) | ((63 & cccc.charCodeAt(1)) << 6) | (63 & cccc.charCodeAt(2)));
+            default:
+                return fromCharCode(((31 & cccc.charCodeAt(0)) << 6) | (63 & cccc.charCodeAt(1)))
+        }
+    };
+    var btou = function (b) {
+        return b.replace(re_btou, cb_btou)
+    };
+    var cb_decode = function (cccc) {
+        var len = cccc.length,
+            padlen = len % 4,
+            n = (len > 0 ? b64tab[cccc.charAt(0)] << 18 : 0) | (len > 1 ? b64tab[cccc.charAt(1)] << 12 : 0) | (len > 2 ? b64tab[cccc.charAt(2)] << 6 : 0) | (len > 3 ? b64tab[cccc.charAt(3)] : 0),
+            chars = [fromCharCode(n >>> 16), fromCharCode((n >>> 8) & 255), fromCharCode(n & 255)];
+        chars.length -= [0, 0, 2, 1][padlen];
+        return chars.join("")
+    };
+    var _atob = global.atob && typeof global.atob == "function" ? function (a) {
+        return global.atob(a)
+    } : function (a) {
+        return a.replace(/\S{1,4}/g, cb_decode)
+    };
+    var atob = function (a) {
+        return _atob(String(a).replace(/[^A-Za-z0-9\+\/]/g, ""))
+    };
+    var _decode = function (a) {
+        return btou(_atob(a))
+    };
+    var _fromURI = function (a) {
+        return String(a).replace(/[-_]/g, function (m0) {
+            return m0 == "-" ? "+" : "/"
+        }).replace(/[^A-Za-z0-9\+\/]/g, "")
+    };
+    var decode = function (a) {
+        return _decode(_fromURI(a))
+    };
+    var toUint8Array;
+    if (global.Uint8Array) {
+        toUint8Array = function (a) {
+            return Uint8Array.from(atob(_fromURI(a)), function (c) {
+                return c.charCodeAt(0)
+            })
+        }
+    }
+    var noConflict = function () {
+        var Base64 = global.Base64;
+        global.Base64 = _Base64;
+        return Base64
+    };
+    global.Base64 = {
+        VERSION: version,
+        atob: atob,
+        btoa: btoa,
+        fromBase64: decode,
+        toBase64: encode,
+        utob: utob,
+        encode: encode,
+        encodeURI: encodeURI,
+        btou: btou,
+        decode: decode,
+        noConflict: noConflict,
+        fromUint8Array: fromUint8Array,
+        toUint8Array: toUint8Array
+    };
+    if (typeof Object.defineProperty === "function") {
+        var noEnum = function (v) {
+            return {
+                value: v,
+                enumerable: false,
+                writable: true,
+                configurable: true
+            }
+        };
+        global.Base64.extendString = function () {
+            Object.defineProperty(String.prototype, "fromBase64", noEnum(function () {
+                return decode(this)
+            }));
+            Object.defineProperty(String.prototype, "toBase64", noEnum(function (urisafe) {
+                return encode(this, urisafe)
+            }));
+            Object.defineProperty(String.prototype, "toBase64URI", noEnum(function () {
+                return encode(this, true)
+            }))
+        }
+    }
+    if (global["Meteor"]) {
+        Base64 = global.Base64
+    }
+    if (typeof module !== "undefined" && module.exports) {
+        module.exports.Base64 = global.Base64
+    } else {
+        if (typeof define === "function" && define.amd) {
+            define([], function () {
+                return global.Base64
+            })
+        }
+    }
+    return {
+        Base64: global.Base64
+    }
+}));

src/views/business/product/drawingForm.vue

@@ -77,6 +77,7 @@ import { addRecords } from '@/api/business/drawingRecords'
 import redcordDialog from './recordsDialog'
 import { getToken } from '@/utils/auth'
 import useUserStore from '@/store/modules/user'
+const fileUrl = import.meta.env.VITE_PREVIEW_API
 const webHost = import.meta.env.VITE_APP_BASE_API
 const { proxy } = getCurrentInstance();
 const total = ref(0)
@@ -272,13 +273,11 @@ function saveDrawing() {
 
 /**预览 */
 function handlePreview(row) {
-
-  //  pdfUrl.value = webHost +row.url
-  dialogVisible.value = true
-  pdfCover.value = webHost + row.url
-  // window.open((webHost + row.url))
+  //0617预览不需要内嵌，新开一个标签页
+  // dialogVisible.value = true
+  // pdfCover.value = fileUrl +( webHost + row.url)
+  window.open(fileUrl+ encodeURIComponent(Base64.encode(webHost+row.url)))
 }
-
 // 取消按钮
 function cancel() {
   openRecords.value = false