Skip to content

N
nse-ui
Commit 632ed21d by ningjihai
Options

加密设置

parent 8a089a91
正在显示 包含 278 行增加 和 40 行删除
src/components/Search/PageWrapperSearch.vue
......@@ -74,6 +74,7 @@ export default defineComponent({
type: Array as PropType<Array<{
text: string
color?: string
class?: string
type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'
plain?: boolean
round?: boolean
......@@ -194,6 +195,7 @@ export default defineComponent({
type: btn.type,
plain: btn.plain,
round: btn.round,
class: btn.class,
color: btn.color,
onClick: btn.onClick
},
......
src/views/classification/Classification/modules/BasicInfoTab.vue
<template>
<div class="basic-info-tab">
<el-descriptions
<!-- <el-descriptions
title=""
border
:column="1"
......@@ -15,7 +15,43 @@
<el-descriptions-item label="加密字段数量">{{ nodeInfo.encryptFiledCount || ''}}</el-descriptions-item>
<el-descriptions-item label="未加密字段数量">{{ nodeInfo.unencryptTableCount || ''}}</el-descriptions-item>
<el-descriptions-item label="未加密字段数量">{{ nodeInfo.unencryptFiledCount || ''}}</el-descriptions-item>
</el-descriptions>
</el-descriptions> -->
<el-form ref="formRef" :model="nodeInfo" label-width="138px" >
<div class="formBox">
<el-form-item label="项目" >
<el-input v-model="nodeInfo.projectName" disabled></el-input>
</el-form-item>
<el-form-item label="数据源" >
<el-input v-model="nodeInfo.datasystemName" disabled></el-input>
</el-form-item>
<el-form-item label="数据源类型" >
<el-input v-model="nodeInfo.dbType" disabled></el-input>
</el-form-item>
<el-form-item label="IP" >
<el-input v-model="nodeInfo.ip" disabled></el-input>
</el-form-item>
<el-form-item label="管理的schema">
<el-input v-model="nodeInfo.schema" disabled></el-input>
</el-form-item>
<el-form-item label="字段数" >
<el-input v-model="nodeInfo.totalFiledNum" disabled></el-input>
</el-form-item>
<el-form-item label="加密表数量" >
<el-input v-model="nodeInfo.encryptTableCount" disabled></el-input>
</el-form-item>
<el-form-item label="加密字段数量" >
<el-input v-model="nodeInfo.encryptFiledCount" disabled></el-input>
</el-form-item>
<el-form-item label="未加密表数量" >
<el-input v-model="nodeInfo.unencryptTableCount" disabled></el-input>
</el-form-item>
<el-form-item label="未加密字段数量" >
<el-input v-model="nodeInfo.unencryptFiledCount" disabled></el-input>
</el-form-item>
</div>
</el-form>
</div>
</template>
......@@ -70,4 +106,44 @@ const nodeInfo = computed(() => props.nodeData || {})
font-size: 12px;
color: rgba(148, 148, 148, 1);
}
:deep(.formBox) {
border-radius: 5px;
background: #ebebeb;
border: 1px solid rgba(29, 178, 245, 1);
overflow: hidden;
.el-form-item__content {
margin-left: 1px;
background: #f5fcff;
}
.el-form-item__label {
height: 40px;
line-height: 40px;
background: #f5fcff;
color: rgba(148, 148, 148, 1);
}
.el-form-item {
margin-bottom: 1px;
}
.el-input {
height: 40px;
line-height: 40px;
}
.is-disabled {
background: #f5fcff;
.el-input__wrapper {
background: #f5fcff;
box-shadow: none;
border-radius: 0;
}
.el-input__inner {
-webkit-text-fill-color: rgba(53, 64, 79, 1);
}
}
.el-form-item__error {
top: 30% !important;
left: auto !important;
right: 89px !important;
}
}
</style>
\ No newline at end of file
src/views/classification/Classification/modules/EncryptionTab.vue
......@@ -18,7 +18,7 @@
</el-select>
</el-form-item>
<span>
<el-button type="primary" :icon="Refresh" @click="getTableData">刷新</el-button>
<el-button type="success" plain :icon="Refresh" @click="getTableData">刷新</el-button>
</span>
</el-form>
</div>
......@@ -26,9 +26,10 @@
<div class="table-wrapper" style="position:relative;">
<el-table
:data="filteredTableData"
border
stripe
style="width: 100%; margin-top: 15px;"
max-height="500px"
height="280px"
:row-class-name="tableRowClassName"
@cell-click="handleCellClick"
:class="{ 'non-editing': !isEditing }"
......@@ -88,10 +89,10 @@
</div>
<!-- 操作按钮区域 -->
<div class="action-buttons">
<el-button v-if="!isEditing" type="primary" :loading="isBatchEncrypting" @click="handleBatchEncrypt">批量加密</el-button>
<el-button v-if="!isEditing" type="primary" :loading="isBatchDecrypting" @click="handleBatchDecrypt">批量解密</el-button>
<el-button v-if="!isEditing" type="primary" @click="handleDeleteColumns">删除多余列</el-button>
<el-button v-if="!isEditing" type="primary" @click="toggleEditMode">编辑</el-button>
<el-button v-if="!isEditing" type="warning" icon="Lock" :loading="isBatchEncrypting" @click="handleBatchEncrypt">批量加密</el-button>
<el-button v-if="!isEditing" type="success" icon="Unlock" :loading="isBatchDecrypting" @click="handleBatchDecrypt">批量解密</el-button>
<el-button v-if="!isEditing" type="danger" icon="Delete" @click="handleDeleteColumns">删除多余列</el-button>
<el-button v-if="!isEditing" type="primary" icon="Edit" @click="toggleEditMode">编辑</el-button>
<el-button v-if="isEditing" type="info" @click="toggleEditMode">取消</el-button>
<el-button v-if="isEditing" type="primary" @click="handleSave">保存</el-button>
</div>
......@@ -108,7 +109,11 @@
</template>
<script setup>
import { Refresh } from '@element-plus/icons-vue'
import { Refresh,
Lock,
Unlock,
Delete } from '@element-plus/icons-vue'
import { ref, computed, reactive, inject, nextTick} from 'vue'
import EncryptionRuleDialog from './EncryptionRuleDialog.vue'
import { ElMessageBox } from 'element-plus'
......
src/views/classification/Classification/modules/StructureTab.vue
......@@ -2,12 +2,10 @@
<div class="structure-tab">
<el-table
:data="tableData"
max-height="500px"
border
height="280px"
stripe
style="width: 100%"
:header-cell-style="{ background: '#f5f7fa', color: '#333' }"
:row-style="{ height: '40px' }"
:cell-style="{ padding: '8px 0', textAlign: 'center' }"
>
<el-table-column label="主键" width="80" fixed>
<template #default="scope">
......
src/views/classification/Classification/modules/TableInfoTab.vue
<template>
<div class="table-info-tab">
<!-- 表基本信息 -->
<el-descriptions
<!-- <el-descriptions
title=""
border
:column="1"
......@@ -11,7 +11,29 @@
<el-descriptions-item label="加密字段数量">{{ nodeData.encryptColumnCount }}</el-descriptions-item>
<el-descriptions-item label="操作人">{{ nodeData.operator }}</el-descriptions-item>
<el-descriptions-item label="操作时间">{{ nodeData.operationTime }}</el-descriptions-item>
</el-descriptions>
</el-descriptions> -->
<el-form ref="formRef" :model="nodeData" label-width="138px" >
<div class="formBox">
<el-form-item label="字段数" >
<el-input v-model="nodeData.totalColumnCount" disabled></el-input>
</el-form-item>
<el-form-item label="未加密字段数量" >
<el-input v-model="nodeData.unencryptColumnCount" disabled></el-input>
</el-form-item>
<el-form-item label="加密字段数量" >
<el-input v-model="nodeData.encryptColumnCount" disabled></el-input>
</el-form-item>
<el-form-item label="操作人" >
<el-input v-model="nodeData.operator" disabled></el-input>
</el-form-item>
<el-form-item label="操作时间">
<el-input v-model="nodeData.operationTime" disabled></el-input>
</el-form-item>
</div>
</el-form>
</div>
</template>
......@@ -66,5 +88,43 @@ const props = defineProps({
font-size: 12px;
color: rgba(148, 148, 148, 1);
}
:deep(.formBox) {
border-radius: 5px;
background: #ebebeb;
border: 1px solid rgba(29, 178, 245, 1);
overflow: hidden;
.el-form-item__content {
margin-left: 1px;
background: #f5fcff;
}
.el-form-item__label {
height: 40px;
line-height: 40px;
background: #f5fcff;
color: rgba(148, 148, 148, 1);
}
.el-form-item {
margin-bottom: 1px;
}
.el-input {
height: 40px;
line-height: 40px;
}
.is-disabled {
background: #f5fcff;
.el-input__wrapper {
background: #f5fcff;
box-shadow: none;
border-radius: 0;
}
.el-input__inner {
-webkit-text-fill-color: rgba(53, 64, 79, 1);
}
}
.el-form-item__error {
top: 30% !important;
left: auto !important;
right: 89px !important;
}
}
</style>
\ No newline at end of file
src/views/classification/EncryptionManagement/QueryForm.vue
......@@ -2,7 +2,25 @@
import { computed, ref, watch } from 'vue';
import PageWrapperSearch from '@/components/search/PageWrapperSearch.vue';
import encryptFlag from '@/constants/encryptFlag.js';
const emit = defineEmits(['update:modelValue', 'query', 'reset']);
import {
Lock,
Unlock,
Delete
} from '@element-plus/icons-vue'
const emit = defineEmits(['update:modelValue', 'query', 'reset', 'deleteUnnecessaryColumns', 'bulkEncryption', 'batchDecryption']);
function deleteUnnecessaryColumns() {
emit('deleteUnnecessaryColumns')
}
function bulkEncryption() {
emit('bulkEncryption')
}
function batchDecryption() {
emit('batchDecryption')
}
const props = defineProps({
modelValue: Object
});
......@@ -31,15 +49,67 @@ function onReset(formRef) {
queryForm.value.status = [];
emit('reset', formRef);
}
</script>
<template>
<!-- <el-button
type="primary"
@click="deleteUnnecessaryColumns"
>
删除多余列
</el-button>
<el-button
type="primary"
@click="bulkEncryption"
>
批量加密
</el-button>
<el-button
type="primary"
@click="batchDecryption"
>
批量解密
</el-button> -->
<!-- el-form -->
<page-wrapper-search
:model="queryForm"
:extraButtons="[
{
text: '删除多余列',
icon: Delete,
plain: true,
color: 'rgba(255, 141, 26, 1)',
type: 'success',
onClick: deleteUnnecessaryColumns
},
{
text: '批量加密',
icon: Lock,
plain: true,
color: 'rgba(11, 136, 251, 1)',
type: 'success',
onClick: bulkEncryption
},
{
text: '批量解密',
icon: Unlock,
plain: true,
color: 'rgba(0, 186, 173, 1)',
type: 'success',
onClick: batchDecryption
}
]"
@search="onSearch"
@reset="onReset">
<el-form-item label="数据源名称" prop="datasource">
<!-- <el-form-item label="数据源名称" prop="datasource">
<el-input
v-model="queryForm.datasource"
placeholder="请输入数据源名称"
......@@ -53,7 +123,7 @@ function onReset(formRef) {
placeholder="请输入SCHEMA"
clearable
/>
</el-form-item>
</el-form-item> -->
<el-form-item label="表名称" prop="tableName">
<el-input
......@@ -62,7 +132,7 @@ function onReset(formRef) {
clearable
/>
</el-form-item>
<!--
<el-form-item label="字段名称" prop="fieldName">
<el-input
v-model="queryForm.fieldName"
......@@ -80,7 +150,7 @@ function onReset(formRef) {
>
<el-option v-for="value in encryptFlag" :label="value.label" :value="value.value" />
</el-select>
</el-form-item>
</el-form-item> -->
</page-wrapper-search>
</template>
......
src/views/classification/EncryptionManagement/list.vue
......@@ -269,7 +269,7 @@ watch(dialogVisible, (newVal) => {
返回项目管理
</template>
<template #buttons>
<el-button
<!-- <el-button
type="primary"
@click="deleteUnnecessaryColumns"
>
......@@ -286,7 +286,7 @@ watch(dialogVisible, (newVal) => {
@click="batchDecryption"
>
批量解密
</el-button>
</el-button> -->
</template>
</PageTitle>
......@@ -295,20 +295,22 @@ watch(dialogVisible, (newVal) => {
<QueryForm
ref="QueryFormRef"
v-model="queryParams"
@deleteUnnecessaryColumns="deleteUnnecessaryColumns"
@batchDecryption="batchDecryption"
@bulkEncryption="bulkEncryption"
@query="onQuery"
@reset="onReset"/>
<div class="warning-alert">
<!-- <div class="warning-alert">
<div class="warning-content flex-container align-center">
<el-icon color="#f33"><WarnTriangleFilled /></el-icon>
<span class="warning-text">警告：存在未加密字段，请完成历史数据加密操作，否则无法正常使用插件！</span>
</div>
</div>
</div> -->
<el-table
:data="tableData"
border
stripe
style="width: 100%"
:header-cell-style="{ background: '#f5f7fa', color: '#606266' }"
>
<el-table-column type="index" label="序号" width="60" align="center" />
<el-table-column prop="datasystemname" label="数据源名" width="120" show-overflow-tooltip />
......
src/views/classification/MonitorManagement/index.vue
......@@ -372,7 +372,7 @@ onUnmounted(() => {
<span></span>
<span>客户端列表区域：</span>
</div>
<el-table :data="dataList" border style="width: 100%">
<el-table :data="dataList" stripe style="width: 100%">
<el-table-column label="序号" align="center" width="60" type="index">
<template #default="scope">
<span>{{ scope.$index + 1 }}</span>
......
src/views/discover/Discover/QueryForm.vue
......@@ -2,13 +2,14 @@
import { computed,ref,watch } from 'vue'
import type { FormInstance } from 'element-plus'
import PageWrapperSearch from '@/components/search/PageWrapperSearch.vue'
// import { useDict } from '@/utils/dict'
// import { listDept } from '@/api/system/dept'// 部门
import {
Plus
} from '@element-plus/icons-vue'
// const { approve_status, invoice_status} = useDict('approve_status', 'invoice_status')
const emit = defineEmits(['update:modelValue', 'query', 'reset'])
const emit = defineEmits(['update:modelValue', 'query', 'reset','add'])
const invoice_status_filter = ref([])
const employeesList = ref([])
const props = defineProps<{
......@@ -39,6 +40,9 @@ function onReset(formRef: FormInstance) {
emit('reset', formRef)
}
function handleAdd (){
emit('add')
}
</script>
......@@ -46,6 +50,16 @@ function onReset(formRef: FormInstance) {
<!-- el-form -->
<page-wrapper-search
:model="queryForm"
:extraButtons="[
{
text: '新增',
icon: Plus,
color: 'rgba(0, 189, 207, 1)',
type: 'success',
class: 'btn-fff',
onClick: handleAdd
}
]"
@search="onSearch"
@reset="onReset">
<el-form-item label="发现任务名称" prop="taskname">
......@@ -63,6 +77,10 @@ function onReset(formRef: FormInstance) {
</page-wrapper-search>
</template>
<style scoped>
<style scoped lang="scss">
:deep(.btn-fff){
span{
color: #fff;
}
}
</style>
src/views/discover/Discover/list.vue
......@@ -398,13 +398,13 @@ const handleAddEditConfirm = (submitData, isEditMode) =>{
返回项目管理
</template>
<template #buttons>
<el-button
<!-- <el-button
type="primary"
icon="Plus"
@click="handleAdd"
>
新增发现任务
</el-button>
</el-button> -->
</template>
</PageTitle>
......@@ -414,7 +414,8 @@ const handleAddEditConfirm = (submitData, isEditMode) =>{
ref="QueryFormRef"
v-model="queryParams"
@query="onQuery"
@reset="onReset"/>
@reset="onReset"
@add="handleAdd"/>
<el-table
:data="tableData"
......
src/views/project/Project/QueryForm.vue
......@@ -60,7 +60,7 @@ function showAddDialog() {
icon: Plus,
color: 'rgba(0, 189, 207, 1)',
type: 'success',
textClass: 'btn-fff',
class: 'btn-fff',
onClick: showAddDialog
}
]"
......@@ -119,5 +119,9 @@ function showAddDialog() {
</template>
<style scoped lang="scss">
:deep(.btn-fff){
span{
color: #fff;
}
}
</style>
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论