gxwebsoft/mp-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

重新整理仓库

Browse Source
This commit is contained in:
赵忠林
2025-07-25 13:03:01 +08:00
commit 469af7f7f9
979 changed files with 171962 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

565
src/utils/common.ts Normal file
View File

@@ -0,0 +1,565 @@
import { message, SelectProps } from 'ant-design-vue';
import { isExternalLink, random, toDateString } from 'ele-admin-pro';
import router from '@/router';
import { listDictionaryData } from '@/api/system/dictionary-data';
import { ref, unref } from 'vue';
import { APP_SECRET, FILE_SERVER } from '@/config/setting';
import { useUserStore } from '@/store/modules/user';
import CryptoJS from 'crypto-js';
// import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';
import {getSiteDomain, getTenantId} from '@/utils/domain';
import { uuid } from 'ele-admin-pro';
import mitt from 'mitt';
import {ChatMessage} from "@/api/system/chat/model";
type Events = {
message: ChatMessage;
};
export const emitter = mitt<Events>();
/**
* 常用函数封装
*/
// 生成编号
export function createCode(): string {
const data = new Date();
const code = `${data.getFullYear()}${data.getMonth()}${data.getDate()}${data.getHours()}${data.getMilliseconds()}`;
return code.slice(0);
}
// 生成商户编号
export function createMerchantCode(): string {
const data = new Date();
const code = `${data.getFullYear()}${data.getMonth()}${data.getDate()}${data.getSeconds()}`;
return code.slice(3);
}
// 生成订单编号
export function createOrderNo(): string {
const data = new Date();
const code = `${data.getFullYear()}${data.getMonth()}${data.getDate()}${data.getHours()}${data.getMilliseconds()}${random(
8000,
12000
)}`;
return code.slice(0);
}
// 跳转页面函数
export function openUrl(url: string, params?: any): void {
const isExternal = isExternalLink(url);
if (isExternal) {
window.open(url);
} else {
if (params) {
router.push({ path: url, query: params });
} else {
router.push(url);
}
}
}
/**
* 跳转页面函数
* 携带用于统计用户行为的参数
* @param path /product/detail.html
* @param id 128
* @param d 项目数据
* 拼接规则： {域名}{path}?spm={模型}.{租户ID}.{商户ID}.{父栏目ID}.{栏目ID}.{详情页ID}.{用户ID}.{timestamp}&token={token}
* @return https:///websoft.top/product/detail/128.html?spm=c.5.3057.10005.undefined&token=DDkr1PpE9DouIVMjLEMt9733QsgG7oNV
*/
export function openSpmUrl(path?: string, d?: any, id = 0): void {
// const domain = getSiteDomain();
let domain = localStorage.getItem('Domain');
let spm = '';
let tid = d?.tenantId || 0;
let mid = localStorage.getItem('MerchantId') || 0;
let pid = d?.parentId || 0;
let cid = d?.categoryId || 0;
let uid = localStorage.getItem('UserId') || 0;
let timestamp = ref(Date.now() / 1000);
if(d?.navigationId > 0){
cid = d.navigationId;
}
if(d?.itemId > 0){
id = d.itemId;
}
// TODO 封装租户ID和店铺ID
spm = `?spm=${d?.model}.${tid}.${mid}.${pid}.${cid}.${id}.${uid}.${
timestamp.value
}&token=${uuid()}`;
// TODO 含http直接跳转
if (path?.startsWith('http')) {
window.open(`${path}`);
return;
}
// TODO 开发环境
if (import.meta.env.DEV) {
console.log('开发环境',getTenantId());
window.open(`http://localhost:${getTenantId()}${path}${spm}`);
return;
}
// TODO 跳转网站预览地址
if (domain && domain.length > 0) {
window.open(`https://${domain}${path}${spm}`);
return;
}
}
/**
* 获取SpmUrl
* 拼接规则： {域名}{path}?spm={模型}.{租户ID}.{商户ID}.{父栏目ID}.{栏目ID}.{详情页ID}.{用户ID}.{timestamp}&token={token}
* @param d
*/
export function getSpmUrl(d?: any): string {
let domain = localStorage.getItem('Domain');
let path = d?.model;
let tid = d?.tenantId || 0;
let mid = d?.merchantId || 0;
let pid = d?.parentId || 0;
let cid = d?.navigationId;
let id = d?.itemId;
let uid = localStorage.getItem('UserId') || 0;
let timestamp = ref(Date.now() / 1000);
// TODO 配置cid
if(!cid){
cid = d?.categoryId;
}
if(!id){
id = d?.articleId || 0;
}
path = d?.model + '/' + d?.navigationId;
// TODO 首页
if(d?.model == 'index'){
path = '';
}
if(!domain?.startsWith('https:')){
domain = `https://${domain}`
}
// 开发环境
if (import.meta.env.DEV) {
domain = `http://localhost:${getTenantId()}`
}
// TODO 顶级栏目则默认跳转到第一个子栏目
if(d?.parentId == 0 && d?.children && d?.children.length > 0){
cid = d?.children?.[0]?.navigationId;
}
// 文章后缀
if(d?.suffix){
path = path + d?.suffix;
}
// TODO 封装spm
return `${domain}/${path}?spm=${d?.model}.${tid}.${mid}.${pid}.${cid}.${id}.${uid}.${timestamp.value}`;
}
// export function getSpmUrl(path: string, d?: any, id = 0): string {
// let domain = localStorage.getItem('Domain');
// let spm = '';
// let tid = localStorage.getItem('TenantId') || 0;
// let mid = localStorage.getItem('MerchantId') || 0;
// let pid = d?.parentId || 0;
// let cid = d?.navigationId || d?.categoryId;
// let uid = localStorage.getItem('UserId') || 0;
// let timestamp = ref(Date.now() / 1000);
//
// // 跳转网站预览地址
// if(d?.model == 'links'){
// return d?.path;
// }
// // 详情ID
// if(d?.itemId > 0){
// id = d?.itemId;
// }
// // 顶级栏目则默认跳转到第一个子栏目
// if(d?.children && d?.children.length > 0){
// id = d?.children[0]?.navigationId;
// }
// // TODO 封装spm
// spm = `?spm=${d?.model}.${tid}.${mid}.${pid}.${cid}.${id}.${uid}.${timestamp.value}`;
//
// // 开发环境
// if (import.meta.env.DEV) {
// return `http://localhost:10317${path}${spm}`;
// }
// return `https://${domain}${path}${spm}`
// }
/**
* 弹出新窗口
* @param url
* @constructor
*/
export function openNew(url: string) {
if (url.slice(0, 4) == 'http') {
return window.open(url);
}
window.open(`http://${url}`);
}
/**
* 预览地址
* @param url
* @constructor
*/
export function openPreview(url: string) {
if (url.slice(0, 4) == 'http') {
return window.open(url);
}
return window.open(`${getSiteDomain()}${url}`);
}
/**
* 获取网站域名
* @param path
*/
export const getDomainPath = (path: string) => {
const domain = localStorage.getItem('Domain');
return domain + path;
};
export const getLang = () => {
if(localStorage.getItem('i18n-lang')){
return `${localStorage.getItem('i18n-lang')}`
}
// const { locale } = useI18n();
// return `${locale.value}`;
}
// 预览云存储文件
export function getUrl(url: string) {
const isExternal = isExternalLink(url);
// const uploadMethod = localStorage.getItem('UploadMethod');
// const bucketDomain = localStorage.getItem('BucketDomain');
// if (uploadMethod == 'oss') {
// return bucketDomain + url;
// }
if (!isExternal) {
return FILE_SERVER + url;
}
return url;
}
// 跳转页面(不弹窗)
export function navTo(d?: any, path?: string, spm?: boolean): string {
let domain = localStorage.getItem('Domain');
if(!domain?.startsWith('https:')){
domain = `https://${domain}`
}
// 开发环境
if (import.meta.env.DEV) {
domain = `http://localhost:${getTenantId()}`
}
if(d?.model == 'index'){
return domain + '/';
}
if(!path){
path = d?.path;
}
// 国际化配置
if(getLang()){
if(getLang() == 'en'){
path = '/en' + path;
}
}
// 是否移动端
if(d?.isMobile){
path = '/m' + path;
}
path = domain + path;
// 是否附加spm参数
if(spm){
let uid = localStorage.getItem('UserId') || 0;
let timestamp = ref(Date.now() / 1000);
return `${path}?spm=${d?.tenantId||0}.${d?.merchantId||0}.${d?.parentId||0}.${d?.navigationId||d?.categoryId}.${uid}.${timestamp.value}`
}
return `${path}`;
}
export function detail(d: any){
return navTo(d,`/${d.detail}/${d.articleId}.html`);
}
export function push(path: string) {
router.push(path);
}
// 手机号脱敏
export function getMobile(tel: string) {
const reg = /^(\d{3})\d{4}(\d{4})$/;
return tel.replace(reg, '$1****$2');
}
// 复制文本
export const copyText = (text) => {
// 模拟 输入框
const cInput = document.createElement('input');
cInput.value = text;
document.body.appendChild(cInput);
cInput.select(); // 选取文本框内容
// 执行浏览器复制命令
// 复制命令会将当前选中的内容复制到剪切板中（这里就是创建的input标签）
// Input要在正常的编辑状态下原生复制方法才会生效
message.success(`复制成功`);
document.execCommand('copy');
// 复制成功后再将构造的标签 移除
document.body.removeChild(cInput);
};
/**
* 计算剩余时间
* @param endTime
*/
export const getEndTime = (endTime) => {
const setTime = new Date(endTime);
const nowTime = new Date();
const restSec = setTime.getTime() - nowTime.getTime();
// 剩余天数
const lastDay = parseInt(String(restSec / (60 * 60 * 24 * 1000) + 1));
// let lastHour = parseInt(String((restSec / (60 * 60 * 1000)) % 24));
// let lastMinu = parseInt(String((restSec / (60 * 1000)) % 60));
// let lastSec = parseInt(String((restSec / 1000) % 60));
// 过期状态
if (lastDay < 30 && lastDay > 0) {
return `<div class="ele-text-warning">${toDateString(
endTime,
'yyyy-MM-dd'
)}(${lastDay}天后过期)</div>`;
}
if (lastDay < 0) {
return `<div class="ele-text-danger">${toDateString(
endTime,
'yyyy-MM-dd'
)}(已过期)</div>`;
}
return `<div class="ele-text-info">${toDateString(
endTime,
'yyyy-MM-dd'
)}</div>`;
};
/**
* 判断是否是移动设备
*/
export function isMobileDevice(): boolean {
return (typeof window.orientation !== "undefined") || /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
/**
* 获取字典数据作为下拉选项数据
* @param dictCode
*/
export const getDictionaryOptions = (dictCode) => {
const dictOptions = ref<SelectProps['options']>([]);
// const key = dictCode + ':' + localStorage.getItem('TenantId');
// const storageData = localStorage.getItem(key);
listDictionaryData({
dictCode
})
.then((list) => {
// 获取远程字典数据
if (list.length > 0) {
dictOptions.value = list.map((d) => {
return {
key: d.dictDataCode,
value: d.dictDataName,
label: d.dictDataName,
comments: d.comments
};
});
} else {
// 未定义则取默认的json数据
// dictOptions.value = getJson(dictCode);
}
})
.catch((e) => {
message.error(e.message);
});
// if (!storageData) {
// listDictionaryData({
// dictCode
// })
// .then((list) => {
// // 获取远程字典数据
// if (list.length > 0) {
// dictOptions.value = list.map((d) => {
// return {
// value: d.dictDataCode,
// label: d.dictDataName,
// text: d.dictDataName,
// comments: d.comments
// };
// });
// // 写入缓存
// localStorage.setItem(key, JSON.stringify(dictOptions.value));
// } else {
// // 未定义则取默认的json数据
// dictOptions.value = getJson(dictCode);
// }
// })
// .catch((e) => {
// message.error(e.message);
// });
// } else {
// dictOptions.value = JSON.parse(storageData);
// }
return <any>dictOptions;
};
// 判断是否为图片
/*
* @param: fileName - 文件名称
*/
export const isImage = (fileName) => {
const split = fileName.split('?');
// 后缀获取
let suffix = '';
try {
const flieArr = split[0].split('.');
suffix = flieArr[flieArr.length - 1];
} catch (err) {
suffix = '';
}
const imgList = ['png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp'];
return imgList.some((item) => {
return item == suffix;
});
};
export const getWeek = (text) => {
const week = [
'星期日',
'星期一',
'星期二',
'星期三',
'星期四',
'星期五',
'星期六'
];
return week[text];
};
/**
* 文件大小转换
* @param text
*/
export const getFileSize = (text) => {
if (text < 1024) {
return text + 'B';
} else if (text < 1024 * 1024) {
return (text / 1024).toFixed(1) + 'KB';
} else if (text < 1024 * 1024 * 1024) {
return (text / 1024 / 1024).toFixed(1) + 'M';
} else {
return (text / 1024 / 1024 / 1024).toFixed(1) + 'G';
}
};
/* 原图转缩列图 */
export const thumbnail = (url) => {
if (url.indexOf('/thumbnail') < 0) {
return url.replace(FILE_SERVER, FILE_SERVER + '/thumbnail');
}
return url;
};
/* 缩列转图原图 */
export const original = (url) => {
if (url.indexOf('/thumbnail') == 0) {
return url.replace('/thumbnail', '');
}
return url;
};
export const getCompanyInfo = () => {
const user = useUserStore();
if (user.info?.companyInfo) {
return user.info?.companyInfo;
}
return null;
};
export const getVersion = () => {
const companyInfo = getCompanyInfo();
if (companyInfo?.version) {
return companyInfo?.version;
}
return null;
};
// AES加密
export const encrypt = (text) => {
return CryptoJS.AES.encrypt(text, APP_SECRET).toString();
};
// AES解密
export const decrypt = (encrypt) => {
CryptoJS.AES.decrypt(encrypt, APP_SECRET);
const bytes = CryptoJS.AES.decrypt(encrypt, APP_SECRET);
return bytes.toString(CryptoJS.enc.Utf8);
};
// 获取商户ID
export const getMerchantId = () => {
const merchantId = localStorage.getItem('MerchantId');
if (merchantId) {
return Number(merchantId);
}
return undefined;
};
// 获取当前登录用户ID
export const getUserId = () => {
let userId = 0;
const uid = Number(localStorage.getItem('UserId'));
if (uid) {
userId = uid;
return userId;
}
return userId;
};
// 获取页签数据
export const getPageTitle = () => {
const { currentRoute } = useRouter();
const { meta } = unref(currentRoute);
const { title } = meta;
return title;
};
/**
* 提取传参中的ID
* param 12334.html
* return 1234
* @param index
*/
export const getIdBySpm = (index: number) => {
console.log('split', router.currentRoute.value.query.spm);
const split = String(router.currentRoute.value.query.spm).split('.');
console.log(split);
return split[index];
};
/**
* 提取传参中的token
*/
export const getTokenBySpm = () => {
const token = router.currentRoute.value.query.token;
if (token) {
return `${token}`;
}
};

71
src/utils/document-title-util.ts Normal file
View File

@@ -0,0 +1,71 @@
import { watch } from 'vue';
import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
import type { RouteLocationNormalizedLoaded } from 'vue-router';
import {
routeI18nKey,
findTabByPath
} from 'ele-admin-pro/es/ele-pro-layout/util';
import { storeToRefs } from 'pinia';
import { useThemeStore } from '@/store/modules/theme';
import { PROJECT_NAME, REDIRECT_PATH, I18N_ENABLE } from '@/config/setting';
/**
* 修改浏览器标题
* @param title 标题
*/
export function setDocumentTitle(title: string) {
const names: string[] = [];
const tenantName = localStorage.getItem('TenantName');
if (title) {
names.push(title);
}
if (tenantName) {
names.push(tenantName);
} else {
names.push(PROJECT_NAME);
}
document.title = names.join(' - ');
}
/**
* 路由切换更新浏览器标题
*/
export function useSetDocumentTitle() {
const { currentRoute } = useRouter();
const { t, locale } = useI18n();
const themeStore = useThemeStore();
const { tabs } = storeToRefs(themeStore);
const updateTitle = (route: RouteLocationNormalizedLoaded) => {
const { path, meta, fullPath } = route;
if (path.includes(REDIRECT_PATH)) {
return;
}
const pathKey = routeI18nKey(path);
if (!pathKey) {
return;
}
const tab = findTabByPath(fullPath, tabs.value);
const title = tab?.title || (meta?.title as string);
if (!I18N_ENABLE) {
setDocumentTitle(title);
return;
}
const k = `route.${pathKey}._name`;
const v = t(k);
setDocumentTitle(v === k || !v ? title : v);
};
watch(
currentRoute,
(route) => {
updateTitle(route);
},
{ immediate: true }
);
watch(locale, () => {
updateTitle(currentRoute.value);
});
}

144
src/utils/domain.ts Normal file
View File

@@ -0,0 +1,144 @@
import { isNumber } from 'ele-admin-pro';
import {listCmsWebsite} from "@/api/cms/cmsWebsite";
// 解析域名结构
export function getHost(): any {
const host = window.location.host;
return host.split('.');
}
// 是否https
export function isHttps() {
const protocol = window.location.protocol;
if (protocol == 'https:') {
return true;
}
return false;
}
/**
* 获取原始域名
* @return http://www.domain.com
*/
export function getOriginDomain(): string {
return window.origin;
}
/**
* 域名的第一部分
* 获取tenantId
* @return 10140
*/
export function getDomainPart1(): any {
const split = getHost();
if (split[0] == '127') {
return undefined;
}
const ip = Number(split[0]);
if(ip < 1000){
return undefined;
}
if (isNumber(split[0])) {
return split[0];
}
const tenantId = localStorage.getItem('TenantId');
if(tenantId){
return Number(tenantId);
}
return undefined;
}
/**
* 通过解析泛域名获取租户ID
* https://10140.wsdns.cn
* @return 10140
*/
export function getTenantId() {
return getDomainPart1();
}
/**
* 获取根域名
* hostname
*/
export function getHostname(): string {
return window.location.hostname;
}
/**
* 获取域名
* @return https://www.domain.com
*/
export function getDomain(): string {
return window.location.protocol + '//www.' + getRootDomain();
}
/**
* 获取根域名
* abc.com
*/
export function getRootDomain(): string {
const split = getHost();
return split[split.length - 2] + '.' + split[split.length - 1];
}
/**
* 获取二级域名
* @return abc.com
*/
export function getSubDomainPath(): string {
const split = getHost();
if (split.length == 2) {
return '';
}
return split[split.length - 3];
}
/**
* 获取产品标识
* @return 10048
*/
export function getProductCode(): string | null {
const subDomain = getSubDomainPath();
if (subDomain == undefined) {
return null;
}
const split = subDomain.split('-');
return split[0];
}
/**
* 控制台域名
*/
export function navSubDomain(path): string {
return `${window.location.protocol}//${path}.${getRootDomain()}`;
}
// 获取网站域名(推荐使用)
export function getSiteDomain(): string {
const siteDomain = localStorage.getItem('Domain');
if (!siteDomain) {
listCmsWebsite({ limit: 1 }).then((list) => {
if (list.length > 0) {
const d = list[0];
if (d.domain) {
localStorage.setItem('Domain', `https://${d.domain}`);
} else {
localStorage.setItem('Domain', `https://${d.websiteCode}.wsdns.cn`);
}
return localStorage.getItem('Domain');
}
});
}
// 开发环境调试域名
if (localStorage.getItem('DevDomain')) {
return `${localStorage.getItem('DevDomain')}`;
}
return `${localStorage.getItem('Domain')}`;
}
// 检查 URL 是否为 HTTPS
export const checkIfHttps = (text: string) => {
const url = new URL(text);
return url.protocol === 'https:';
};

47
src/utils/editor.ts Normal file
View File

@@ -0,0 +1,47 @@
import { ref } from 'vue';
import TinymceEditor from '@/components/TinymceEditor/index.vue';
const editorRef = ref<InstanceType<typeof TinymceEditor> | null>(null);
// 编辑器配置信息
export function editorConfig(height?: 500): void {
const resultData = ref<any>({
height: height,
// 自定义文件上传(这里使用把选择的文件转成 blob 演示)
file_picker_callback: (callback: any, _value: any, meta: any) => {
const input = document.createElement('input');
input.setAttribute('type', 'file');
// 设定文件可选类型
if (meta.filetype === 'image') {
input.setAttribute('accept', 'image/*');
} else if (meta.filetype === 'media') {
input.setAttribute('accept', 'video/*');
}
input.onchange = () => {
const file = input.files?.[0];
if (!file) {
return;
}
if (meta.filetype === 'media') {
if (!file.type.startsWith('video/')) {
editorRef.value?.alert({ content: '只能选择视频文件' });
return;
}
}
if (file.size / 1024 / 1024 > 20) {
editorRef.value?.alert({ content: '大小不能超过 20MB' });
return;
}
const reader = new FileReader();
reader.onload = (e) => {
if (e.target?.result != null) {
const blob = new Blob([e.target.result], { type: file.type });
callback(URL.createObjectURL(blob));
}
};
reader.readAsArrayBuffer(file);
};
input.click();
}
});
return resultData;
}

42
src/utils/merchant.ts Normal file
View File

@@ -0,0 +1,42 @@
// 获取商户ID
export const getMerchantId = () => {
const merchantId = localStorage.getItem('MerchantId');
if (merchantId) {
return Number(merchantId);
}
return undefined;
};
// 获取商户名称
export const getMerchantName = () => {
const MerchantName = localStorage.getItem('MerchantName');
if (MerchantName) {
return MerchantName;
}
return undefined;
};
// 获取商户Logo
export const getMerchantAvatar = () => {
const MerchantLogo = localStorage.getItem('MerchantLogo');
if (MerchantLogo) {
return MerchantLogo;
}
return undefined;
};
export const getRoleIdByMerchant = () => {
const id = localStorage.getItem('RoleIdByMerchant');
if (id) {
return Number(id);
}
return undefined;
};
export const getRoleNameByMerchant = () => {
const name = localStorage.getItem('RoleNameByMerchant');
if (name) {
return name;
}
return undefined;
};

18
src/utils/on-size-change.ts Normal file
View File

@@ -0,0 +1,18 @@
/**
* 监听屏幕尺寸改变封装
*/
import { watch } from 'vue';
import { storeToRefs } from 'pinia';
import { useThemeStore } from '@/store/modules/theme';
export function onSizeChange(hook: Function) {
if (!hook) {
return;
}
const themeStore = useThemeStore();
const { contentWidth } = storeToRefs(themeStore);
watch(contentWidth, () => {
hook();
});
}

43
src/utils/oss.js Normal file
View File

@@ -0,0 +1,43 @@
import OSS from 'ali-oss';
const baseUrl = 'http://oss-aishangjia.oss-cn-shenzhen.aliyuncs.com';
export const uploadAliOss = async (file, options) => {
// 构建上传文件参数
// 获取上传文件所需要的STS Token
// 直接通过node.js上传
// console.log(token)
const client = new OSS({
region: 'oss-cn-shenzhen',
accessKeyId: 'LTAI4GKGZ9Z2Z8JZ77c3GNZP',
accessKeySecret: 'BiDkpS7UXj72HWwDWaFZxiXjNFBNCM',
bucket: 'oss-aishangjia',
secure: true
});
const headers = {
// 指定该Object被下载时的网页缓存行为。
'Cache-Control': 'no-cache',
// 指定该Object被下载时的名称。
// 指定该Object被下载时的内容编码格式。
'Content-Encoding': 'utf-8',
// 指定过期时间，单位为毫秒。
Expires: '1000',
// 指定Object的存储类型。
'x-oss-storage-class': 'Standard',
// 指定初始化分片上传时是否覆盖同名Object。此处设置为true，表示禁止覆盖同名Object。
'x-oss-forbid-overwrite': 'true'
};
const suffix = file.name.substring(file.name.lastIndexOf('.')); // .txt
const objectName = Date.now() + suffix;
// object-name可以自定义为文件名（例如file.txt）或目录（例如abc/test/file.txt）的形式，实现将文件上传至当前Bucket或Bucket下的指定目录。
const result = await client.multipartUpload(objectName, file, {
...options,
parallel: 4,
partSize: 1024 * 1024 * 5
});
result.url = `${baseUrl}/${result.name}`;
return Promise.resolve(result);
};

254
src/utils/page-tab-util.ts Normal file
View File

@@ -0,0 +1,254 @@
/**
* 页签操作封装
*/
import { unref } from 'vue';
import type { RouteLocationNormalizedLoaded } from 'vue-router';
import type { TabItem, TabRemoveOption } from 'ele-admin-pro/es';
import { message } from 'ant-design-vue/es';
import router from '@/router';
import { useThemeStore } from '@/store/modules/theme';
import type { RouteReloadOption } from '@/store/modules/theme';
import { removeToken } from '@/utils/token-util';
import { setDocumentTitle } from '@/utils/document-title-util';
import {
HOME_PATH,
LAYOUT_PATH,
REDIRECT_PATH,
REPEATABLE_TABS
} from '@/config/setting';
const HOME_ROUTE = HOME_PATH || LAYOUT_PATH;
const BASE_URL = import.meta.env.BASE_URL;
/**
* 刷新页签参数类型
*/
export interface TabReloadOptions {
// 是否是主页
isHome?: boolean;
// 路由地址
fullPath?: string;
}
/**
* 刷新当前路由
*/
export function reloadPageTab(option?: TabReloadOptions) {
if (!option) {
// 刷新当前路由
const { path, fullPath, query } = unref(router.currentRoute);
if (path.includes(REDIRECT_PATH)) {
return;
}
const isHome = isHomeRoute(unref(router.currentRoute));
setRouteReload({
reloadHome: isHome,
reloadPath: isHome ? void 0 : fullPath
});
router.replace({
path: REDIRECT_PATH + path,
query
});
} else {
// 刷新指定页签
const { fullPath, isHome } = option;
setRouteReload({
reloadHome: isHome,
reloadPath: isHome ? void 0 : fullPath
});
router.replace(REDIRECT_PATH + fullPath);
}
}
/**
* 关闭当前页签
*/
export function finishPageTab() {
const key = getRouteTabKey();
removePageTab({ key, active: key });
}
/**
* 关闭页签
*/
export function removePageTab(option: TabRemoveOption) {
useThemeStore()
.tabRemove(option)
.then(({ path, home }) => {
if (path) {
router.push(path);
} else if (home) {
router.push(HOME_ROUTE);
}
})
.catch(() => {
message.error('当前页签不可关闭');
});
}
/**
* 关闭左侧页签
*/
export function removeLeftPageTab(option: TabRemoveOption) {
useThemeStore()
.tabRemoveLeft(option)
.then(({ path }) => {
if (path) {
router.push(path);
}
})
.catch(() => {
message.error('左侧没有可关闭的页签');
});
}
/**
* 关闭右侧页签
*/
export function removeRightPageTab(option: TabRemoveOption) {
useThemeStore()
.tabRemoveRight(option)
.then(({ path, home }) => {
if (path) {
router.push(path);
} else if (home) {
router.push(HOME_ROUTE);
}
})
.catch(() => {
message.error('右侧没有可关闭的页签');
});
}
/**
* 关闭其它页签
*/
export function removeOtherPageTab(option: TabRemoveOption) {
useThemeStore()
.tabRemoveOther(option)
.then(({ path, home }) => {
if (path) {
router.push(path);
} else if (home) {
router.push(HOME_ROUTE);
}
})
.catch(() => {
message.error('没有可关闭的页签');
});
}
/**
* 关闭全部页签
* @param active 当前选中页签
*/
export function removeAllPageTab(active: string) {
useThemeStore()
.tabRemoveAll(active)
.then(({ home }) => {
if (home) {
router.push(HOME_ROUTE);
}
})
.catch(() => {
message.error('没有可关闭的页签');
});
}
/**
* 登录成功后清空页签
*/
export function cleanPageTabs() {
useThemeStore().setTabs([]);
}
/**
* 添加页签
* @param data 页签数据
*/
export function addPageTab(data: TabItem | TabItem[]) {
useThemeStore().tabAdd(data);
}
/**
* 修改页签
* @param data 页签数据
*/
export function setPageTab(data: TabItem) {
useThemeStore().tabSetItem(data);
}
/**
* 修改页签标题
* @param title 标题
*/
export function setPageTabTitle(title: string) {
setPageTab({ key: getRouteTabKey(), title });
setDocumentTitle(title);
}
/**
* 获取当前路由对应的页签 key
*/
export function getRouteTabKey() {
const { path, fullPath, meta } = unref(router.currentRoute);
const isUnique = meta.tabUnique === false || REPEATABLE_TABS.includes(path);
return isUnique ? fullPath : path;
}
/**
* 设置主页的组件名称
* @param components 组件名称
*/
export function setHomeComponents(components: string[]) {
useThemeStore().setHomeComponents(components);
}
/**
* 设置路由刷新信息
* @param option 路由刷新参数
*/
export function setRouteReload(option: RouteReloadOption | null) {
return useThemeStore().setRouteReload(option);
}
/**
* 判断路由是否是主页
* @param route 路由信息
*/
export function isHomeRoute(route: RouteLocationNormalizedLoaded) {
const { path, matched } = route;
if (HOME_ROUTE === path) {
return true;
}
return (
matched[0] &&
matched[0].path === LAYOUT_PATH &&
matched[0].redirect === path
);
}
/**
* 登录成功后跳转首页
* @param from 登录前的地址
*/
export function goHomeRoute(from?: string) {
router.replace(from || HOME_ROUTE);
}
/**
* 退出登录
* @param route 是否使用路由跳转
* @param from 登录后跳转的地址
*/
export function logout(route?: boolean, from?: string) {
removeToken();
if (route) {
router.push({
path: '/login',
query: from ? { from } : void 0
});
} else {
// 这样跳转避免再次登录重复注册动态路由
location.replace(BASE_URL + 'login' + (from ? '?from=' + from : ''));
}
}

119
src/utils/permission.ts Normal file
View File

@@ -0,0 +1,119 @@
/**
* 按钮级权限控制
*/
import type { App } from 'vue';
import { useUserStore } from '@/store/modules/user';
/* 判断数组是否有某些值 */
function arrayHas(
array: (string | undefined)[],
value: string | string[]
): boolean {
if (!value) {
return true;
}
if (!array) {
return false;
}
if (Array.isArray(value)) {
for (let i = 0; i < value.length; i++) {
if (array.indexOf(value[i]) === -1) {
return false;
}
}
return true;
}
return array.indexOf(value) !== -1;
}
/* 判断数组是否有任意值 */
function arrayHasAny(
array: (string | undefined)[],
value: string | string[]
): boolean {
if (!value) {
return true;
}
if (!array) {
return false;
}
if (Array.isArray(value)) {
for (let i = 0; i < value.length; i++) {
if (array.indexOf(value[i]) !== -1) {
return true;
}
}
return false;
}
return array.indexOf(value) !== -1;
}
/**
* 是否有某些角色
* @param value 角色字符或字符数组
*/
export function hasRole(value: string | string[]): boolean {
const userStore = useUserStore();
return arrayHas(userStore?.roles, value);
}
/**
* 是否有任意角色
* @param value 角色字符或字符数组
*/
export function hasAnyRole(value: string | string[]): boolean {
const userStore = useUserStore();
return arrayHasAny(userStore?.roles, value);
}
/**
* 是否有某些权限
* @param value 权限字符或字符数组
*/
export function hasPermission(value: string | string[]): boolean {
const userStore = useUserStore();
return arrayHas(userStore?.authorities, value);
}
/**
* 是否有任意权限
* @param value 权限字符或字符数组
*/
export function hasAnyPermission(value: string | string[]): boolean {
const userStore = useUserStore();
return arrayHasAny(userStore?.authorities, value);
}
export default {
install(app: App) {
// 添加自定义指令
app.directive('role', {
mounted: (el, binding) => {
if (!hasRole(binding.value)) {
el.parentNode?.removeChild(el);
}
}
});
app.directive('any-role', {
mounted: (el, binding) => {
if (!hasAnyRole(binding.value)) {
el.parentNode?.removeChild(el);
}
}
});
app.directive('permission', {
mounted: (el, binding) => {
if (!hasPermission(binding.value)) {
el.parentNode?.removeChild(el);
}
}
});
app.directive('any-permission', {
mounted: (el, binding) => {
if (!hasAnyPermission(binding.value)) {
el.parentNode?.removeChild(el);
}
}
});
}
};

53
src/utils/plug-uitl.ts Normal file
View File

@@ -0,0 +1,53 @@
import { createVNode } from 'vue';
import { Company } from '@/api/system/company/model';
import { message, Modal } from 'ant-design-vue';
import { ExclamationCircleOutlined } from '@ant-design/icons-vue';
import { messageLoading } from 'ele-admin-pro';
import { clone } from '@/api/system/menu';
import useFormData from '@/utils/use-form-data';
import { Menu } from '@/api/system/menu/model';
// 表单数据
const { form } = useFormData<Menu>({
title: '',
icon: '',
path: '',
component: '',
tenantId: undefined,
tenantName: ''
});
/**
* 一键克隆
* @param item
*/
export const onClone = (item: Company) => {
const tenantId = Number(localStorage.getItem('TenantId'));
if (tenantId == item.tenantId) {
message.error('不能克隆自己');
return false;
}
// 提交状态
Modal.confirm({
title: '确认操作吗?',
content: `将复制【${item.tenantName}】的所有菜单和权限(不含数据)，原有企业数据不会删除。`,
icon: createVNode(ExclamationCircleOutlined),
maskClosable: true,
onOk: () => {
const hide = messageLoading('模块安装中请稍等...', 0);
form.tenantId = item.tenantId;
clone(form)
.then((msg) => {
hide();
message.success(msg);
setTimeout(() => {
window.open('/', '_self');
}, 1000);
})
.catch((e) => {
hide();
message.error(e.message);
});
}
});
};

98
src/utils/request.ts Normal file
View File

@@ -0,0 +1,98 @@
/**
* axios 实例
*/
import axios from 'axios';
import type { AxiosResponse } from 'axios';
import { unref } from 'vue';
import router from '@/router';
import { Modal } from 'ant-design-vue';
import { API_BASE_URL, TOKEN_HEADER_NAME, LAYOUT_PATH } from '@/config/setting';
import { getToken, setToken } from './token-util';
import { logout } from './page-tab-util';
import type { ApiResult } from '@/api';
import { getHostname, getTenantId } from '@/utils/domain';
import { getMerchantId } from "@/utils/merchant";
const service = axios.create({
baseURL: API_BASE_URL
});
/**
* 添加请求拦截器
*/
service.interceptors.request.use(
(config) => {
const TENANT_ID = getTenantId();
const token = getToken();
// 添加 token 到 header
if (token && config.headers) {
config.headers.common[TOKEN_HEADER_NAME] = token;
}
// 获取租户ID
if (config.headers) {
// 附加企业ID
const companyId = localStorage.getItem('CompanyId');
if (companyId) {
config.headers.common['CompanyId'] = companyId;
}
// 附加商户ID
if (getMerchantId()) {
config.headers.common['MerchantId'] = getMerchantId();
}
// 通过网站域名获取租户ID
if (getHostname()) {
config.headers.common['Domain'] = getHostname();
}
// 解析二级域名获取租户ID
if (getTenantId()) {
config.headers.common['TenantId'] = getTenantId();
return config;
}
if (TENANT_ID) {
config.headers.common['TenantId'] = TENANT_ID;
return config;
}
}
return config;
},
(error) => {
return Promise.reject(error);
}
);
/**
* 添加响应拦截器
*/
service.interceptors.response.use(
(res: AxiosResponse<ApiResult<unknown>>) => {
// 登录过期处理
if (res.data?.code === 401) {
const currentPath = unref(router.currentRoute).path;
if (currentPath == LAYOUT_PATH) {
logout(true);
} else {
Modal.destroyAll();
Modal.info({
title: '系统提示',
content: '登录状态已过期, 请退出重新登录!',
okText: '重新登录',
onOk: () => {
logout(false, currentPath);
}
});
}
return Promise.reject(new Error(res.data.message));
}
// token 自动续期
const token = res.headers[TOKEN_HEADER_NAME.toLowerCase()];
if (token) {
setToken(token);
}
return res;
},
(error) => {
return Promise.reject(error);
}
);
export default service;

90
src/utils/shop.ts Normal file
View File

@@ -0,0 +1,90 @@
// 支付方式
export function getPayType(index?: number): any {
const payType = [
{
value: 0,
label: '余额支付',
},
{
value: 1,
label: '微信支付',
},
{
value: 2,
label: '积分',
},
{
value: 3,
label: '支付宝',
},
{
value: 4,
label: '现金',
},
{
value: 5,
label: 'POS机',
},
{
value: 6,
label: '会员卡',
},
// {
// value: 7,
// label: 'VIP年卡',
// },
// {
// value: 8,
// label: 'VIP次卡',
// },
// {
// value: 9,
// icon: 'IdcardOutlined',
// label: 'IC月卡',
// },
// {
// value: 10,
// icon: 'IdcardOutlined',
// label: 'IC年卡',
// },
// {
// value: 11,
// icon: 'IdcardOutlined',
// label: 'IC次卡',
// },
// {
// value: 12,
// icon: '',
// label: '免费',
// },
// {
// value: 13,
// icon: 'IdcardOutlined',
// label: 'VIP充值卡',
// },
// {
// value: 14,
// icon: 'IdcardOutlined',
// label: 'IC充值卡',
// },
// {
// value: 15,
// icon: '',
// label: '积分支付',
// },
// {
// value: 16,
// icon: 'IdcardOutlined',
// label: 'VIP季卡',
// },
// {
// value: 17,
// icon: 'IdcardOutlined',
// label: 'IC季卡',
// },
];
if(index){
return payType[index].label || '';
}
return payType;
}

71
src/utils/token-util.ts Normal file
View File

@@ -0,0 +1,71 @@
/**
* token 操作封装
*/
import { APP_SECRET, TOKEN_STORE_NAME } from '@/config/setting';
import md5 from 'js-md5';
/**
* 获取缓存的 token
*/
export function getToken(): string | null {
const token = localStorage.getItem(TOKEN_STORE_NAME);
if (!token) {
return sessionStorage.getItem(TOKEN_STORE_NAME);
}
return token;
}
/**
* 缓存 token
* @param token token
* @param remember 是否永久存储
*/
export function setToken(token?: string, remember?: boolean) {
removeToken();
if (token) {
if (remember) {
localStorage.setItem(TOKEN_STORE_NAME, token);
} else {
sessionStorage.setItem(TOKEN_STORE_NAME, token);
}
}
}
/**
* 移除 token
*/
export function removeToken() {
localStorage.removeItem(TOKEN_STORE_NAME);
sessionStorage.removeItem(TOKEN_STORE_NAME);
localStorage.clear();
}
// 封装签名
export function getSign(form) {
if (form == null) {
return false;
}
let sign = '';
form.timestamp = new Date().getTime();
form.version = 'v3';
const arr = objKeySort(form);
Object.keys(arr).forEach((k) => {
if (form[k] != null && form[k] != '') {
sign = sign.concat(form[k]).concat('-');
}
});
sign = sign.concat(APP_SECRET);
return md5(sign);
}
// 参数按照字母顺序排序
export const objKeySort = (obj) => {
//排序的函数
const newkey = Object.keys(obj).sort();
//先用Object内置类的keys方法获取要排序对象的属性名，再利用Array原型上的sort方法对获取的属性名进行排序，newkey是一个数组
const newObj = {}; //创建一个新的对象，用于存放排好序的键值对
for (let i = 0; i < newkey.length; i++) {
//遍历newkey数组
newObj[newkey[i]] = obj[newkey[i]]; //向新创建的对象中按照排好的顺序依次增加键值对
}
return newObj; //返回排好序的新对象
};

76
src/utils/use-echarts.ts Normal file
View File

@@ -0,0 +1,76 @@
/**
* echarts 自动切换主题、重置尺寸封装
*/
import type { Ref } from 'vue';
import {
ref,
reactive,
unref,
provide,
watch,
onActivated,
onDeactivated,
nextTick
} from 'vue';
import { storeToRefs } from 'pinia';
import { THEME_KEY } from 'vue-echarts';
import type VChart from 'vue-echarts';
import { ChartTheme, ChartThemeDark } from 'ele-admin-pro/es';
import { useThemeStore } from '@/store/modules/theme';
import { onSizeChange } from './on-size-change';
export default function (chartRefs: Ref<InstanceType<typeof VChart> | null>[]) {
// 当前框架是否是暗黑主题
const themeStore = useThemeStore();
const { darkMode } = storeToRefs(themeStore);
// 是否为 deactivated 状态
const deactivated = ref<boolean>(false);
// 当前图表是否是暗黑主题
const isDark = ref<boolean>(unref(darkMode));
// 当前图表主题
const chartsTheme = reactive({
...(unref(isDark) ? ChartThemeDark : ChartTheme)
});
// 设置图表主题
provide(THEME_KEY, chartsTheme);
/* 重置图表尺寸 */
const resizeCharts = () => {
chartRefs.forEach((chartRef) => {
unref(chartRef)?.resize();
});
};
/* 屏幕尺寸变化监听 */
onSizeChange(() => {
resizeCharts();
});
/* 更改图表主题 */
const changeTheme = (dark: boolean) => {
isDark.value = dark;
Object.assign(chartsTheme, dark ? ChartThemeDark : ChartTheme);
};
onActivated(() => {
deactivated.value = false;
nextTick(() => {
if (unref(isDark) !== unref(darkMode)) {
changeTheme(unref(darkMode));
} else {
resizeCharts();
}
});
});
onDeactivated(() => {
deactivated.value = true;
});
watch(darkMode, (dark) => {
if (!unref(deactivated)) {
changeTheme(dark);
}
});
}

29
src/utils/use-form-data.ts Normal file
View File

@@ -0,0 +1,29 @@
import { reactive } from 'vue';
/**
* 表单数据 hook
* @param initValue 默认值
*/
export default function <T extends object>(initValue?: T) {
const form = reactive<T>({ ...initValue } as T);
const resetFields = () => {
Object.keys(form).forEach((key) => {
form[key] = initValue ? initValue[key] : void 0;
});
};
const assignFields = (data: object) => {
Object.keys(form).forEach((key) => {
form[key] = data[key];
});
};
return {
form,
// 重置为初始值
resetFields,
// 赋值不改变字段
assignFields
};
}

27
src/utils/use-search.ts Normal file
View File

@@ -0,0 +1,27 @@
import { reactive } from 'vue';
/**
* 搜索表单 hook
* @param initValue 默认值
*/
export default function <T extends object>(initValue?: T) {
const where = reactive<T>({ ...initValue } as T);
const resetFields = () => {
Object.keys(where).forEach((key) => {
where[key] = initValue ? initValue[key] : void 0;
});
};
const assignFields = (data: object) => {
Object.keys(where).forEach((key) => {
where[key] = data[key];
});
};
return {
where,
resetFields,
assignFields
};
}