Commit 5f1efb29 authored by baiyinhao's avatar baiyinhao

修改指标路由 修改API接入安全页面弹窗

parent bfca7d1f
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
resetFields(); resetFields();
isUpdate.value = data.isUpdate; isUpdate.value = data.isUpdate;
if (data.isUpdate === false) { if (data.isUpdate === false) {
title.value = '新增分类分级'; title.value = '添加访问控制规则';
updateSchema([ updateSchema([
{ field: 'sensitiveState', required: true, componentProps: { disabled: false } }, { field: 'sensitiveState', required: true, componentProps: { disabled: false } },
{ field: 'sensitiveType', required: true, componentProps: { disabled: false } }, { field: 'sensitiveType', required: true, componentProps: { disabled: false } },
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
resetFields(); resetFields();
isUpdate.value = data.isUpdate; isUpdate.value = data.isUpdate;
if (data.isUpdate === false) { if (data.isUpdate === false) {
title.value = '新增分类分级'; title.value = '添加访问控制规则';
updateSchema([ updateSchema([
{ field: 'sensitiveState', required: true, componentProps: { disabled: false } }, { field: 'sensitiveState', required: true, componentProps: { disabled: false } },
{ field: 'sensitiveType', required: true, componentProps: { disabled: false } }, { field: 'sensitiveType', required: true, componentProps: { disabled: false } },
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
resetFields(); resetFields();
isUpdate.value = data.isUpdate; isUpdate.value = data.isUpdate;
if (data.isUpdate === false) { if (data.isUpdate === false) {
title.value = '新增分类分级'; title.value = '添加访问控制规则';
updateSchema([ updateSchema([
{ field: 'sensitiveState', required: true, componentProps: { disabled: false } }, { field: 'sensitiveState', required: true, componentProps: { disabled: false } },
{ field: 'sensitiveType', required: true, componentProps: { disabled: false } }, { field: 'sensitiveType', required: true, componentProps: { disabled: false } },
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
resetFields(); resetFields();
isUpdate.value = data.isUpdate; isUpdate.value = data.isUpdate;
if (data.isUpdate === false) { if (data.isUpdate === false) {
title.value = '新增分类分级'; title.value = '添加访问控制规则';
updateSchema([ updateSchema([
{ field: 'sensitiveState', required: true, componentProps: { disabled: false } }, { field: 'sensitiveState', required: true, componentProps: { disabled: false } },
{ field: 'sensitiveType', required: true, componentProps: { disabled: false } }, { field: 'sensitiveType', required: true, componentProps: { disabled: false } },
......
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
resetFields(); resetFields();
isUpdate.value = data.isUpdate; isUpdate.value = data.isUpdate;
if (data.isUpdate === false) { if (data.isUpdate === false) {
title.value = '新增分类分级'; title.value = '添加访问控制规则';
updateSchema([ updateSchema([
{ field: 'sensitiveState', required: true, componentProps: { disabled: false } }, { field: 'sensitiveState', required: true, componentProps: { disabled: false } },
{ field: 'sensitiveType', required: true, componentProps: { disabled: false } }, { field: 'sensitiveType', required: true, componentProps: { disabled: false } },
......
...@@ -4,6 +4,7 @@ import { h } from 'vue'; ...@@ -4,6 +4,7 @@ import { h } from 'vue';
import { Switch } from 'ant-design-vue'; import { Switch } from 'ant-design-vue';
import { useMessage } from '@/hooks/web/useMessage'; import { useMessage } from '@/hooks/web/useMessage';
import { changeFlagApi } from '@/api/system/user/user'; import { changeFlagApi } from '@/api/system/user/user';
import { defaultValueComponents } from '@/components/Form/src/helper';
// 引入开关组件 // 引入开关组件
type CheckedType = boolean | string | number; type CheckedType = boolean | string | number;
...@@ -59,9 +60,13 @@ export const formSchema: any[] = [ ...@@ -59,9 +60,13 @@ export const formSchema: any[] = [
colProps: { span: 3 }, colProps: { span: 3 },
componentProps: { componentProps: {
placeholder: '规则类型', placeholder: '规则类型',
defaultValue: '默认',
options: [ options: [
{ label: '默认', value: '默认' }, { label: '默认', value: '默认' },
{ label: '规则类型1', value: '规则类型1' }, { label: '域名', value: '域名' },
{ label: '特征流量', value: '特征流量' },
{ label: 'URL', value: 'URL' },
{ label: 'API', value: 'API' },
], ],
}, },
rules: [ rules: [
...@@ -72,30 +77,89 @@ export const formSchema: any[] = [ ...@@ -72,30 +77,89 @@ export const formSchema: any[] = [
], ],
}, },
{ {
field: 'sensitiveType', field: 'ip',
label: '敏感类型', label: 'IP',
component: 'Input',
componentProps: {
style: {},
},
rules: [
{
required: true,
message: '请输入IP',
},
],
},
{
field: 'fieldName',
label: '域名',
component: 'Input',
componentProps: {
placeholder: '请输入域名',
style: {},
},
ifShow: ({ values }) => values.ruleType !== undefined && values.ruleType.includes('域名'),
rules: [
{
required: true,
message: '请输入域名',
},
],
},
{
field: 'featureFlow',
label: '特征流量',
component: 'Select', component: 'Select',
colProps: { span: 3 },
componentProps: { componentProps: {
placeholder: '敏感类型', style: {},
placeholder: '特征流量',
options: [ options: [
{ label: '敏感类型', value: '敏感类型' }, { label: '下载', value: '下载' },
{ label: 'AccessKey ID', value: 'AccessKey ID' }, { label: '预览', value: '预览' },
{ label: '担保方式', value: '担保方式' },
], ],
}, },
ifShow: ({ values }) => values.ruleType !== undefined && values.ruleType.includes('特征流量'),
rules: [
{
required: true,
message: '请选择特征流量',
},
],
}, },
{ {
field: 'ip', field: 'url',
label: 'IP', label: 'URL',
component: 'Input', component: 'Input',
componentProps: { componentProps: {
style: { style: {},
border: 'none', placeholder: '请输入URL',
backgroundColor: 'transparent',
}, },
readOnly: true, ifShow: ({ values }) => values.ruleType !== undefined && values.ruleType.includes('URL'),
rules: [
{
required: true,
message: '请输入URL',
}, },
],
},
{
field: 'protectAction',
label: '保护动作',
component: 'Select',
componentProps: {
placeholder: '保护动作',
options: [
{ label: '放行', value: '放行' },
{ label: '拒绝', value: '拒绝' },
],
},
rules: [
{
required: true,
message: '请选择保护动作',
},
],
}, },
]; ];
/** 列表筛选项tab2*/ /** 列表筛选项tab2*/
......
...@@ -104,20 +104,17 @@ ...@@ -104,20 +104,17 @@
EditOutlined, EditOutlined,
PlusOutlined, PlusOutlined,
} from '@ant-design/icons-vue'; } from '@ant-design/icons-vue';
import { labelTreeData, tabTableData } from './labelData'; import { labelTreeData, tabTableData } from '../benchmarkMainbody/labelData';
import { h, ref, unref } from 'vue'; import { h, ref, unref } from 'vue';
import { Divider } from 'ant-design-vue'; import { Divider } from 'ant-design-vue';
import type { BasicTableProps, TableActionType, TableRowSelection } from '@/components/Table'; import type { BasicTableProps, TableActionType, TableRowSelection } from '@/components/Table';
import PageWrapper from '../../../components/Page/src/PageWrapper.vue'; import PageWrapper from '@/components/Page/src/PageWrapper.vue';
import BasicTree from '../../../components/Tree/src/BasicTree.vue'; import BasicTree from '@/components/Tree/src/BasicTree.vue';
import { BasicTable, useTable, TableAction } from '@/components/Table'; import { BasicTable, useTable, TableAction } from '@/components/Table';
import { TreeActionItem } from '@/components/Tree'; import { TreeActionItem } from '@/components/Tree';
import { tableListViewThree } from '@/views/dataQuality/agentClass/global/details/setup/mock'; import { tableListViewThree } from '@/views/dataQuality/agentClass/global/details/setup/mock';
import { Threecolumns } from '@/views/dataQuality/agentClass/global/details/setup/mainBody.data'; import { Threecolumns } from '@/views/dataQuality/agentClass/global/details/setup/mainBody.data';
import { import { tabTableColumn, tabTableFormSchema } from './label.data';
tabTableColumn,
tabTableFormSchema,
} from '@/views/mallResourceDevelopment/label/label.data';
import { searchFormSchema } from '@/views/auditLog/audi.data'; import { searchFormSchema } from '@/views/auditLog/audi.data';
import { useMessage } from '@/hooks/web/useMessage'; import { useMessage } from '@/hooks/web/useMessage';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
......
import {BasicColumn, FormSchema} from "@/components/Table"; import { BasicColumn, FormSchema } from '@/components/Table';
export const tabTableColumn: BasicColumn[] = [ export const tabTableColumn: BasicColumn[] = [
{ {
title: '文件名称', title: '指标主体名称',
dataIndex: 'name', dataIndex: 'name',
slots: { customRender: 'name' },
}, },
{ {
title: '描述', title: '描述',
...@@ -18,10 +16,12 @@ export const tabTableColumn: BasicColumn[] = [ ...@@ -18,10 +16,12 @@ export const tabTableColumn: BasicColumn[] = [
{ {
title: '创建时间', title: '创建时间',
dataIndex: 'createdTime', dataIndex: 'createdTime',
sorter: true,
}, },
{ {
title: '更新时间', title: '更新时间',
dataIndex: 'updateTime', dataIndex: 'updateTime',
sorter: true,
}, },
{ {
title: '原始主体', title: '原始主体',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment