赵忠林
482e2a2718
- 添加 .editorconfig 文件统一代码风格 - 添加 .env.development 和 .env.example 环境配置文件 - 添加 .eslintignore 和 .eslintrc.js 代码检查配置 - 添加 .gitignore 版本控制忽略文件配置 - 添加 .prettierignore 格式化忽略配置 - 添加隐私协议HTML文件 - 添加API密钥管理组件基础结构
599 lines
15 KiB
TypeScript
599 lines
15 KiB
TypeScript
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();
|
||
const domain = localStorage.getItem('Domain');
|
||
let spm = '';
|
||
const tid = d?.tenantId || 0;
|
||
const mid = localStorage.getItem('MerchantId') || 0;
|
||
const pid = d?.parentId || 0;
|
||
let cid = d?.categoryId || 0;
|
||
const uid = localStorage.getItem('UserId') || 0;
|
||
const 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;
|
||
const tid = d?.tenantId || 0;
|
||
const mid = d?.merchantId || 0;
|
||
const pid = d?.parentId || 0;
|
||
let cid = d?.navigationId;
|
||
let id = d?.itemId;
|
||
const uid = localStorage.getItem('UserId') || 0;
|
||
const 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) {
|
||
const uid = localStorage.getItem('UserId') || 0;
|
||
const 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}`;
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 下划线转驼峰命名
|
||
*/
|
||
export function toCamelCase(str: string): string {
|
||
return str.replace(/_([a-z])/g, function (_, letter) {
|
||
return letter.toUpperCase();
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 下划线转大驼峰命名
|
||
*/
|
||
export function toCamelCaseUpper(str: string): string {
|
||
return toCamelCase(str).replace(/^[a-z]/, function (letter) {
|
||
return letter.toUpperCase();
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 转为短下划线
|
||
*/
|
||
export function toShortUnderline(str: string): string {
|
||
return str
|
||
.replace(/[A-Z]/g, function (letter) {
|
||
return '_' + letter.toLowerCase();
|
||
})
|
||
.replace(/^_/, '');
|
||
}
|