14 changed files with 309 additions and 41 deletions
@ -0,0 +1,74 @@ |
|||
import { SM4 } from "gm-crypto-wasm"; |
|||
import * as CryptoJS from 'crypto-js' |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2025-12-07 10:26:51 |
|||
@ 备注: 将字符串转换成16进制 |
|||
*/ |
|||
const strToHexMethod = (str: string): string => { |
|||
return CryptoJS.enc.Utf8.parse(str).toString(CryptoJS.enc.Hex) |
|||
} |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2025-12-07 10:29:48 |
|||
@ 备注: 判断是不是12位16进制参数 |
|||
*/ |
|||
const isValidHex32 = (str: string): boolean => { |
|||
return /^[0-9a-fA-F]{32}$/.test(str) |
|||
} |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2025-12-07 10:28:33 |
|||
@ 备注: 初始化SM4密钥参数 |
|||
*/ |
|||
const appSystemKey = strToHexMethod(import.meta.env.VITE_APP_SYSTEM_KEY) |
|||
const sm4TokenKey = strToHexMethod(import.meta.env.VITE_APP_SM4_APP_KEY) |
|||
|
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2026-02-11 08:17:36 |
|||
@ 功能: SM4加密方法 |
|||
*/ |
|||
const sm4EncryptMethod = (data: string, customKey: string): string => { |
|||
let ivSetup = sm4TokenKey |
|||
if (customKey) { |
|||
ivSetup = strToHexMethod(customKey) |
|||
if (!isValidHex32(ivSetup)) { |
|||
ivSetup = sm4TokenKey |
|||
} |
|||
} |
|||
return SM4.encrypt(data, appSystemKey, { |
|||
iv: ivSetup, |
|||
mode: SM4.constants.CBC, |
|||
inputEncoding: 'utf8', |
|||
outputEncoding: 'hex', |
|||
padding: 1 |
|||
} as never) |
|||
} |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2025-12-07 10:31:22 |
|||
@ 备注: SM4解密方法 |
|||
*/ |
|||
const sm4DecryptMethod = (data: string, customKey: string): string => { |
|||
let ivSetup = sm4TokenKey |
|||
if (customKey) { |
|||
ivSetup = strToHexMethod(customKey) |
|||
if (!isValidHex32(ivSetup)) { |
|||
ivSetup = sm4TokenKey |
|||
} |
|||
} |
|||
// console.log('SM4解密方法----解密结构---data--->', data)
|
|||
// console.log('SM4解密方法----解密结构----customKey-->', customKey)
|
|||
// console.log('SM4解密方法----解密结构--ivSetup---->', ivSetup)
|
|||
// console.log('SM4解密方法----解密结构---sm4TokenKey--->', sm4TokenKey)
|
|||
// console.log('SM4解密方法----解密结构---appSystemKey--->', appSystemKey)
|
|||
return SM4.decrypt(data, appSystemKey, { |
|||
iv: ivSetup, |
|||
mode: SM4.constants.CBC, |
|||
inputEncoding: 'hex', |
|||
outputEncoding: 'utf8', |
|||
padding: 1 |
|||
} as never) |
|||
} |
|||
export { sm4EncryptMethod, sm4DecryptMethod } |
|||
@ -0,0 +1,97 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2026-02-10 16:13:56 |
|||
@ 备注: App内容列表 |
|||
--> |
|||
<script lang='ts' setup> |
|||
import { gainAppPageInfo } from '@/api/DesignForm/requestapi'; |
|||
|
|||
const props = defineProps({ |
|||
pickAppMenu: { |
|||
type: Object, |
|||
default() { |
|||
return {}; |
|||
}, |
|||
}, |
|||
drawerWith: { |
|||
type: Number, |
|||
default: 0, |
|||
} |
|||
}); |
|||
const appFormTitle = ref(""); |
|||
|
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2026-02-10 16:21:21 |
|||
@ 功能: 初始化数据 |
|||
*/ |
|||
const initLoadData = () => { |
|||
if (props.pickAppMenu.type != 1) { |
|||
appFormTitle.value = props.pickAppMenu.label; |
|||
gainAppPageInfo({ id: props.pickAppMenu.id }).then((data:any) => { |
|||
console.log("初始化数据------>",data); |
|||
if (data.code == 200) { |
|||
appFormTitle.value = data.data.appName; |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2024-06-03 09:26:17 |
|||
@ 功能: 监听菜单数据变化 |
|||
*/ |
|||
watch( |
|||
() => props.pickAppMenu, |
|||
(val: any) => { |
|||
initLoadData(); |
|||
}, |
|||
{ |
|||
deep: true, |
|||
} |
|||
); |
|||
/** |
|||
@ 作者: 秦东 |
|||
@ 时间: 2026-02-10 16:21:41 |
|||
@ 功能: 加载数据 |
|||
*/ |
|||
onMounted(() => { |
|||
initLoadData(); |
|||
}); |
|||
</script> |
|||
<template> |
|||
<div class="listContent"> |
|||
<div class="columnHeadBox">{{ appFormTitle }}</div> |
|||
</div> |
|||
<el-scrollbar class="scroBox"> |
|||
<el-card class="tispMsg" shadow="always"> |
|||
{{ props.pickAppMenu.type }} |
|||
</el-card> |
|||
</el-scrollbar> |
|||
</template> |
|||
<style lang='scss' scoped> |
|||
.listContent { |
|||
width: 100%; |
|||
} |
|||
.columnHeadBox{ |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
width: 100%; |
|||
height: 45px; |
|||
line-height: 45px; |
|||
text-align: center; |
|||
background-color: #ffffff; |
|||
font-size: 16px; |
|||
padding: 0 15px; |
|||
font-weight: 400; |
|||
} |
|||
.scroBox { |
|||
margin: 10px auto 0 auto; |
|||
padding: 0 10px; |
|||
height: calc(100vh - 95px); |
|||
.tispMsg { |
|||
margin: 0 auto 15px auto; |
|||
} |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue