zianxin/pj_admin_cloud
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:申请备注

Browse Source
This commit is contained in:
dzc committed 2025-01-20 15:56:50 +08:00
1 parent 9bf7f7af6d
commit eb295d35f9
3 files changed
+350 -331
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/utils/other.ts
+335 -330
View File
@@ -1,30 +1,29 @@
import {nextTick} from 'vue'; import { nextTick } from "vue"
import router from '/@/router/index'; import router from "/@/router/index"
import pinia from '/@/stores/index'; import pinia from "/@/stores/index"
import {storeToRefs} from 'pinia'; import { storeToRefs } from "pinia"
import {useThemeConfig} from '/@/stores/themeConfig'; import { useThemeConfig } from "/@/stores/themeConfig"
import {i18n} from '/@/i18n/index'; import { i18n } from "/@/i18n/index"
import {Local} from '/@/utils/storage'; import { Local } from "/@/utils/storage"
import {verifyUrl} from '/@/utils/toolsValidate'; import { verifyUrl } from "/@/utils/toolsValidate"
import request from '/@/utils/request'; import request from "/@/utils/request"
import {useMessage} from '/@/hooks/message'; import { useMessage } from "/@/hooks/message"
import * as CryptoJS from 'crypto-js'; import * as CryptoJS from "crypto-js"
import {sm4} from 'sm-crypto' import { sm4 } from "sm-crypto"
import {validateNull} from './validate'; import { validateNull } from "./validate"
/** /**
* 设置浏览器标题国际化 * 设置浏览器标题国际化
* @method const title = useTitle(); ==> title() * @method const title = useTitle(); ==> title()
*/ */
export function useTitle() { export function useTitle() {
const stores = useThemeConfig(pinia); const stores = useThemeConfig(pinia)
const {themeConfig} = storeToRefs(stores); const { themeConfig } = storeToRefs(stores)
nextTick(() => { nextTick(() => {
let globalTitle: string = themeConfig.value.globalTitle; let globalTitle: string = themeConfig.value.globalTitle
let webTitle = setTagsViewNameI18n(router.currentRoute.value); let webTitle = setTagsViewNameI18n(router.currentRoute.value)
document.title = `${webTitle} - ${globalTitle}` || globalTitle; document.title = `${webTitle} - ${globalTitle}` || globalTitle
}); })
} }
/** /**
@@ -33,24 +32,26 @@ export function useTitle() {
* @returns 返回当前 tagsViewName 名称 * @returns 返回当前 tagsViewName 名称
*/ */
export function setTagsViewNameI18n(item: any) { export function setTagsViewNameI18n(item: any) {
let tagsViewName: string = ''; let tagsViewName: string = ""
const {query, params} = item; const { query, params } = item
//修复tagsViewName匹配到其他含下列单词的路由 //修复tagsViewName匹配到其他含下列单词的路由
const pattern = /^\{("(zh-cn|en|zh-tw)":"[^,]+",?){1,3}}$/; const pattern = /^\{("(zh-cn|en|zh-tw)":"[^,]+",?){1,3}}$/
if (query?.tagsViewName || params?.tagsViewName) { if (query?.tagsViewName || params?.tagsViewName) {
if (pattern.test(query?.tagsViewName) || pattern.test(params?.tagsViewName)) { if (pattern.test(query?.tagsViewName) || pattern.test(params?.tagsViewName)) {
// 国际化 // 国际化
const urlTagsParams = (query?.tagsViewName && JSON.parse(query?.tagsViewName)) || (params?.tagsViewName && JSON.parse(params?.tagsViewName)); const urlTagsParams =
tagsViewName = urlTagsParams[i18n.global.locale.value]; (query?.tagsViewName && JSON.parse(query?.tagsViewName)) ||
} else { (params?.tagsViewName && JSON.parse(params?.tagsViewName))
// 非国际化 tagsViewName = urlTagsParams[i18n.global.locale.value]
tagsViewName = query?.tagsViewName || params?.tagsViewName; } else {
} // 非国际化
} else { tagsViewName = query?.tagsViewName || params?.tagsViewName
// 非自定义 tagsView 名称 }
tagsViewName = i18n.global.t(item.name); } else {
} // 非自定义 tagsView 名称
return tagsViewName; tagsViewName = i18n.global.t(item.name)
}
return tagsViewName
} }
/** /**
@@ -60,32 +61,32 @@ export function setTagsViewNameI18n(item: any) {
* @description data-xxx 属性用于存储页面或应用程序的私有自定义数据 * @description data-xxx 属性用于存储页面或应用程序的私有自定义数据
*/ */
export const lazyImg = (el: string, arr: EmptyArrayType) => { export const lazyImg = (el: string, arr: EmptyArrayType) => {
const io = new IntersectionObserver((res) => { const io = new IntersectionObserver((res) => {
res.forEach((v: any) => { res.forEach((v: any) => {
if (v.isIntersecting) { if (v.isIntersecting) {
const {img, key} = v.target.dataset; const { img, key } = v.target.dataset
v.target.src = img; v.target.src = img
v.target.onload = () => { v.target.onload = () => {
io.unobserve(v.target); io.unobserve(v.target)
arr[key]['loading'] = false; arr[key]["loading"] = false
}; }
} }
}); })
}); })
nextTick(() => { nextTick(() => {
document.querySelectorAll(el).forEach((img) => io.observe(img)); document.querySelectorAll(el).forEach((img) => io.observe(img))
}); })
}; }
/** /**
* 全局组件大小 * 全局组件大小
* @returns 返回 `window.localStorage` 中读取的缓存值 `globalComponentSize` * @returns 返回 `window.localStorage` 中读取的缓存值 `globalComponentSize`
*/ */
export const globalComponentSize = (): string => { export const globalComponentSize = (): string => {
const stores = useThemeConfig(pinia); const stores = useThemeConfig(pinia)
const {themeConfig} = storeToRefs(stores); const { themeConfig } = storeToRefs(stores)
return Local.get('themeConfig')?.globalComponentSize || themeConfig.value?.globalComponentSize; return Local.get("themeConfig")?.globalComponentSize || themeConfig.value?.globalComponentSize
}; }
/** /**
* 对象深克隆 * 对象深克隆
@@ -93,35 +94,35 @@ export const globalComponentSize = (): string => {
* @returns 克隆后的对象 * @returns 克隆后的对象
*/ */
export function deepClone(obj: EmptyObjectType) { export function deepClone(obj: EmptyObjectType) {
let newObj: EmptyObjectType; let newObj: EmptyObjectType
try { try {
newObj = obj.push ? [] : {}; newObj = obj.push ? [] : {}
} catch (error) { } catch (error) {
newObj = {}; newObj = {}
} }
for (let attr in obj) { for (let attr in obj) {
if (obj[attr] && typeof obj[attr] === 'object') { if (obj[attr] && typeof obj[attr] === "object") {
newObj[attr] = deepClone(obj[attr]); newObj[attr] = deepClone(obj[attr])
} else { } else {
newObj[attr] = obj[attr]; newObj[attr] = obj[attr]
} }
} }
return newObj; return newObj
} }
/** /**
* 判断是否是移动端 * 判断是否是移动端
*/ */
export function isMobile() { export function isMobile() {
if ( if (
navigator.userAgent.match( navigator.userAgent.match(
/('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i /('phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone')/i,
) )
) { ) {
return true; return true
} else { } else {
return false; return false
} }
} }
/** /**
@@ -131,18 +132,18 @@ export function isMobile() {
* @returns 删除空值后的数组对象 * @returns 删除空值后的数组对象
*/ */
export function handleEmpty(list: EmptyArrayType) { export function handleEmpty(list: EmptyArrayType) {
const arr = [] as any[]; const arr = [] as any[]
for (const i in list) { for (const i in list) {
const d = [] as any[]; const d = [] as any[]
for (const j in list[i]) { for (const j in list[i]) {
d.push(list[i][j]); d.push(list[i][j])
} }
const leng = d.filter((item) => item === '').length; const leng = d.filter((item) => item === "").length
if (leng !== d.length) { if (leng !== d.length) {
arr.push(list[i]); arr.push(list[i])
} }
} }
return arr; return arr
} }
/** /**
@@ -150,55 +151,59 @@ export function handleEmpty(list: EmptyArrayType) {
* @param val 当前点击项菜单 * @param val 当前点击项菜单
*/ */
export function handleOpenLink(val: RouteItem) { export function handleOpenLink(val: RouteItem) {
router.push(val.path); router.push(val.path)
if (verifyUrl(<string>val.meta?.isLink)) window.open(val.meta?.isLink); if (verifyUrl(<string>val.meta?.isLink)) window.open(val.meta?.isLink)
else window.open(`${val.meta?.isLink}`); else window.open(`${val.meta?.isLink}`)
} }
/** /**
* 打开小窗口 * 打开小窗口
*/ */
export const openWindow = (url: string, title: string, w: number, h: number) => { export const openWindow = (url: string, title: string, w: number, h: number) => {
// @ts-ignore // @ts-ignore
const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left; const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : screen.left
// @ts-ignore // @ts-ignore
const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top; const dualScreenTop = window.screenTop !== undefined ? window.screenTop : screen.top
const width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen.width; const width = window.innerWidth
const height = window.innerHeight ? window.innerWidth
? window.innerHeight : document.documentElement.clientWidth
: document.documentElement.clientHeight ? document.documentElement.clientWidth
? document.documentElement.clientHeight : screen.width
: screen.height; const height = window.innerHeight
? window.innerHeight
: document.documentElement.clientHeight
? document.documentElement.clientHeight
: screen.height
const left = width / 2 - w / 2 + dualScreenLeft; const left = width / 2 - w / 2 + dualScreenLeft
const top = height / 2 - h / 2 + dualScreenTop; const top = height / 2 - h / 2 + dualScreenTop
return window.open( return window.open(
url, url,
title, title,
'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=' + "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, copyhistory=no, width=" +
w + w +
', height=' + ", height=" +
h + h +
', top=' + ", top=" +
top + top +
', left=' + ", left=" +
left left,
); )
}; }
/** /**
*加密处理 *加密处理
*/ */
export function encryption(src: string, keyWord: string) { export function encryption(src: string, keyWord: string) {
const key = CryptoJS.enc.Utf8.parse(keyWord); const key = CryptoJS.enc.Utf8.parse(keyWord)
// 加密 // 加密
var encrypted = CryptoJS.AES.encrypt(src, key, { var encrypted = CryptoJS.AES.encrypt(src, key, {
iv: key, iv: key,
mode: CryptoJS.mode.CFB, mode: CryptoJS.mode.CFB,
padding: CryptoJS.pad.NoPadding, padding: CryptoJS.pad.NoPadding,
}); })
return encrypted.toString(); return encrypted.toString()
} }
/** /**
@@ -207,22 +212,22 @@ export function encryption(src: string, keyWord: string) {
* @returns 明文 * @returns 明文
*/ */
export function decryption(src: string, keyWord: string) { export function decryption(src: string, keyWord: string) {
const key = CryptoJS.enc.Utf8.parse(keyWord); const key = CryptoJS.enc.Utf8.parse(keyWord)
// 解密逻辑 // 解密逻辑
var decryptd = CryptoJS.AES.decrypt(src, key, { var decryptd = CryptoJS.AES.decrypt(src, key, {
iv: key, iv: key,
mode: CryptoJS.mode.CFB, mode: CryptoJS.mode.CFB,
padding: CryptoJS.pad.NoPadding, padding: CryptoJS.pad.NoPadding,
}); })
return decryptd.toString(CryptoJS.enc.Utf8); return decryptd.toString(CryptoJS.enc.Utf8)
} }
/** /**
* SM4加密处理 * SM4加密处理
*/ */
export function sm4Encryption(src: string, keyWord: string) { export function sm4Encryption(src: string, keyWord: string) {
return sm4.encrypt(src, keyWord); return sm4.encrypt(src, keyWord)
} }
/** /**
@@ -231,7 +236,7 @@ export function sm4Encryption(src: string, keyWord: string) {
* @returns 明文 * @returns 明文
*/ */
export function sm4Decryption(src: string, keyWord: string) { export function sm4Decryption(src: string, keyWord: string) {
return sm4.decrypt(src, keyWord); return sm4.decrypt(src, keyWord)
} }
/** /**
@@ -240,8 +245,8 @@ export function sm4Decryption(src: string, keyWord: string) {
* @returns 密文 * @returns 密文
*/ */
export function base64Encrypt(src: string) { export function base64Encrypt(src: string) {
const encodedWord = CryptoJS.enc.Utf8.parse(src); const encodedWord = CryptoJS.enc.Utf8.parse(src)
return CryptoJS.enc.Base64.stringify(encodedWord); return CryptoJS.enc.Base64.stringify(encodedWord)
} }
/** /**
@@ -252,14 +257,14 @@ export function base64Encrypt(src: string) {
* @returns {*} * @returns {*}
*/ */
export function downBlobFile(url: any, query: any, fileName: string) { export function downBlobFile(url: any, query: any, fileName: string) {
return request({ return request({
url: url, url: url,
method: 'get', method: "get",
responseType: 'blob', responseType: "blob",
params: query, params: query,
}).then((response) => { }).then((response) => {
handleBlobFile(response, fileName); handleBlobFile(response, fileName)
}); })
} }
/** /**
@@ -268,26 +273,26 @@ export function downBlobFile(url: any, query: any, fileName: string) {
* @returns * @returns
*/ */
export function handleBlobFile(response: any, fileName: string) { export function handleBlobFile(response: any, fileName: string) {
// 处理返回的文件流 // 处理返回的文件流
const blob = response; const blob = response
if (blob && blob.size === 0) { if (blob && blob.size === 0) {
useMessage().error('内容为空，无法下载'); useMessage().error("内容为空，无法下载")
return; return
} }
const link = document.createElement('a'); const link = document.createElement("a")
// 兼容一下 入参不是 File Blob 类型情况 // 兼容一下 入参不是 File Blob 类型情况
var binaryData = [] as any; var binaryData = [] as any
binaryData.push(response); binaryData.push(response)
link.href = window.URL.createObjectURL(new Blob(binaryData)); link.href = window.URL.createObjectURL(new Blob(binaryData))
link.download = fileName; link.download = fileName
document.body.appendChild(link); document.body.appendChild(link)
link.click(); link.click()
window.setTimeout(function () { window.setTimeout(function () {
// @ts-ignore // @ts-ignore
URL.revokeObjectURL(blob); URL.revokeObjectURL(blob)
document.body.removeChild(link); document.body.removeChild(link)
}, 0); }, 0)
} }
/** /**
@@ -295,31 +300,31 @@ export function handleBlobFile(response: any, fileName: string) {
* @return string * @return string
*/ */
export function generateUUID() { export function generateUUID() {
if (typeof crypto === 'object') { if (typeof crypto === "object") {
if (typeof crypto.randomUUID === 'function') { if (typeof crypto.randomUUID === "function") {
return crypto.randomUUID(); return crypto.randomUUID()
} }
if (typeof crypto.getRandomValues === 'function' && typeof Uint8Array === 'function') { if (typeof crypto.getRandomValues === "function" && typeof Uint8Array === "function") {
const callback = (c: any) => { const callback = (c: any) => {
const num = Number(c); const num = Number(c)
return (num ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (num / 4)))).toString(16); return (num ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (num / 4)))).toString(16)
}; }
return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, callback); return "10000000-1000-4000-8000-100000000000".replace(/[018]/g, callback)
} }
} }
let timestamp = new Date().getTime(); let timestamp = new Date().getTime()
let performanceNow = (typeof performance !== 'undefined' && performance.now && performance.now() * 1000) || 0; let performanceNow = (typeof performance !== "undefined" && performance.now && performance.now() * 1000) || 0
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => { return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
let random = Math.random() * 16; let random = Math.random() * 16
if (timestamp > 0) { if (timestamp > 0) {
random = (timestamp + random) % 16 | 0; random = (timestamp + random) % 16 | 0
timestamp = Math.floor(timestamp / 16); timestamp = Math.floor(timestamp / 16)
} else { } else {
random = (performanceNow + random) % 16 | 0; random = (performanceNow + random) % 16 | 0
performanceNow = Math.floor(performanceNow / 16); performanceNow = Math.floor(performanceNow / 16)
} }
return (c === 'x' ? random : (random & 0x3) | 0x8).toString(16); return (c === "x" ? random : (random & 0x3) | 0x8).toString(16)
}); })
} }
/** /**
@@ -334,96 +339,96 @@ export function generateUUID() {
* @method handleOpenLink 打开外部链接 * @method handleOpenLink 打开外部链接
*/ */
const other = { const other = {
useTitle: () => { useTitle: () => {
useTitle(); useTitle()
}, },
setTagsViewNameI18n(route: RouteToFrom) { setTagsViewNameI18n(route: RouteToFrom) {
return setTagsViewNameI18n(route); return setTagsViewNameI18n(route)
}, },
lazyImg: (el: string, arr: EmptyArrayType) => { lazyImg: (el: string, arr: EmptyArrayType) => {
lazyImg(el, arr); lazyImg(el, arr)
}, },
globalComponentSize: () => { globalComponentSize: () => {
return globalComponentSize(); return globalComponentSize()
}, },
deepClone: (obj: EmptyObjectType) => { deepClone: (obj: EmptyObjectType) => {
return deepClone(obj); return deepClone(obj)
}, },
isMobile: () => { isMobile: () => {
return isMobile(); return isMobile()
}, },
handleEmpty: (list: EmptyArrayType) => { handleEmpty: (list: EmptyArrayType) => {
return handleEmpty(list); return handleEmpty(list)
}, },
handleOpenLink: (val: RouteItem) => { handleOpenLink: (val: RouteItem) => {
handleOpenLink(val); handleOpenLink(val)
}, },
encryption: (src: string, keyWord: string) => { encryption: (src: string, keyWord: string) => {
return encryption(src, keyWord); return encryption(src, keyWord)
}, },
decryption: (src: string, keyWord: string) => { decryption: (src: string, keyWord: string) => {
return decryption(src, keyWord); return decryption(src, keyWord)
}, },
base64Encrypt: (data: any) => { base64Encrypt: (data: any) => {
return base64Encrypt(data); return base64Encrypt(data)
}, },
downBlobFile: (url: any, query: any, fileName: string) => { downBlobFile: (url: any, query: any, fileName: string) => {
return downBlobFile(url, query, fileName); return downBlobFile(url, query, fileName)
}, },
toUnderline: (str: string) => { toUnderline: (str: string) => {
return toUnderline(str); return toUnderline(str)
}, },
openWindow: (url: string, title: string, w: number, h: number) => { openWindow: (url: string, title: string, w: number, h: number) => {
return openWindow(url, title, w, h); return openWindow(url, title, w, h)
}, },
getQueryString: (url: string, paraName: string) => { getQueryString: (url: string, paraName: string) => {
return getQueryString(url, paraName); return getQueryString(url, paraName)
}, },
adaptationUrl: (url?: string) => { adaptationUrl: (url?: string) => {
return adaptationUrl(url); return adaptationUrl(url)
}, },
resolveAllEunuchNodeId: (json: any[], idArr: any[], temp: any[] = []) => { resolveAllEunuchNodeId: (json: any[], idArr: any[], temp: any[] = []) => {
return resolveAllEunuchNodeId(json, idArr, temp); return resolveAllEunuchNodeId(json, idArr, temp)
}, },
getNonDuplicateID: () => { getNonDuplicateID: () => {
return getNonDuplicateID(); return getNonDuplicateID()
}, },
addUnit: (value: string | number, unit = 'px') => { addUnit: (value: string | number, unit = "px") => {
return addUnit(value, unit); return addUnit(value, unit)
}, },
validateNull: (value: any) => { validateNull: (value: any) => {
return validateNull(value); return validateNull(value)
}, },
getNumberRadixNum: (input: Number) => { getNumberRadixNum: (input: Number) => {
return getNumberRadixNum(input); return getNumberRadixNum(input)
} },
}; }
export function getNumberRadixNum(input: Number) { export function getNumberRadixNum(input: Number) {
let strings = input.toString().split("."); let strings = input.toString().split(".")
if (strings.length <= 1) { if (strings.length <= 1) {
return 0; return 0
} }
return strings[1].toString().length; return strings[1].toString().length
}; }
export function getQueryString(url: string, paraName: string) { export function getQueryString(url: string, paraName: string) {
const arrObj = url.split('?'); const arrObj = url.split("?")
if (arrObj.length > 1) { if (arrObj.length > 1) {
const arrPara = arrObj[1].split('&'); const arrPara = arrObj[1].split("&")
let arr; let arr
for (let i = 0; i < arrPara.length; i++) { for (let i = 0; i < arrPara.length; i++) {
arr = arrPara[i].split('='); arr = arrPara[i].split("=")
// eslint-disable-next-line eqeqeq // eslint-disable-next-line eqeqeq
if (arr != null && arr[0] == paraName) { if (arr != null && arr[0] == paraName) {
return arr[1]; return arr[1]
} }
} }
return ''; return ""
} else { } else {
return ''; return ""
} }
} }
/** /**
@@ -436,31 +441,31 @@ export function getQueryString(url: string, paraName: string) {
* @returns {*} * @returns {*}
*/ */
export function handleTree(data: any, id: any, parentId: any, children: any, rootId: any) { export function handleTree(data: any, id: any, parentId: any, children: any, rootId: any) {
id = id || 'id'; id = id || "id"
parentId = parentId || 'parentId'; parentId = parentId || "parentId"
children = children || 'children'; children = children || "children"
rootId = rootId =
rootId || rootId ||
Math.min.apply( Math.min.apply(
Math, Math,
data.map((item: any) => { data.map((item: any) => {
return item[parentId]; return item[parentId]
}) }),
) || ) ||
0; 0
//对源数据深度克隆 //对源数据深度克隆
const cloneData = JSON.parse(JSON.stringify(data)); const cloneData = JSON.parse(JSON.stringify(data))
//循环所有项 //循环所有项
const treeData = cloneData.filter((father: any) => { const treeData = cloneData.filter((father: any) => {
const branchArr = cloneData.filter((child: any) => { const branchArr = cloneData.filter((child: any) => {
//返回每一项的子级数组 //返回每一项的子级数组
return father[id] === child[parentId]; return father[id] === child[parentId]
}); })
branchArr.length > 0 ? (father[children] = branchArr) : ''; branchArr.length > 0 ? (father[children] = branchArr) : ""
//返回第一层 //返回第一层
return father[parentId] === rootId; return father[parentId] === rootId
}); })
return treeData !== '' ? treeData : data; return treeData !== "" ? treeData : data
} }
/** /**
@@ -468,15 +473,15 @@ export function handleTree(data: any, id: any, parentId: any, children: any, roo
* @returns * @returns
*/ */
const resolveAllEunuchNodeId = (json: any[], idArr: any[], temp: any[] = []) => { const resolveAllEunuchNodeId = (json: any[], idArr: any[], temp: any[] = []) => {
for (const item of json) { for (const item of json) {
if (item.children && item.children.length !== 0) { if (item.children && item.children.length !== 0) {
resolveAllEunuchNodeId(item.children, idArr, temp); resolveAllEunuchNodeId(item.children, idArr, temp)
} else { } else {
temp.push(...idArr.filter((id) => id === item.id)); temp.push(...idArr.filter((id) => id === item.id))
} }
} }
return temp; return temp
}; }
/** /**
* *
@@ -484,7 +489,7 @@ const resolveAllEunuchNodeId = (json: any[], idArr: any[], temp: any[] = []) =>
* @returns 下划线 * @returns 下划线
*/ */
export function toUnderline(str: string) { export function toUnderline(str: string) {
return str.replace(/([A-Z])/g, '_$1').toLowerCase(); return str.replace(/([A-Z])/g, "_$1").toLowerCase()
} }
/** /**
@@ -495,15 +500,15 @@ export function toUnderline(str: string) {
* @param originUrl 原始路径 * @param originUrl 原始路径
*/ */
const adaptationUrl = (originUrl?: string) => { const adaptationUrl = (originUrl?: string) => {
// 微服务架构 不做路径转换,为空不做路径转换 // 微服务架构 不做路径转换,为空不做路径转换
const isMicro = import.meta.env.VITE_IS_MICRO; const isMicro = import.meta.env.VITE_IS_MICRO
if (validateNull(isMicro) || isMicro === 'true') { if (validateNull(isMicro) || isMicro === "true") {
return originUrl; return originUrl
} }
// 转为 /admin 路由前缀的请求 // 转为 /admin 路由前缀的请求
return `/admin/${originUrl?.split('/').splice(2).join('/')}`; return `/admin/${originUrl?.split("/").splice(2).join("/")}`
}; }
/** /**
* @description 获取不重复的id * @description 获取不重复的id
@@ -511,19 +516,19 @@ const adaptationUrl = (originUrl?: string) => {
* @return { String } id * @return { String } id
*/ */
const getNonDuplicateID = (length = 8) => { const getNonDuplicateID = (length = 8) => {
let idStr = Date.now().toString(36); let idStr = Date.now().toString(36)
idStr += Math.random().toString(36).substring(3, length); idStr += Math.random().toString(36).substring(3, length)
return idStr; return idStr
}; }
/** /**
* @description 添加单位 * @description 添加单位
* @param {String | Number} value 值 100 * @param {String | Number} value 值 100
* @param {String} unit 单位 px em rem * @param {String} unit 单位 px em rem
*/ */
const addUnit = (value: string | number, unit = 'px') => { const addUnit = (value: string | number, unit = "px") => {
return !Object.is(Number(value), NaN) ? `${value}${unit}` : value; return !Object.is(Number(value), NaN) ? `${value}${unit}` : value
}; }
// 统一批量导出 // 统一批量导出
export default other; export default other
src/views/wallet/wallet-recharge-apply/index.vue
+1
View File
@@ -84,6 +84,7 @@
<dict-tag :options="check_status" :value="row.processStatus" /> <dict-tag :options="check_status" :value="row.processStatus" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="remark" label="备注" show-overflow-tooltip />
<el-table-column prop="createTime" label="创建时间" show-overflow-tooltip /> <el-table-column prop="createTime" label="创建时间" show-overflow-tooltip />
<el-table-column label="操作" width="300"> <el-table-column label="操作" width="300">
<template #default="{ row }"> <template #default="{ row }">
src/views/wallet/wallet-recharge-apply/preview-excel.vue
+14 -1
View File
@@ -3,7 +3,14 @@
<div class="layout-padding-auto layout-padding-view"> <div class="layout-padding-auto layout-padding-view">
<el-row> <el-row>
<div class="mb8" style="width: 100%"> <div class="mb8" style="width: 100%">
<right-toolbar class="ml10 mr20" style="float: right" :search="false" @queryTable="getList" /> <right-toolbar
class="ml10 mr20"
style="float: right"
:search="false"
@queryTable="getList"
:export="true"
@exportExcel="exportExcel"
/>
</div> </div>
</el-row> </el-row>
<el-table :data="data.list" v-loading="state.loading" border :header-cell-style="tableStyle.headerCellStyle"> <el-table :data="data.list" v-loading="state.loading" border :header-cell-style="tableStyle.headerCellStyle">
@@ -60,6 +67,7 @@ import { BasicTableProps, useTable } from "/@/hooks/table"
import { useDict } from "/@/hooks/dict" import { useDict } from "/@/hooks/dict"
import { displayPrice } from "/@/utils/formatMoney" import { displayPrice } from "/@/utils/formatMoney"
import * as walletRechargeApplyApi from "/@/api/wallet/wallet-recharge-apply" import * as walletRechargeApplyApi from "/@/api/wallet/wallet-recharge-apply"
import { downBlobFile } from "/@/utils/other"
const { query } = useRoute() const { query } = useRoute()
@@ -103,6 +111,11 @@ const currentChangeHandle = (e: any) => {
getList() getList()
} }
// 导出excel
const exportExcel = () => {
downBlobFile("/wallet/wallet-recharge-apply/export-excel", Object.assign(state.queryForm), "walletManage.xlsx")
}
/** 查询列表 */ /** 查询列表 */
const getList = async () => { const getList = async () => {
state.loading = true state.loading = true