Skip to content

B
bigDataSystem
Commit 3b275e71 authored by LiXuyang's avatar LiXuyang
Browse files
Options

api数据安全-敏感保护

parent a4f9ae21
Hide whitespace changes
Inline Side-by-side
Showing with 52 additions and 22 deletions
src/views/dataService/APIDataSecurity/SensitiveProtection/sensitiveRuleMode.vue
View file @ 3b275e71
...@@ -16,13 +16,20 @@ ...@@ -16,13 +16,20 @@
<div style="float: right"> <div style="float: right">
<Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" /> <Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" />
</div> </div>
<a-input /> <BasicTree
<CheckboxGroup v-model="selectedValues"> ref="tree1"
<div v-for="item in plainOptions" :span="24" class="checkRow"> :treeData="data.tree1"
<Checkbox>{{ item }}</Checkbox> :search="true"
<Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" /> :checkable="true"
</div> :defaultExpandAll="true"
</CheckboxGroup> />
<!-- <a-input />-->
<!-- <CheckboxGroup v-model="selectedValues">-->
<!-- <div v-for="item in plainOptions" :span="24" class="checkRow">-->
<!-- <Checkbox>{{ item }}</Checkbox>-->
<!-- <Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" />-->
<!-- </div>-->
<!-- </CheckboxGroup>-->
</div> </div>
<BasicForm style="margin-top: 10px" @register="registerForm" /> <BasicForm style="margin-top: 10px" @register="registerForm" />
</Tabs.TabPane> </Tabs.TabPane>
...@@ -31,13 +38,20 @@ ...@@ -31,13 +38,20 @@
<div style="float: right"> <div style="float: right">
<Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" /> <Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" />
</div> </div>
<a-input /> <BasicTree
<CheckboxGroup v-model="selectedValues"> ref="tree2"
<div v-for="item in plainOptionsRole" :span="24" class="checkRow"> :treeData="data.tree2"
<Checkbox>{{ item }}</Checkbox> :search="true"
<Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" /> :checkable="true"
</div> :defaultExpandAll="true"
</CheckboxGroup> />
<!-- <a-input />-->
<!-- <CheckboxGroup v-model="selectedValues">-->
<!-- <div v-for="item in plainOptionsRole" :span="24" class="checkRow">-->
<!-- <Checkbox>{{ item }}</Checkbox>-->
<!-- <Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" />-->
<!-- </div>-->
<!-- </CheckboxGroup>-->
</div> </div>
<BasicForm style="margin-top: 10px" @register="registerForm" /> <BasicForm style="margin-top: 10px" @register="registerForm" />
</Tabs.TabPane> </Tabs.TabPane>
...@@ -46,18 +60,25 @@ ...@@ -46,18 +60,25 @@
<div style="float: right"> <div style="float: right">
<Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" /> <Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" />
</div> </div>
<a-input /> <BasicTree
<CheckboxGroup v-model="selectedValues"> ref="tree3"
<div v-for="item in plainOptionsThree" :span="24" class="checkRow"> :treeData="data.tree3"
<Checkbox :value="item">{{ item }}</Checkbox> :search="true"
<Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" /> :checkable="true"
</div> :defaultExpandAll="true"
</CheckboxGroup> />
<!-- <a-input />-->
<!-- <CheckboxGroup v-model="selectedValues">-->
<!-- <div v-for="item in plainOptionsThree" :span="24" class="checkRow">-->
<!-- <Checkbox :value="item">{{ item }}</Checkbox>-->
<!-- <Icon icon="ant-design:delete-outlined" :size="25" :color="'#ED6F6F'" />-->
<!-- </div>-->
<!-- </CheckboxGroup>-->
</div> </div>
<BasicForm style="margin-top: 10px" @register="registerForm" /> <BasicForm style="margin-top: 10px" @register="registerForm" />
</Tabs.TabPane> </Tabs.TabPane>
</Tabs> </Tabs>
<addObjectModal @register="registeraddObjectModal" /> <addObjectModal @register="registeraddObjectModal" @success="addObjectSuccess" />
</BasicModal> </BasicModal>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
...@@ -69,6 +90,7 @@ ...@@ -69,6 +90,7 @@
import { formSchema } from './sensitiveProtection.data'; import { formSchema } from './sensitiveProtection.data';
import addObjectModal from './addObjectModal.vue'; import addObjectModal from './addObjectModal.vue';
import { useMessage } from '@/hooks/web/useMessage'; import { useMessage } from '@/hooks/web/useMessage';
import { BasicTree } from '@/components/Tree';
defineOptions({ name: 'AccountModal' }); defineOptions({ name: 'AccountModal' });
const [registeraddObjectModal, { openModal }] = useModal(); const [registeraddObjectModal, { openModal }] = useModal();
...@@ -85,6 +107,11 @@ ...@@ -85,6 +107,11 @@
}); });
const plainOptionsRole = reactive([]); const plainOptionsRole = reactive([]);
const plainOptionsThree = reactive([]); const plainOptionsThree = reactive([]);
const data = ref({
tree1: [],
tree2: [],
tree3: [],
});
//获取接口数据并放在下拉框里（这里是打开了一个弹框） //获取接口数据并放在下拉框里（这里是打开了一个弹框）
//初始化表单 //初始化表单
const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({ const [registerForm, { setFieldsValue, updateSchema, resetFields, validate }] = useForm({
...@@ -124,6 +151,9 @@ ...@@ -124,6 +151,9 @@
createMessage.success('提交成功!'); createMessage.success('提交成功!');
closeModal(); closeModal();
} }
function addObjectSuccess(successData) {
data.value = successData;
}
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.choseOB_title { .choseOB_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