+ ![]()
+
+
+ {{ description }}
+
+
+
+
+
+
+
diff --git a/src/components/empty/index.ts b/src/components/empty/index.ts
new file mode 100644
index 0000000..bd524f8
--- /dev/null
+++ b/src/components/empty/index.ts
@@ -0,0 +1,3 @@
+import Empty from './Empty.vue'
+
+export default Empty
diff --git a/src/components/image-cropper/index.vue b/src/components/image-cropper/index.vue
new file mode 100644
index 0000000..72fc4f5
--- /dev/null
+++ b/src/components/image-cropper/index.vue
@@ -0,0 +1,1441 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/image-cropper/utils/data2blob.js b/src/components/image-cropper/utils/data2blob.js
new file mode 100644
index 0000000..84e382c
--- /dev/null
+++ b/src/components/image-cropper/utils/data2blob.js
@@ -0,0 +1,19 @@
+/**
+ * database64文件格式转换为2进制
+ *
+ * @param {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了
+ * @param {[String]} mime [description]
+ * @return {[blob]} [description]
+ */
+export default function (data, mime) {
+ data = data.split(',')[1]
+ data = window.atob(data)
+ var ia = new Uint8Array(data.length)
+ for (var i = 0; i < data.length; i++) {
+ ia[i] = data.charCodeAt(i)
+ }
+ // canvas.toDataURL 返回的默认格式就是 image/png
+ return new Blob([ia], {
+ type: mime,
+ })
+}
diff --git a/src/components/image-cropper/utils/effectRipple.js b/src/components/image-cropper/utils/effectRipple.js
new file mode 100644
index 0000000..6edc26c
--- /dev/null
+++ b/src/components/image-cropper/utils/effectRipple.js
@@ -0,0 +1,42 @@
+/**
+ * 点击波纹效果
+ *
+ * @param {[event]} e [description]
+ * @param {[Object]} argOpts [description]
+ * @return {[bollean]} [description]
+ */
+export default function (e, argOpts) {
+ const opts = Object.assign(
+ {
+ ele: e.target, // 波纹作用元素
+ type: 'hit', // hit点击位置扩散center中心点扩展
+ bgc: 'rgba(0, 0, 0, 0.15)', // 波纹颜色
+ },
+ argOpts
+ )
+ var target = opts.ele
+ if (target) {
+ const rect = target.getBoundingClientRect()
+ var ripple = target.querySelector('.e-ripple')
+ if (!ripple) {
+ ripple = document.createElement('span')
+ ripple.className = 'e-ripple'
+ ripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px'
+ target.appendChild(ripple)
+ } else {
+ ripple.className = 'e-ripple'
+ }
+ switch (opts.type) {
+ case 'center':
+ ripple.style.top = rect.height / 2 - ripple.offsetHeight / 2 + 'px'
+ ripple.style.left = rect.width / 2 - ripple.offsetWidth / 2 + 'px'
+ break
+ default:
+ ripple.style.top = e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop + 'px'
+ ripple.style.left = e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft + 'px'
+ }
+ ripple.style.backgroundColor = opts.bgc
+ ripple.className = 'e-ripple z-active'
+ return false
+ }
+}
diff --git a/src/components/image-cropper/utils/language.js b/src/components/image-cropper/utils/language.js
new file mode 100644
index 0000000..65f5bf7
--- /dev/null
+++ b/src/components/image-cropper/utils/language.js
@@ -0,0 +1,365 @@
+export default {
+ zh: {
+ hint: '点击，或拖动图片至此处',
+ loading: '正在上传……',
+ noSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！',
+ success: '上传成功',
+ fail: '图片上传失败',
+ preview: '预览',
+ btn: {
+ off: '取消',
+ close: '关闭',
+ back: '上一步',
+ save: '保存',
+ },
+ error: {
+ onlyImg: '仅限图片格式',
+ outOfSize: '单文件大小不能超过 ',
+ lowestPx: '图片最低像素为（宽*高）：',
+ },
+ },
+ 'zh-tw': {
+ hint: '點擊，或拖動圖片至此處',
+ loading: '正在上傳……',
+ noSupported: '瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！',
+ success: '上傳成功',
+ fail: '圖片上傳失敗',
+ preview: '頭像預覽',
+ btn: {
+ off: '取消',
+ close: '關閉',
+ back: '上一步',
+ save: '保存',
+ },
+ error: {
+ onlyImg: '僅限圖片格式',
+ outOfSize: '單文件大小不能超過 ',
+ lowestPx: '圖片最低像素為（寬*高）：',
+ },
+ },
+ en: {
+ hint: 'Click or drag the file here to upload',
+ loading: 'Uploading…',
+ noSupported: 'Browser is not supported, please use IE10+ or other browsers',
+ success: 'Upload success',
+ fail: 'Upload failed',
+ preview: 'Preview',
+ btn: {
+ off: 'Cancel',
+ close: 'Close',
+ back: 'Back',
+ save: 'Save',
+ },
+ error: {
+ onlyImg: 'Image only',
+ outOfSize: 'Image exceeds size limit: ',
+ lowestPx: "Image's size is too low. Expected at least: ",
+ },
+ },
+ ro: {
+ hint: 'Atinge sau trage fișierul aici',
+ loading: 'Se încarcă',
+ noSupported: 'Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.',
+ success: 'S-a încărcat cu succes',
+ fail: 'A apărut o problemă la încărcare',
+ preview: 'Previzualizează',
+
+ btn: {
+ off: 'Anulează',
+ close: 'Închide',
+ back: 'Înapoi',
+ save: 'Salvează',
+ },
+
+ error: {
+ onlyImg: 'Doar imagini',
+ outOfSize: 'Imaginea depășește limita de: ',
+ loewstPx: 'Imaginea este prea mică; Minim: ',
+ },
+ },
+ ru: {
+ hint: 'Нажмите, или перетащите файл в это окно',
+ loading: 'Загружаю……',
+ noSupported: 'Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры',
+ success: 'Загрузка выполнена успешно',
+ fail: 'Ошибка загрузки',
+ preview: 'Предпросмотр',
+ btn: {
+ off: 'Отменить',
+ close: 'Закрыть',
+ back: 'Назад',
+ save: 'Сохранить',
+ },
+ error: {
+ onlyImg: 'Только изображения',
+ outOfSize: 'Изображение превышает предельный размер: ',
+ lowestPx: 'Минимальный размер изображения: ',
+ },
+ },
+ 'pt-br': {
+ hint: 'Clique ou arraste o arquivo aqui para carregar',
+ loading: 'Carregando…',
+ noSupported: 'Browser não suportado, use o IE10+ ou outro browser',
+ success: 'Sucesso ao carregar imagem',
+ fail: 'Falha ao carregar imagem',
+ preview: 'Pré-visualizar',
+ btn: {
+ off: 'Cancelar',
+ close: 'Fechar',
+ back: 'Voltar',
+ save: 'Salvar',
+ },
+ error: {
+ onlyImg: 'Apenas imagens',
+ outOfSize: 'A imagem excede o limite de tamanho: ',
+ lowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: ',
+ },
+ },
+ fr: {
+ hint: 'Cliquez ou glissez le fichier ici.',
+ loading: 'Téléchargement…',
+ noSupported: "Votre navigateur n'est pas supporté. Utilisez IE10 + ou un autre navigateur s'il vous plaît.",
+ success: 'Téléchargement réussit',
+ fail: 'Téléchargement echoué',
+ preview: 'Aperçu',
+ btn: {
+ off: 'Annuler',
+ close: 'Fermer',
+ back: 'Retour',
+ save: 'Enregistrer',
+ },
+ error: {
+ onlyImg: 'Image uniquement',
+ outOfSize: "L'image sélectionnée dépasse la taille maximum: ",
+ lowestPx: "L'image sélectionnée est trop petite. Dimensions attendues: ",
+ },
+ },
+ nl: {
+ hint: 'Klik hier of sleep een afbeelding in dit vlak',
+ loading: 'Uploaden…',
+ noSupported: 'Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.',
+ success: 'Upload succesvol',
+ fail: 'Upload mislukt',
+ preview: 'Voorbeeld',
+ btn: {
+ off: 'Annuleren',
+ close: 'Sluiten',
+ back: 'Terug',
+ save: 'Opslaan',
+ },
+ error: {
+ onlyImg: 'Alleen afbeeldingen',
+ outOfSize: 'De afbeelding is groter dan: ',
+ lowestPx: 'De afbeelding is te klein! Minimale afmetingen: ',
+ },
+ },
+ tr: {
+ hint: 'Tıkla veya yüklemek istediğini buraya sürükle',
+ loading: 'Yükleniyor…',
+ noSupported: 'Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın',
+ success: 'Yükleme başarılı',
+ fail: 'Yüklemede hata oluştu',
+ preview: 'Önizle',
+ btn: {
+ off: 'İptal',
+ close: 'Kapat',
+ back: 'Geri',
+ save: 'Kaydet',
+ },
+ error: {
+ onlyImg: 'Sadece resim',
+ outOfSize: 'Resim yükleme limitini aşıyor: ',
+ lowestPx: 'Resmin boyutu çok küçük. En az olması gereken: ',
+ },
+ },
+ 'es-MX': {
+ hint: 'Selecciona o arrastra una imagen',
+ loading: 'Subiendo...',
+ noSupported: 'Tu navegador no es soportado, por favor usa IE10+ u otros navegadores más recientes',
+ success: 'Subido exitosamente',
+ fail: 'Sucedió un error',
+ preview: 'Vista previa',
+ btn: {
+ off: 'Cancelar',
+ close: 'Cerrar',
+ back: 'Atrás',
+ save: 'Guardar',
+ },
+ error: {
+ onlyImg: 'Únicamente imágenes',
+ outOfSize: 'La imagen excede el tamaño maximo:',
+ lowestPx: 'La imagen es demasiado pequeña. Se espera por lo menos:',
+ },
+ },
+ de: {
+ hint: 'Klick hier oder zieh eine Datei hier rein zum Hochladen',
+ loading: 'Hochladen…',
+ noSupported: 'Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser',
+ success: 'Upload erfolgreich',
+ fail: 'Upload fehlgeschlagen',
+ preview: 'Vorschau',
+ btn: {
+ off: 'Abbrechen',
+ close: 'Schließen',
+ back: 'Zurück',
+ save: 'Speichern',
+ },
+ error: {
+ onlyImg: 'Nur Bilder',
+ outOfSize: 'Das Bild ist zu groß: ',
+ lowestPx: 'Das Bild ist zu klein. Mindestens: ',
+ },
+ },
+ ja: {
+ hint: 'クリック・ドラッグしてファイルをアップロード',
+ loading: 'アップロード中...',
+ noSupported: 'このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。',
+ success: 'アップロード成功',
+ fail: 'アップロード失敗',
+ preview: 'プレビュー',
+ btn: {
+ off: 'キャンセル',
+ close: '閉じる',
+ back: '戻る',
+ save: '保存',
+ },
+ error: {
+ onlyImg: '画像のみ',
+ outOfSize: '画像サイズが上限を超えています。上限: ',
+ lowestPx: '画像が小さすぎます。最小サイズ: ',
+ },
+ },
+ ua: {
+ hint: 'Натисніть, або перетягніть файл в це вікно',
+ loading: 'Завантажую……',
+ noSupported: 'Ваш браузер не підтримується, будь ласка скористайтесь IE10 + або іншими браузерами',
+ success: 'Завантаження виконано успішно',
+ fail: 'Помилка завантаження',
+ preview: 'Попередній перегляд',
+ btn: {
+ off: 'Відмінити',
+ close: 'Закрити',
+ back: 'Назад',
+ save: 'Зберегти',
+ },
+ error: {
+ onlyImg: 'Тільки зображення',
+ outOfSize: 'Зображення перевищує граничний розмір: ',
+ lowestPx: 'Мінімальний розмір зображення: ',
+ },
+ },
+ it: {
+ hint: 'Clicca o trascina qui il file per caricarlo',
+ loading: 'Caricamento del file…',
+ noSupported: 'Browser non supportato, per favore usa IE10+ o un altro browser',
+ success: 'Caricamento completato',
+ fail: 'Caricamento fallito',
+ preview: 'Anteprima',
+ btn: {
+ off: 'Annulla',
+ close: 'Chiudi',
+ back: 'Indietro',
+ save: 'Salva',
+ },
+ error: {
+ onlyImg: 'Sono accettate solo immagini',
+ outOfSize: "L'immagine eccede i limiti di dimensione: ",
+ lowestPx: "L'immagine è troppo piccola. Il requisito minimo è: ",
+ },
+ },
+ ar: {
+ hint: 'اضغط أو اسحب الملف هنا للتحميل',
+ loading: 'جاري التحميل...',
+ noSupported: 'المتصفح غير مدعوم ، يرجى استخدام IE10 + أو متصفح أخر',
+ success: 'تم التحميل بنجاح',
+ fail: 'فشل التحميل',
+ preview: 'معاينه',
+ btn: {
+ off: 'إلغاء',
+ close: 'إغلاق',
+ back: 'رجوع',
+ save: 'حفظ',
+ },
+ error: {
+ onlyImg: 'صور فقط',
+ outOfSize: 'تتجاوز الصوره الحجم المحدد: ',
+ lowestPx: 'حجم الصورة صغير جدا. من المتوقع على الأقل: ',
+ },
+ },
+ ug: {
+ hint: 'مەزكۇر دائىرىنى چىكىپ رەسىم تاللاڭ ياكى رەسىمنى سۆرەپ ئەكىرىڭ',
+ loading: 'يوللىنىۋاتىدۇ...',
+ noSupported: 'تور كۆرگۈچ بۇ ئىقتىدارنى قوللىمايدۇ ، يۇقىرى نەشىردىكى تور كۆرگۈچنى ئىشلىتىڭ',
+ success: 'غەلبىلىك بولدى',
+ fail: 'مەغلۇب بولدى',
+ preview: 'ئۈنۈم رەسىم',
+ btn: {
+ off: 'بولدى قىلىش',
+ close: 'تاقاش',
+ back: 'ئالدىنقى قەدەم',
+ save: 'ساقلاش',
+ },
+ error: {
+ onlyImg: 'پەقەت رەسىم فورماتىنىلا قوللايدۇ',
+ outOfSize: 'رەسىم چوڭ - كىچىكلىكى چەكتىن ئىشىپ كەتتى',
+ lowestPx: 'رەسىمنىڭ ئەڭ كىچىك ئۆلچىمى :',
+ },
+ },
+ th: {
+ hint: 'คลิ๊กหรือลากรูปมาที่นี่',
+ loading: 'กำลังอัพโหลด…',
+ noSupported: 'เบราเซอร์ไม่รองรับ, กรุณาใช้ IE เวอร์ชั่น 10 ขึ้นไป หรือใช้เบราเซอร์ตัวอื่น',
+ success: 'อัพโหลดสำเร็จ',
+ fail: 'อัพโหลดล้มเหลว',
+ preview: 'ตัวอย่าง',
+ btn: {
+ off: 'ยกเลิก',
+ close: 'ปิด',
+ back: 'กลับ',
+ save: 'บันทึก',
+ },
+ error: {
+ onlyImg: 'ไฟล์ภาพเท่านั้น',
+ outOfSize: 'ไฟล์ใหญ่เกินกำหนด: ',
+ lowestPx: 'ไฟล์เล็กเกินไป. อย่างน้อยต้องมีขนาด: ',
+ },
+ },
+ mm: {
+ hint: 'ဖိုင်ကို ဤနေရာတွင် နှိပ်၍ (သို့) ဆွဲထည့်၍ တင်ပါ',
+ loading: 'တင်နေသည်…',
+ noSupported: 'ဤဘရောက်ဇာကို အထောက်အပံ့ မပေးပါ၊ ကျေးဇူးပြု၍ IE10+ သို့မဟုတ် အခြား ဘရောက်ဇာ ကို အသုံးပြုပါ',
+ success: 'ဖိုင်တင်နေမှု မပြီးမြောက်ပါ',
+ fail: 'ဖိုင်တင်နေမှု မအောင်မြင်ပါ',
+ preview: 'အစမ်းကြည့်',
+ btn: {
+ off: 'မလုပ်တော့ပါ',
+ close: 'ပိတ်မည်',
+ back: 'နောက်သို့',
+ save: 'သိမ်းမည်',
+ },
+ error: {
+ onlyImg: 'ဓာတ်ပုံ သီးသန့်သာ',
+ outOfSize: 'ဓာတ်ပုံဆိုဒ် ကြီးလွန်းသည် ။ အများဆုံး ဆိုဒ် : ',
+ lowestPx: 'ဓာတ်ပုံဆိုဒ် သေးလွန်းသည်။ အနည်းဆုံး ဆိုဒ် : ',
+ },
+ },
+ se: {
+ hint: 'Klicka eller dra en fil hit för att ladda upp den',
+ loading: 'Laddar upp…',
+ noSupported: 'Din webbläsare stöds inte, vänligen använd IE10+ eller andra webbläsare',
+ success: 'Uppladdning lyckades',
+ fail: 'Uppladdning misslyckades',
+ preview: 'Förhandsgranska',
+ btn: {
+ off: 'Avbryt',
+ close: 'Stäng',
+ back: 'Tillbaka',
+ save: 'Spara',
+ },
+ error: {
+ onlyImg: 'Endast bilder',
+ outOfSize: 'Bilden är större än max-gränsen: ',
+ lowestPx: 'Bilden är för liten. Minimum är: ',
+ },
+ },
+}
diff --git a/src/components/image-cropper/utils/mimes.js b/src/components/image-cropper/utils/mimes.js
new file mode 100644
index 0000000..c44770e
--- /dev/null
+++ b/src/components/image-cropper/utils/mimes.js
@@ -0,0 +1,7 @@
+export default {
+ jpg: 'image/jpeg',
+ png: 'image/png',
+ gif: 'image/gif',
+ svg: 'image/svg+xml',
+ psd: 'image/photoshop',
+}
diff --git a/src/components/index.ts b/src/components/index.ts
new file mode 100644
index 0000000..6a3da47
--- /dev/null
+++ b/src/components/index.ts
@@ -0,0 +1,12 @@
+import Empty from './empty/Empty.vue'
+import SvgIcon from './svg-icon/SvgIcon.vue'
+
+export const components: any = {
+ Empty,
+ SvgIcon
+}
+export default function registerComponent(app: any) {
+ Object.keys(components).forEach((key) => {
+ app.component(key, components[key])
+ })
+}
diff --git a/src/components/svg-icon/SvgIcon.vue b/src/components/svg-icon/SvgIcon.vue
new file mode 100644
index 0000000..a253df2
--- /dev/null
+++ b/src/components/svg-icon/SvgIcon.vue
@@ -0,0 +1,35 @@
+
+
+
+
+
+
+
+
diff --git a/src/components/svg-icon/index.ts b/src/components/svg-icon/index.ts
new file mode 100644
index 0000000..adbf9c1
--- /dev/null
+++ b/src/components/svg-icon/index.ts
@@ -0,0 +1,3 @@
+import SvgIcon from './SvgIcon.vue'
+
+export default SvgIcon
diff --git a/src/config.ts b/src/config.ts
new file mode 100644
index 0000000..d6aa3f9
--- /dev/null
+++ b/src/config.ts
@@ -0,0 +1,25 @@
+/**
+ * 启用缓存加载速度会变快，但是数据安全性和实时性降低
+ */
+// 是否启用权限本地缓存
+export const enablePermissionStorage = false
+// 本地缓存的菜单key值
+export const menuKey = 'cmcMenuData'
+// 是否启用用户本地缓存
+export const enableUserStorage = false
+// 本地缓存的用户key值
+export const userKey = 'cmcUserData'
+// 本地存储的cookie kye值
+export const tokenKey = 'CMC_TOKEN'
+// 最大缓存组件实例数
+export const cacheViewMax = 15
+export const formSetting = {
+ labelCol: {
+ xs: { span: 24 },
+ sm: { span: 6 }
+ },
+ wrapperCol: {
+ xs: { span: 24 },
+ sm: { span: 18 }
+ }
+}
diff --git a/src/core/actions.ts b/src/core/actions.ts
new file mode 100644
index 0000000..14d7d17
--- /dev/null
+++ b/src/core/actions.ts
@@ -0,0 +1,19 @@
+import { initGlobalState } from 'qiankun'
+import type { MicroAppStateActions } from 'qiankun'
+import store from '@/store'
+
+const initialState = {
+ name: 'main-web',
+ onmessage: (data: any) => console.log(data),
+ userData: null,
+ permissions: null
+}
+const actions: MicroAppStateActions = initGlobalState(initialState)
+
+actions.onGlobalStateChange((state, prev) => {
+ // state: 变更后的状态; prev 变更前的状态
+ // console.log('from:', state.name, 'current:', state, 'pre:', prev)
+ store.commit('SET_ONMESSAGE', state.onmessage)
+})
+
+export default actions
diff --git a/src/core/config.ts b/src/core/config.ts
new file mode 100644
index 0000000..4dffa71
--- /dev/null
+++ b/src/core/config.ts
@@ -0,0 +1,35 @@
+import mainRouter from '@/router/index'
+import axios from 'axios'
+
+export type IAppConfig = {
+ name: string
+ entry?: string
+ activeRule?: string | string[]
+}
+
+export async function getMicroApp() {
+ const { protocol, hostname } = location
+ const prefix = `${protocol}//${hostname}:60003/`
+ const {
+ data: { deployAddress = prefix, configs }
+ }: {
+ data: {
+ configs: IAppConfig[]
+ deployAddress: string
+ }
+ } = await axios.get('/config/app.json')
+ // 应用入口默认为60003端口加应用名称，匹配规则为数组时是根路径(cos)
+ return configs.map((item: IAppConfig) => {
+ const { name, activeRule = `/${name}`, entry = `${deployAddress}${Array.isArray(activeRule) ? '' : `${name}/`}` } = item
+ return {
+ name,
+ entry,
+ container: '#subapp-viewport',
+ activeRule,
+ props: {
+ appPath: entry,
+ mainRouter
+ }
+ }
+ })
+}
diff --git a/src/core/register.ts b/src/core/register.ts
new file mode 100644
index 0000000..eb9f915
--- /dev/null
+++ b/src/core/register.ts
@@ -0,0 +1,50 @@
+import { registerMicroApps, start, addGlobalUncaughtErrorHandler } from 'qiankun'
+import { message } from 'ant-design-vue'
+import NProgress from 'nprogress'
+import store from '@/store'
+import 'nprogress/nprogress.css'
+import './actions'
+import { getMicroApp } from './config'
+
+const startApp = async () => {
+ const apps = await getMicroApp()
+ registerMicroApps(apps, {
+ beforeLoad: [
+ () => {
+ NProgress.start()
+ store.commit('SET_APP_LOADING', true)
+ // console.log('[LifeCycle] before load %c%s', 'color: green;', app.name)
+ return Promise.resolve()
+ }
+ ],
+ afterMount: [
+ () => {
+ NProgress.done()
+ store.commit('SET_APP_LOADING', false)
+ // console.log('[LifeCycle] after mount %c%s', 'color: green;', app.name)
+ return Promise.resolve()
+ }
+ ],
+ afterUnmount: [
+ () => {
+ // console.log('[LifeCycle] after unmount %c%s', 'color: green;', app.name)
+ return Promise.resolve()
+ }
+ ]
+ })
+ start({
+ prefetch: 'all'
+ })
+}
+/**
+ * 添加全局的未捕获异常处理器
+ */
+addGlobalUncaughtErrorHandler((event: Event | string) => {
+ console.error(event)
+ const { message: msg } = event as any
+ // 加载失败时提示
+ if (msg && msg.includes('died in status LOADING_SOURCE_CODE')) {
+ message.error('微应用加载失败，请检查应用是否可运行')
+ }
+})
+export default startApp
diff --git a/src/css/animate.scss b/src/css/animate.scss
new file mode 100644
index 0000000..ab77336
--- /dev/null
+++ b/src/css/animate.scss
@@ -0,0 +1,22 @@
+@keyframes swing {
+ 20% {
+ transform: rotate3d(0, 0, 1, 15deg);
+ }
+ 40% {
+ transform: rotate3d(0, 0, 1, -10deg);
+ }
+ 60% {
+ transform: rotate3d(0, 0, 1, 5deg);
+ }
+ 80% {
+ transform: rotate3d(0, 0, 1, -5deg);
+ }
+ to {
+ transform: rotate3d(0, 0, 1, 0deg);
+ }
+}
+
+.animated {
+ animation-duration: 0.7s;
+ animation-fill-mode: both;
+}
\ No newline at end of file
diff --git a/src/css/antd.scss b/src/css/antd.scss
new file mode 100644
index 0000000..6cc5071
--- /dev/null
+++ b/src/css/antd.scss
@@ -0,0 +1,28 @@
+*,
+*::before,
+*::after {
+ box-sizing: content-box;
+}
+
+.ant-modal-header {
+ .ant-modal-title,
+ .ant-modal-close {
+ color: #010033;
+ font-size: 14px;
+ font-weight: bold;
+ }
+}
+
+.ant-notification-notice-message {
+ word-break: break-all;
+}
+
+// .ant-modal-close {
+// color: #fff;
+// &:hover {
+// color: #fff;
+// }
+// }
+// .ant-modal-footer {
+// background: #f0f3fa;
+// }
\ No newline at end of file
diff --git a/src/css/common-var.scss b/src/css/common-var.scss
new file mode 100644
index 0000000..39daa95
--- /dev/null
+++ b/src/css/common-var.scss
@@ -0,0 +1,4 @@
+/* Color
+-------------------------- */
+
+$--color-primary: #1E54D5;
\ No newline at end of file
diff --git a/src/css/common.scss b/src/css/common.scss
new file mode 100644
index 0000000..44db4c3
--- /dev/null
+++ b/src/css/common.scss
@@ -0,0 +1,509 @@
+html,
+body,
+.main-app,
+#master-container {
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ height: 100%;
+ font-size: 14px;
+ overflow-y: hidden !important;
+ font-family: Microsoft YaHei, Hiragino Sans GB;
+}
+
+a {
+ text-decoration: none;
+}
+
+.app-wrapper {
+ position: relative;
+ width: 100%;
+ height: 100%;
+}
+
+.iconfont {
+ font-size: 13px;
+}
+
+
+/*边距共有样式*/
+
+.text-center {
+ text-align: center;
+}
+
+.pull-right {
+ float: right;
+}
+
+.pull-left {
+ float: left;
+}
+
+.p-none {
+ padding: 0 !important;
+}
+
+.m-xxs {
+ margin: 2px 4px;
+}
+
+.m-xs {
+ margin: 5px;
+}
+
+.m-sm {
+ margin: 10px;
+}
+
+.m {
+ margin: 15px;
+}
+
+.m-md {
+ margin: 20px;
+}
+
+.m-lg {
+ margin: 30px;
+}
+
+.m-xl {
+ margin: 50px;
+}
+
+.m-n {
+ margin: 0 !important;
+}
+
+.m-l-none {
+ margin-left: 0 !important;
+}
+
+.m-l-xs {
+ margin-left: 5px;
+}
+
+.m-l-sm {
+ margin-left: 10px !important;
+}
+
+.m-l {
+ margin-left: 15px;
+}
+
+.m-l-md {
+ margin-left: 20px;
+}
+
+.m-l-lg {
+ margin-left: 30px;
+}
+
+.m-l-xl {
+ margin-left: 40px;
+}
+
+.m-l-xxl {
+ margin-left: 50px;
+}
+
+.m-l-n-xxs {
+ margin-left: -1px;
+}
+
+.m-l-n-xs {
+ margin-left: -5px;
+}
+
+.m-l-n-sm {
+ margin-left: -10px;
+}
+
+.m-l-n {
+ margin-left: -15px;
+}
+
+.m-l-n-md {
+ margin-left: -20px;
+}
+
+.m-l-n-lg {
+ margin-left: -30px;
+}
+
+.m-l-n-xl {
+ margin-left: -40px;
+}
+
+.m-l-n-xxl {
+ margin-left: -50px;
+}
+
+.m-t-none {
+ margin-top: 0 !important;
+}
+
+.m-t-xxs {
+ margin-top: 1px;
+}
+
+.m-t-xs {
+ margin-top: 5px !important;
+}
+
+.m-t-sm {
+ margin-top: 10px !important;
+}
+
+.m-t {
+ margin-top: 15px;
+}
+
+.m-t-md {
+ margin-top: 20px;
+}
+
+.m-t-lg {
+ margin-top: 30px;
+}
+
+.m-t-xl {
+ margin-top: 40px;
+}
+
+.m-t-xxl {
+ margin-top: 50px;
+}
+
+.m-t-n-xxs {
+ margin-top: -1px;
+}
+
+.m-t-n-xs {
+ margin-top: -5px;
+}
+
+.m-t-n-7 {
+ margin-top: -7px;
+}
+
+.m-t-n-sm {
+ margin-top: -10px;
+}
+
+.m-t-n {
+ margin-top: -15px;
+}
+
+.m-t-n-md {
+ margin-top: -20px;
+}
+
+.m-t-n-lg {
+ margin-top: -30px;
+}
+
+.m-t-n-xl {
+ margin-top: -40px;
+}
+
+.m-t-n-xxl {
+ margin-top: -50px;
+}
+
+.m-t-n-xxxl {
+ margin-top: -60px;
+}
+
+.m-r-none {
+ margin-right: 0 !important;
+}
+
+.m-r-xxs {
+ margin-right: 1px;
+}
+
+.m-r-xs {
+ margin-right: 5px;
+}
+
+.m-r-sm {
+ margin-right: 10px !important;
+}
+
+.m-r {
+ margin-right: 15px !important;
+}
+
+.m-r-md {
+ margin-right: 20px;
+}
+
+.m-r-lg {
+ margin-right: 30px;
+}
+
+.m-r-xl {
+ margin-right: 40px;
+}
+
+.m-r-xxl {
+ margin-right: 50px;
+}
+
+.m-r-n-xxs {
+ margin-right: -1px;
+}
+
+.m-r-n-xs {
+ margin-right: -5px;
+}
+
+.m-r-n-sm {
+ margin-right: -10px;
+}
+
+.m-r-n {
+ margin-right: -15px;
+}
+
+.m-r-n-md {
+ margin-right: -20px;
+}
+
+.m-r-n-lg {
+ margin-right: -30px;
+}
+
+.m-r-n-xl {
+ margin-right: -40px;
+}
+
+.m-r-n-xxl {
+ margin-right: -50px;
+}
+
+.m-b-none {
+ margin-bottom: 0 !important;
+}
+
+.m-b-xxs {
+ margin-bottom: 1px;
+}
+
+.m-b-xs {
+ margin-bottom: 5px;
+}
+
+.m-b-sm {
+ margin-bottom: 10px !important;
+}
+
+.m-b {
+ margin-bottom: 15px !important;
+}
+
+.m-b-md {
+ margin-bottom: 20px;
+}
+
+.m-b-lg {
+ margin-bottom: 30px;
+}
+
+.m-b-xl {
+ margin-bottom: 40px;
+}
+
+.m-b-xxl {
+ margin-bottom: 50px;
+}
+
+.m-b-n-xxs {
+ margin-bottom: -1px;
+}
+
+.m-b-n-xs {
+ margin-bottom: -5px;
+}
+
+.m-b-n-sm {
+ margin-bottom: -10px;
+}
+
+.m-b-n {
+ margin-bottom: -15px;
+}
+
+.m-b-n-md {
+ margin-bottom: -20px;
+}
+
+.m-b-n-lg {
+ margin-bottom: -30px;
+}
+
+.m-b-n-xl {
+ margin-bottom: -40px;
+}
+
+.m-b-n-xxl {
+ margin-bottom: -50px;
+}
+
+
+/*颜色共有样式*/
+
+.btn-info {
+ color: #ffffff !important;
+ background-color: #497edf;
+ border-color: #497edf;
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+ color: #ffffff !important;
+ background-color: #2059c1;
+ border-color: #2059c1;
+}
+
+.btn-success {
+ color: #ffffff !important;
+ background-color: #27c24c;
+ border-color: #27c24c;
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ color: #ffffff !important;
+ background-color: #23ad44;
+ border-color: #20a03f;
+}
+
+.btn-danger {
+ color: #ffffff !important;
+ background-color: #f05050;
+ border-color: #f05050;
+}
+
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+ color: #ffffff !important;
+ background-color: #ee3939;
+ border-color: #ed2a2a;
+}
+
+.text-info {
+ color: #00aeef !important;
+}
+
+.text-success {
+ color: #27c24c !important;
+}
+
+.text-warning {
+ color: #fad733 !important;
+}
+
+.text-danger {
+ color: #f05050;
+}
+
+.text-white {
+ color: #FFF !important;
+}
+
+.text-left {
+ text-align: left !important;
+}
+
+.text-center {
+ text-align: center !important;
+}
+
+.text-right {
+ text-align: right !important;
+}
+
+
+/*宽度样式*/
+
+.w-xxs {
+ width: 60px;
+}
+
+.w-xs {
+ width: 90px;
+}
+
+.w-110 {
+ width: 110px;
+}
+
+.w-ss {
+ width: 120px;
+}
+
+.w-sm {
+ width: 150px;
+}
+
+.w {
+ width: 200px;
+}
+
+.w-md {
+ width: 240px;
+}
+
+.w-lg {
+ width: 280px !important;
+}
+
+.w-xl {
+ width: 320px;
+}
+
+.w-xxl {
+ width: 360px;
+}
+
+.w-full {
+ width: 100% !important;
+}
+
+.w-auto {
+ width: auto;
+}
+
+.upload-file-btn {
+ position: relative;
+ cursor: pointer;
+}
+
+.upload-file-btn input[type=file] {
+ width: 100%;
+ height: 100%;
+ font-size: 300px;
+ opacity: 0;
+ filter: alpha(opacity=0);
+ cursor: pointer;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ position: absolute;
+ padding: 0px;
+ margin: 0px;
+ overflow: hidden;
+}
\ No newline at end of file
diff --git a/src/css/element-ui.scss b/src/css/element-ui.scss
new file mode 100644
index 0000000..60fc9b4
--- /dev/null
+++ b/src/css/element-ui.scss
@@ -0,0 +1,135 @@
+.el-select {
+ width: 100%;
+}
+
+.el-notification__content {
+ word-break: break-word;
+}
+
+.el-cascader {
+ width: 100%;
+}
+
+.el-form-item {
+ margin-bottom: 15px;
+}
+
+.el-button--mini,
+.el-button--mini.is-round {
+ padding: 4px 15px !important;
+}
+
+.el-form-item--mini.el-form-item,
+.el-form-item--small.el-form-item {
+ margin-bottom: 18px;
+}
+
+.el-table .cell {
+ white-space: nowrap;
+}
+
+.el-card {
+ box-shadow: none;
+ border-radius: 0 !important;
+}
+
+.el-tabs--border-card {
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+
+.el-card__header {
+ padding: 10px 20px !important;
+}
+
+.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+ background-color: rgb(236 245 255) !important;
+ color: rgb(64 158 255);
+}
+
+.el-dialog__headerbtn .el-dialog__close {
+ color: #fff !important;
+}
+
+.el-breadcrumb__inner,
+.el-breadcrumb__inner a {
+ -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
+ transition: color .2s cubic-bezier(.645, .045, .355, 1);
+ color: #666 !important;
+ font-weight: normal !important;
+}
+
+.el-progress-bar__inner {
+ max-width: 100%;
+}
+
+.el-progress__text {
+ font-size: 12px !important;
+}
+
+.el-dropdown-link {
+ cursor: pointer;
+ color: #409eff;
+ font-size: 12px;
+}
+
+.el-pagination button,
+.el-pagination span:not([class*=suffix]) {
+ font-size: 12px;
+}
+
+.el-pagination__sizes .el-input .el-input__inner {
+ font-size: 12px;
+}
+
+.el-pager li {
+ font-size: 12px;
+}
+
+.el-input--small {
+ font-size: 13px;
+}
+
+.el-tabs__content {
+ position: static !important;
+}
+
+//menu
+.el-submenu .el-menu-item {
+ height: 48px;
+ line-height: 48px;
+}
+
+.el-menu-item,
+.el-submenu__title {
+ height: 48px;
+ line-height: 48px;
+}
+
+.el-dialog {
+ .el-dialog--middle {
+ width: 60%;
+ }
+ .el-dialog__header {
+ padding: 15px;
+ color: #FFF;
+ background: #21242e;
+ border-bottom: 1px solid #e5e5e5;
+ }
+ .el-dialog__title {
+ color: #FFF !important;
+ }
+ .el-dialog__footer {
+ background: #F0F3FA;
+ padding: 10px;
+ text-align: right;
+ border-top: 1px solid #e5e5e5;
+ }
+ .el-dialog__headerbtn .el-dialog__close {
+ font-weight: bold;
+ color: rgb(235, 213, 221);
+ }
+ .el-dialog__headerbtn .el-dialog__close:hover {
+ color: #fff;
+ }
+}
\ No newline at end of file
diff --git a/src/css/font.scss b/src/css/font.scss
new file mode 100644
index 0000000..b1fc45c
--- /dev/null
+++ b/src/css/font.scss
@@ -0,0 +1,23 @@
+$font-size: 16px;
+$small-font-size: 14px;
+.font-big {
+ font-size: $font-size;
+ .el-menu-item,
+ .el-submenu__title,
+ ul.header-menu li,
+ .el-tabs__item {
+ font-size: $font-size;
+ .iconfont {
+ font-size: $font-size;
+ }
+ }
+ .el-table--mini,
+ .el-table--small,
+ .el-table__expand-icon,
+ .app-levelbar,
+ .el-button--small,
+ .el-dropdown-link,
+ .common-detail .detail-body .basic-info .attr {
+ font-size: $font-size;
+ }
+}
\ No newline at end of file
diff --git a/src/css/hack.scss b/src/css/hack.scss
new file mode 100644
index 0000000..0fb2df6
--- /dev/null
+++ b/src/css/hack.scss
@@ -0,0 +1,10 @@
+@media screen and(-ms-high-contrast:active),
+(-ms-high-contrast:none) {
+ .el-table__header,
+ .el-table__body {
+ width: 100% !important;
+ }
+ /* .basic-form-item{
+ height: 32.76px;
+ } */
+}
\ No newline at end of file
diff --git a/src/css/index.scss b/src/css/index.scss
new file mode 100644
index 0000000..5241dd8
--- /dev/null
+++ b/src/css/index.scss
@@ -0,0 +1,6 @@
+@import './common.scss';
+// @import './element-ui.scss';
+@import './antd.scss';
+@import './hack.scss';
+@import './font.scss';
+@import './animate.scss';
\ No newline at end of file
diff --git a/src/hooks/useSelection.js b/src/hooks/useSelection.js
new file mode 100644
index 0000000..2ba9a94
--- /dev/null
+++ b/src/hooks/useSelection.js
@@ -0,0 +1,11 @@
+import { ref } from '@vue/composition-api'
+export default function () {
+ const selectionIds = ref([])
+ function handleSelectionChange(selections) {
+ selectionIds.value = selections.map((item) => item.id)
+ }
+ return {
+ selectionIds,
+ handleSelectionChange,
+ }
+}
diff --git a/src/hooks/useTable.ts b/src/hooks/useTable.ts
new file mode 100644
index 0000000..656480e
--- /dev/null
+++ b/src/hooks/useTable.ts
@@ -0,0 +1,87 @@
+import { ref, toRefs, reactive } from 'vue'
+// import { MessageBox, Message } from 'element-'
+import { handleSearchParam } from 'cmp-element/utils'
+
+interface IRemoveService {
+ (id: number): Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ lang.hint }}
+ {{ lang.noSupported }}
+
+
+ {{ errorMsg }}
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+ ↻
+
+
+
+
+
+
+ ![]()
+ {{ lang.preview }}
+
+
+ ![]()
+ {{ lang.preview }}
+
+
+
+
+
+ {{ lang.loading }}
+
+
+
+
+
+ {{ errorMsg }}
+ {{ lang.success }}
+
+ ![]()
+
+
+
+ 新手指引
+ 当前还没有资源接入，可按照下方新手指引完成接入和系统配置，此页面关闭后可在新手指引中查找
+
+
+
+
+ 管理端
+
+
+
+
+
+
+
+ {{ key + 1 }}
+ {{ item }}
+
+
+
+
+
+ {{ 6 - key }}
+ {{ item }}
+
+
+
+
+
+ 控制台
+
+
+ 一站式申请资源
+
+ 7
+
+
+
+
+
+
+
+ {{ tipText }}，为了避免影响您的正常使用，请尽快激活
+
+
+
diff --git a/src/layouts/components/TagsView/ScrollPanel.vue b/src/layouts/components/TagsView/ScrollPanel.vue
new file mode 100644
index 0000000..34f3e22
--- /dev/null
+++ b/src/layouts/components/TagsView/ScrollPanel.vue
@@ -0,0 +1,139 @@
+
+
+
+
+
+
+
diff --git a/src/layouts/components/TagsView/SelectRound.vue b/src/layouts/components/TagsView/SelectRound.vue
new file mode 100644
index 0000000..85bf575
--- /dev/null
+++ b/src/layouts/components/TagsView/SelectRound.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
diff --git a/src/layouts/components/TagsView/index.vue b/src/layouts/components/TagsView/index.vue
new file mode 100644
index 0000000..76ccef3
--- /dev/null
+++ b/src/layouts/components/TagsView/index.vue
@@ -0,0 +1,289 @@
+
+
+
+
+
+
+
diff --git a/src/layouts/components/ThirdMenu.vue b/src/layouts/components/ThirdMenu.vue
new file mode 100644
index 0000000..80f1d80
--- /dev/null
+++ b/src/layouts/components/ThirdMenu.vue
@@ -0,0 +1,122 @@
+
+
+
+
+
+
+
diff --git a/src/layouts/components/personal/InfoDialog.vue b/src/layouts/components/personal/InfoDialog.vue
new file mode 100644
index 0000000..8f6f7d7
--- /dev/null
+++ b/src/layouts/components/personal/InfoDialog.vue
@@ -0,0 +1,161 @@
+
+ 基本信息
+ 联系信息
+
+ ![]()
+
+
+
+
+
+
+ ![]()
+ {{ userData.name }}
+
+
+
+
+
+
+
+
+
diff --git a/src/layouts/components/sidebar/BaseMenu.vue b/src/layouts/components/sidebar/BaseMenu.vue
new file mode 100644
index 0000000..0d158c7
--- /dev/null
+++ b/src/layouts/components/sidebar/BaseMenu.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
diff --git a/src/layouts/components/sidebar/Sidebar.vue b/src/layouts/components/sidebar/Sidebar.vue
new file mode 100644
index 0000000..a01843a
--- /dev/null
+++ b/src/layouts/components/sidebar/Sidebar.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+ 关于系统
++ 授权客户： + {{ certData.project }} +
++ 平台版本： + {{ certStatusFilter(certData.catalog) }} +
++ 节点数量： + {{ certData.node }} +
++ 到期时间： + {{ certData.expireDate }} +
+
+ 证书激活
+ 获取SID
+
+
+
+
+
+
+
+
diff --git a/src/views/login/login.vue b/src/views/login/login.vue
new file mode 100644
index 0000000..24d9d2e
--- /dev/null
+++ b/src/views/login/login.vue
@@ -0,0 +1,237 @@
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ userData.name }}
+
+
+ {{ currentTime.time }}
+ {{ currentTime.date }}
+
+
+
+
+
+
+
diff --git a/src/views/login/sso.vue b/src/views/login/sso.vue
new file mode 100644
index 0000000..c1d7617
--- /dev/null
+++ b/src/views/login/sso.vue
@@ -0,0 +1,15 @@
+
+
+
+
+
diff --git a/src/views/login/tools.ts b/src/views/login/tools.ts
new file mode 100644
index 0000000..558bb2c
--- /dev/null
+++ b/src/views/login/tools.ts
@@ -0,0 +1,15 @@
+import { setToken } from 'utils/auth'
+import { enablePermissionStorage, menuKey, enableUserStorage, userKey } from '@/config'
+
+export default function setLoginData(data: any) {
+ const { accountCategory, manager = {}, servicePermissions } = data
+ if (enableUserStorage) {
+ localStorage.setItem(userKey, JSON.stringify({ ...manager, accountCategory }))
+ }
+ if (enablePermissionStorage) {
+ localStorage.setItem(menuKey, JSON.stringify(servicePermissions || []))
+ }
+ localStorage.setItem('buttonData', JSON.stringify(data.buttons || []))
+ localStorage.removeItem('lockData')
+ setToken(data.token)
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..b1cdfdf
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,26 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.web.json",
+ "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+ "compilerOptions": {
+ "baseUrl": ".",
+ "allowJs": true,
+ "skipLibCheck": true,
+ "paths": {
+ "@/*": ["./src/*"],
+ "services/*": ["src/services/*"],
+ "utils/*": ["src/utils/*"],
+ "components/*": ["src/components/*"],
+ "hooks/*": ["src/hooks/*"],
+ "filters/*": ["src/filters/*"]
+ }
+ },
+
+ "references": [
+ {
+ "path": "./tsconfig.vite-config.json"
+ }
+ ],
+ "exclude": [
+ "node_modules"
+ ]
+}
diff --git a/tsconfig.vite-config.json b/tsconfig.vite-config.json
new file mode 100644
index 0000000..d20d872
--- /dev/null
+++ b/tsconfig.vite-config.json
@@ -0,0 +1,8 @@
+{
+ "extends": "@vue/tsconfig/tsconfig.node.json",
+ "include": ["vite.config.*"],
+ "compilerOptions": {
+ "composite": true,
+ "types": ["node", "vitest"]
+ }
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..5ec1a16
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,112 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+import path from 'path'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
+import Components from 'unplugin-vue-components/vite'
+import { AntDesignVueResolver, ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import styleImport from 'vite-plugin-style-import'
+
+function resolve(dir: string) {
+ return path.join(__dirname, dir)
+}
+
+const httpType = 'https://'
+const proxyUrl = 'develop.cmp56.com:60006/' // 代理地址设置
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [
+ vue(),
+ vueJsx(),
+ createSvgIconsPlugin({
+ // Specify the icon folder to be cached
+ iconDirs: [path.resolve(process.cwd(), './src/icons/svg')],
+ // Specify symbolId format
+ symbolId: 'icon-[dir]-[name]'
+ }),
+ Components({
+ resolvers: [AntDesignVueResolver(), ElementPlusResolver()]
+ }),
+ styleImport({
+ libs: [
+ {
+ libraryName: 'ant-design-vue',
+ esModule: true,
+ resolveStyle: (name: string) => {
+ return `ant-design-vue/es/${name}/style/index`
+ }
+ }
+ ]
+ })
+ ],
+ resolve: {
+ alias: {
+ '@': resolve('src'),
+ assets: resolve('src/assets'),
+ services: resolve('src/services'),
+ utils: resolve('src/utils'),
+ interface: resolve('src/interface'),
+ components: resolve('src/components'),
+ hooks: resolve('src/hooks'),
+ filters: resolve('src/filters'),
+ views: resolve('src/views')
+ }
+ },
+ server: {
+ port: 8080,
+ proxy: {
+ // '/api/sms/messageService': {
+ // target: `ws://${proxyUrl}`,
+ // changeOrigin: true,
+ // ws: true
+ // },
+ '/api': {
+ target: httpType + proxyUrl,
+ changeOrigin: true,
+ secure: false
+ },
+ '/config-files': {
+ target: httpType + proxyUrl,
+ secure: false
+ },
+ '/web-common-resource': {
+ target: httpType + proxyUrl,
+ secure: false
+ }
+ }
+ },
+ css: {
+ preprocessorOptions: {
+ scss: {
+ additionalData: '@import "@/css/common-var.scss";',
+ charset: false
+ },
+ less: {
+ javascriptEnabled: true,
+ modifyVars: {
+ 'primary-color': '#1E54D5'
+ },
+ charset: false
+ },
+ postcss: {
+ plugins: [
+ {
+ postcssPlugin: 'internal:charset-removal',
+ AtRule: {
+ charset: (atRule: any) => {
+ if (atRule.name === 'charset') {
+ atRule.remove()
+ }
+ }
+ }
+ }
+ ]
+ }
+ }
+ },
+ build: {
+ outDir: 'main-web',
+ assetsDir: 'static'
+ }
+})
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+ {{ configs.promotionalTitle }}
+ {{ configs.promotionalContent }}
+
+ 账号登录
+
+
+
+ {{ configs.copyrightInformation }}
+