Skip to content

N
nse-ui
Commit a8ecb7ae by wanglizhen
Options

脱敏算法

parent 0fa75ffc
正在显示 包含 320 行增加 和 1 行删除
package.json
......@@ -32,6 +32,7 @@
"pinia": "3.0.2",
"sortablejs": "^1.15.6",
"splitpanes": "4.0.4",
"view-ui-plus": "^1.3.20",
"vue": "3.5.16",
"vue-cropper": "1.1.1",
"vue-router": "4.5.1",
......
pnpm-lock.yaml
......@@ -56,6 +56,9 @@ importers:
splitpanes:
specifier: 4.0.4
version: 4.0.4(vue@3.5.16)
view-ui-plus:
specifier: ^1.3.20
version: 1.3.20
vue:
specifier: 3.5.16
version: 3.5.16
......@@ -608,6 +611,9 @@ packages:
resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
engines: {node: '>= 0.4'}
async-validator@3.5.2:
resolution: {integrity: sha512-8eLCg00W9pIRZSB781UUX/H6Oskmm8xloZfr09lz5bikRpBVDlJ3hRVuxxP1SxcwsEYfJ4IU8Q19Y8/893r3rQ==}
async-validator@4.2.5:
resolution: {integrity: sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==}
......@@ -633,6 +639,9 @@ packages:
resolution: {integrity: sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==}
engines: {node: '>=0.10.0'}
batch-processor@1.0.0:
resolution: {integrity: sha512-xoLQD8gmmR32MeuBHgH0Tzd5PuSZx71ZsbhVxOCRbgktZEPe4SQy7s9Z50uPp0F/f7iw2XmkHN2xkgbMfckMDA==}
big.js@5.2.2:
resolution: {integrity: sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==}
......@@ -744,6 +753,9 @@ packages:
resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
engines: {node: '>= 0.10'}
countup.js@1.9.3:
resolution: {integrity: sha512-UHf2P/mFKaESqdPq+UdBJm/1y8lYdlcDd0nTZHNC8cxWoJwZr1Eldm1PpWui446vDl5Pd8PtRYkr3q6K4+Qa5A==}
cross-spawn@7.0.6:
resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
engines: {node: '>= 8'}
......@@ -806,6 +818,10 @@ packages:
resolution: {integrity: sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==}
engines: {node: '>= 0.4'}
deepmerge@2.2.1:
resolution: {integrity: sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==}
engines: {node: '>=0.10.0'}
define-data-property@1.1.4:
resolution: {integrity: sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==}
engines: {node: '>= 0.4'}
......@@ -878,6 +894,9 @@ packages:
peerDependencies:
vue: ^3.2.0
element-resize-detector@1.2.4:
resolution: {integrity: sha512-Fl5Ftk6WwXE0wqCgNoseKWndjzZlDCwuPTcoVZfCP9R3EHQF8qUtr3YUPNETegRBOKqQKPW3n4kiIWngGi8tKg==}
emoji-regex@8.0.0:
resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
......@@ -1354,6 +1373,9 @@ packages:
engines: {node: '>=14'}
hasBin: true
js-calendar@1.2.3:
resolution: {integrity: sha512-dAA1/Zbp4+c5E+ARCVTIuKepXsNLzSYfzvOimiYD4S5eeP9QuplSHLcdhfqFSwyM1o1u6ku6RRRCyaZ0YAjiBw==}
js-cookie@3.0.5:
resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
engines: {node: '>=14'}
......@@ -1409,6 +1431,9 @@ packages:
lodash: '*'
lodash-es: '*'
lodash.chunk@4.2.0:
resolution: {integrity: sha512-ZzydJKfUHJwHa+hF5X66zLFCBrWn5GeF28OHEr4WVWtNDXlQ/IjWKPBiikqKo2ne0+v6JgCgJ0GzJp8k8bHC7w==}
lodash.clonedeep@4.5.0:
resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
......@@ -1416,6 +1441,9 @@ packages:
resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
lodash.throttle@4.1.1:
resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
lodash@4.17.21:
resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
......@@ -1525,6 +1553,9 @@ packages:
nth-check@2.1.1:
resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
numeral@2.0.6:
resolution: {integrity: sha512-qaKRmtYPZ5qdw4jWJD6bxEf1FJEqllJrwxCLIm0sQU/A7v2/czigzOb+C2uSiFsa9lBUzeH7M1oK+Q+OLxL3kA==}
object-assign@4.1.1:
resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
engines: {node: '>=0.10.0'}
......@@ -1614,6 +1645,10 @@ packages:
pkg-types@2.2.0:
resolution: {integrity: sha512-2SM/GZGAEkPp3KWORxQZns4M+WSeXbC2HEvmOIJe3Cmiv6ieAJvdVhDldtHqM5J1Y7MrR1XhkBT/rMlhh9FdqQ==}
popper.js@1.16.1:
resolution: {integrity: sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==}
deprecated: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
posix-character-classes@0.1.1:
resolution: {integrity: sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==}
engines: {node: '>=0.10.0'}
......@@ -2050,6 +2085,9 @@ packages:
tiny-emitter@2.1.0:
resolution: {integrity: sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==}
tinycolor2@1.6.0:
resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
tinyglobby@0.2.14:
resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
engines: {node: '>=12.0.0'}
......@@ -2155,6 +2193,10 @@ packages:
util-deprecate@1.0.2:
resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
v-click-outside-x@3.7.1:
resolution: {integrity: sha512-WmUgmcIXr9clVpm1AYS/FgHtcDicfnfoxgQCNg4O6vfk9GVnxA0vSqO321ogUo0b7czYTidj7fQENvWFMWOkUg==}
engines: {node: '>=8.11.4', npm: 6.4.1}
varint@6.0.0:
resolution: {integrity: sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==}
......@@ -2162,6 +2204,9 @@ packages:
resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
engines: {node: '>= 0.8'}
view-ui-plus@1.3.20:
resolution: {integrity: sha512-ZQ7APuPGbs/UqxXXmGRL4CeZMb9ILVqctqih/ZzTiTfbNP18Ad0cmbxpWszqCqj1PzUsg/1kJuN5522fIvB6lg==}
vite-plugin-compression@0.5.1:
resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==}
peerDependencies:
......@@ -2707,6 +2752,8 @@ snapshots:
async-function@1.0.0: {}
async-validator@3.5.2: {}
async-validator@4.2.5: {}
asynckit@0.4.0: {}
......@@ -2737,6 +2784,8 @@ snapshots:
mixin-deep: 1.3.2
pascalcase: 0.1.1
batch-processor@1.0.0: {}
big.js@5.2.2: {}
birpc@2.5.0: {}
......@@ -2870,6 +2919,8 @@ snapshots:
object-assign: 4.1.1
vary: 1.1.2
countup.js@1.9.3: {}
cross-spawn@7.0.6:
dependencies:
path-key: 3.1.1
......@@ -2936,6 +2987,8 @@ snapshots:
object-keys: 1.1.1
regexp.prototype.flags: 1.5.4
deepmerge@2.2.1: {}
define-data-property@1.1.4:
dependencies:
es-define-property: 1.0.1
......@@ -3040,6 +3093,10 @@ snapshots:
transitivePeerDependencies:
- '@vue/composition-api'
element-resize-detector@1.2.4:
dependencies:
batch-processor: 1.0.0
emoji-regex@8.0.0: {}
emoji-regex@9.2.2: {}
......@@ -3598,6 +3655,8 @@ snapshots:
glob: 10.4.5
nopt: 7.2.1
js-calendar@1.2.3: {}
js-cookie@3.0.5: {}
js-tokens@9.0.1: {}
......@@ -3651,10 +3710,14 @@ snapshots:
lodash: 4.17.21
lodash-es: 4.17.21
lodash.chunk@4.2.0: {}
lodash.clonedeep@4.5.0: {}
lodash.isequal@4.5.0: {}
lodash.throttle@4.1.1: {}
lodash@4.17.21: {}
lru-cache@10.4.3: {}
......@@ -3774,6 +3837,8 @@ snapshots:
dependencies:
boolbase: 1.0.0
numeral@2.0.6: {}
object-assign@4.1.1: {}
object-copy@0.1.0:
......@@ -3856,6 +3921,8 @@ snapshots:
exsolve: 1.0.7
pathe: 2.0.3
popper.js@1.16.1: {}
posix-character-classes@0.1.1: {}
possible-typed-array-names@1.1.0: {}
......@@ -4361,6 +4428,8 @@ snapshots:
tiny-emitter@2.1.0: {}
tinycolor2@1.6.0: {}
tinyglobby@0.2.14:
dependencies:
fdir: 6.5.0(picomatch@4.0.3)
......@@ -4516,10 +4585,28 @@ snapshots:
util-deprecate@1.0.2: {}
v-click-outside-x@3.7.1: {}
varint@6.0.0: {}
vary@1.1.2: {}
view-ui-plus@1.3.20:
dependencies:
async-validator: 3.5.2
countup.js: 1.9.3
dayjs: 1.11.13
deepmerge: 2.2.1
element-resize-detector: 1.2.4
js-calendar: 1.2.3
lodash.chunk: 4.2.0
lodash.throttle: 4.1.1
numeral: 2.0.6
popper.js: 1.16.1
select: 1.1.2
tinycolor2: 1.6.0
v-click-outside-x: 3.7.1
vite-plugin-compression@0.5.1(vite@6.3.5(@types/node@24.3.0)(sass-embedded@1.89.1)):
dependencies:
chalk: 4.1.2
......
src/components/collapseView/index.vue 0 → 100644
<script setup lang="ts" name="collapseView">
import { Collapse, Panel } from 'view-ui-plus';
const props = defineProps<{
modelValue: boolean;
text?: string;
icon?: string; // 图标 '' 'success' 'error'
width?: string;
cancel?: string;
}>();
const emit = defineEmits(["update:modelValue", "confirm", "cancel"]);
</script>
<template>
<Collapse simple>
<Panel name="1">
测试数据域
<span class="collapse-item__btns--box">
<el-icon color="rgb(253, 84, 81)" :size="16">
<circle-plus-filled />
</el-icon>
</span>
<template #content>
<div>
<div class="rule__item">
<span>aaaa</span>
<div class="default"></div>
<div class="rule__item__btns">
<el-icon color="rgb(13, 215, 141)" :size="16">
<delete />
</el-icon>
</div>
</div>
</div>
</template>
</Panel>
</Collapse>
</template>
<style lang="scss" scoped>
:deep(.ivu-collapse-content) {
padding: 0 0 0 14px;
}
:deep(.ivu-collapse-content-box) {
padding-bottom: 0;
}
.ivu-collapse-header {
padding-left: 0;
}
.ivu-collapse-simple {
border: none !important;
.ivu-collapse-item {
position: relative;
border: none !important;
}
.ivu-collapse-item:before {
content: " ";
width: calc(100% - 14px);
height: 1px;
background: #f3f5fa;
position: absolute;
top: 0;
left: 14px;
}
.ivu-collapse-item:first-child:before {
height: 0;
}
}
.collapse-item__btns--box {
position: absolute;
right: 4px;
}
.rule__item {
position: relative;
padding-left: 20px;
cursor: pointer;
border-bottom: 1px solid #f3f5fa;
height: 30px;
line-height: 30px;
display: flex;
align-items: center;
justify-content: space-between;
&__btns {
padding-top: 7px;
padding-right: 28px;
display: none;
line-height: 30px;
}
.default {
position: absolute;
top: 0;
right: 0;
width: 28px;
height: 30px;
background: url("@/assets/images/assetLibrary/default.png") no-repeat
center center;
background-size: 100% 100%;
pointer-events: none;
}
}
.rule__item:hover {
color: #21333f;
background: #f3f5fa;
.rule__item__btns {
display: block;
}
}
</style>
\ No newline at end of file
src/main.js
......@@ -5,6 +5,7 @@ import Cookies from 'js-cookie'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import 'element-plus/theme-chalk/dark/css-vars.css'
import 'view-ui-plus/dist/styles/viewuiplus.css';
import locale from 'element-plus/es/locale/lang/zh-cn'
import '@/assets/styles/index.scss' // global css
......
src/views/assetLibrary/list.vue
......@@ -69,7 +69,6 @@ const onConfirm = () => {
<template #title>
<span id="badDebt" class="title-icon">
资产库
<PageTour tourType="badDebt" />
</span>
</template>
<template #buttons>
......
src/views/assetLibrary/资产库 0 → 100644
++ "b/src/views/assetLibrary/\350\265\204\344\272\247\345\272\223"
src/views/ruleConfig/Algorithm/index.vue 0 → 100644
<script setup name="Algorithm">
import { ref, toRefs } from 'vue'
import { Split, Switch } from 'view-ui-plus';
import CollapseView from '@/components/CollapseView/index.vue'
const splitNum = ref(0.31)
const data = reactive({
form: {
name: "",
},
rules: {},
});
const { form, rules } = toRefs(data);
const readOnly = ref(true);
</script>
<template>
<div class="app-container scroller">
<PageTitle>
<template #title>
<span id="badDebt" class="title-icon">
脱敏算法
</span>
</template>
</PageTitle>
<div class="app-container__body">
<Split v-model="splitNum">
<template #left>
<div class="demo-split-pane" style="padding: 0 38px 10px 0;width: 100%;overflow: auto;height: 100%;">
<el-input class="mb20" placeholder="脱敏规则搜索">
<template #suffix>
<el-icon style="vertical-align: middle;">
<search />
</el-icon>
</template>
</el-input>
<CollapseView />
</div>
</template>
<template #right>
<div class="demo-split-pane">
<div class="right">
<div class="right-title">
<el-icon>
<info-filled />
</el-icon>
<span style="margin-left: 5px;">脱敏规则</span>
</div>
<div class="right-content">
<el-form ref="formRef" :model="form" label-width="100px" :disabled="readOnly">
<el-form-item label="算法名称" required>
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="表达式" required>
<el-input type="textarea" rows="8" v-model="form.desc"></el-input>
<el-button class="openEditor" type="primary">打开编辑器</el-button>
</el-form-item>
<el-form-item label="默认规则">
<Switch :disabled="readOnly">
<template #open>
<span>是</span>
</template>
<template #close>
<span>否</span>
</template>
</Switch>
</el-form-item>
</el-form>
</div>
<div class="right-btn">
<el-button type="primary" style="width: 150px;" @click="readOnly = false" v-if="readOnly">编辑</el-button>
<el-button type="info" style="width: 150px;" @click="readOnly = true" v-if="!readOnly">取消</el-button>
<el-button type="primary" style="width: 150px;" v-if="!readOnly">确认</el-button>
</div>
</div>
</div>
</template>
</Split>
</div>
</div>
</template>
<style lang="scss" scoped>
.app-container__body {
height: calc(
100vh - var(--navbar-height) - var(--container-pd) - var(--container-pd)
) !important;
.right {
padding: 6px 10px 10px;
height: 100%;
&-title {
padding: 0px 0px 10px 10px;
display: flex;
align-items: center;
font-weight: 700;
color: #515a6e;
}
&-content {
padding: 10px 0px;
width: 80%;
margin: 20px auto;
.openEditor{
position: absolute;
bottom: 0;
right: 0;
}
}
&-btn{
padding: 20px 20px 20px 100px;
display: flex;
justify-content: center;
}
}
}
</style>
\ No newline at end of file
src/views/ruleConfig/Algorithm/脱敏算法 0 → 100644
++ "b/src/views/ruleConfig/Algorithm/\350\204\261\346\225\217\347\256\227\346\263\225"
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论