feat: 初始化项目结构并添加基础配置

添加前后端基础项目结构，包括.gitignore、package.json等配置文件
实现前端基础功能模块，包括路由、状态管理、API请求封装等
添加前端UI组件库和样式体系
配置开发环境Mock系统和构建工具链

front-end/src/plugins/VabPrint.ts

@@ -0,0 +1,148 @@
+const Print: any = function (this: any, dom: any, options: any) {
+    if (!(this instanceof Print)) return new Print(dom, options)
+
+    this.options = this.extend(
+        {
+            noPrint: '.no-print',
+        },
+        options
+    )
+
+    if (typeof dom === 'string') {
+        try {
+            this.dom = document.querySelector(dom)
+        } catch {
+            const createDom = document.createElement('div')
+            createDom.innerHTML = dom
+            this.dom = createDom
+        }
+    } else {
+        this.isDOM(dom)
+        this.dom = this.isDOM(dom) ? dom : dom.$el
+    }
+
+    this.init()
+}
+Print.prototype = {
+    init() {
+        const content = this.getStyle() + this.getHtml()
+        this.writeIframe(content)
+    },
+    extend(obj: { [x: string]: any }, obj2: { [x: string]: any }) {
+        for (const k in obj2) {
+            obj[k] = obj2[k]
+        }
+        return obj
+    },
+
+    getStyle() {
+        let str = ''
+        const styles = document.querySelectorAll('style,link')
+        for (const style of styles) {
+            str += style.outerHTML
+        }
+        str += `<style>${this.options.noPrint ? this.options.noPrint : '.no-print'}{display:none;}</style>`
+        str += '<style>html,body{background-color:#fff;}</style>'
+        return str
+    },
+
+    getHtml() {
+        const inputs = document.querySelectorAll('input')
+        const textareas = document.querySelectorAll('textarea')
+        const selects = document.querySelectorAll('select')
+
+        for (const input of inputs) {
+            if (input.type == 'checkbox' || input.type == 'radio') {
+                if (input.checked == true) {
+                    input.setAttribute('checked', 'checked')
+                } else {
+                    input.removeAttribute('checked')
+                }
+            } else if (input.type == 'text') {
+                input.setAttribute('value', input.value)
+            } else {
+                input.setAttribute('value', input.value)
+            }
+        }
+
+        for (const textarea of textareas) {
+            if (textarea.type == 'textarea') textarea.innerHTML = textarea.value
+        }
+
+        for (const select of selects) {
+            if (select.type == 'select-one') {
+                const child: any = select.children
+                for (const i in child) {
+                    if (child[i].tagName == 'OPTION') {
+                        if (child[i].selected == true)
+                            child[i].setAttribute('selected', 'selected')
+                        else child[i].removeAttribute('selected')
+                    }
+                }
+            }
+        }
+
+        return this.dom.outerHTML
+    },
+
+    writeIframe(content: string) {
+        const iframe: any = document.createElement('iframe')
+        const f: any = document.body.appendChild(iframe)
+        iframe.id = 'myIframe'
+        iframe.setAttribute(
+            'style',
+            'position:absolute;width:0;height:0;top:-10px;left:-10px;'
+        )
+        const w: any = f.contentWindow || f.contentDocument
+        const doc: any = f.contentDocument || f.contentWindow.document
+        doc.open()
+        doc.write(content)
+        doc.close()
+        const _this = this
+        iframe.addEventListener('load', () => {
+            _this.toPrint(w)
+            setTimeout(() => {
+                document.body.removeChild(iframe)
+            }, 100)
+        })
+    },
+
+    toPrint(frameWindow: {
+        focus: () => void
+        document: {
+            execCommand: (arg0: string, arg1: boolean, arg2: null) => any
+        }
+        print: () => void
+        close: () => void
+    }) {
+        try {
+            setTimeout(() => {
+                frameWindow.focus()
+                try {
+                    if (!frameWindow.document.execCommand('print', false, null))
+                        frameWindow.print()
+                } catch {
+                    frameWindow.print()
+                }
+                frameWindow.close()
+            }, 10)
+        } catch (error) {
+            console.log('err', error)
+        }
+    },
+    isDOM:
+        typeof HTMLElement === 'object'
+            ? function (obj: any) {
+                  return obj instanceof HTMLElement
+              }
+            : function (obj: { nodeType: number; nodeName: any }) {
+                  return (
+                      obj &&
+                      typeof obj === 'object' &&
+                      obj.nodeType === 1 &&
+                      typeof obj.nodeName === 'string'
+                  )
+              },
+}
+
+export default Print