WxxyDeveloper/JSL_OrganizeInternalOAWeb
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

权限修改2

Browse Source
This commit is contained in:
妖姐 2024-03-02 23:46:55 +08:00
parent 206909b017
commit ff8d80d6d6
2 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/Manager/Header.vue
View File

@ -1,4 +1,4 @@
<template > <template xmlns="">
<div class="header"> <div class="header">
<a-button class="logo" ghost>LOGO</a-button> <a-button class="logo" ghost>LOGO</a-button>
<div class="centered-text">内部系统管理界面</div> <div class="centered-text">内部系统管理界面</div>
@ -8,10 +8,9 @@
</a-avatar> </a-avatar>
<!-- 下拉框--> <!-- 下拉框-->
<div v-if="$dropdownVisible" class="dropdown"> <div v-if="$dropdownVisible" class="dropdown">
<div class="dropdown-content"> <div class="dropdown-content">
<div> <div>
<a href="/LoginRegister/Login">退出<ArrowRightOutlined /></a> <a href="/LoginRegister/Login">退出<LogoutOutlined /></a>
</div> </div>
</div> </div>
</div> </div>
@ -21,7 +20,7 @@
<script setup> <script setup>
import {ref} from 'vue'; import {ref} from 'vue';
import {LogoutOutlined,} from '@ant-design/icons-vue';
const $dropdownVisible = ref(false); const $dropdownVisible = ref(false);
@ -71,9 +70,16 @@ function $toggleDropdown() {
top: 100%; top: 100%;
right: 0; right: 0;
background-color: #f9f9f9; background-color: #f9f9f9;
min-width: 160px; min-width: 80px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px; padding: 12px;
z-index: 1; z-index: 1;
} }
.dropdown-content{
margin: 0 auto;
}
.dropdown-content>div>a{
text-decoration: none;
color: #508bf3;
}
</style> </style>

22
src/Manager/components/Authority.vue
View File

@ -50,17 +50,17 @@
<!--详情对话框--> <!--详情对话框-->
<a-modal v-model:open="open" title="编辑" ok-text="确认" cancel-text="取消" @ok="EditHeaderImage"> <a-modal v-model:open="open" title="编辑" ok-text="确认" cancel-text="取消" @ok="EditHeaderImage">
<a-form-item label="根权限" v-bind="validateInfos.name"> <a-form-item label="根权限" v-bind="validateInfos.name" >
<a-input v-model:value="formState.title" /> <a-input v-model:value="formState.title" style="margin-left: 1vw ;width: 350px;" />
</a-form-item> </a-form-item>
<a-form-item label="权限名称" v-bind="validateInfos.name"> <a-form-item label="权限名称" v-bind="validateInfos.name" >
<a-input v-model:value="formState.image" /> <a-input v-model:value="formState.image" style="width: 350px;" />
</a-form-item> </a-form-item>
<a-form-item label="编码" v-bind="validateInfos.name"> <a-form-item label="编码" v-bind="validateInfos.name">
<a-input v-model:value="formState.displayOrder" /> <a-input v-model:value="formState.displayOrder" style="margin-left: 1.8vw;width: 350px;"/>
</a-form-item> </a-form-item>
<a-form-item label="类型" v-bind="validateInfos.name"> <a-form-item label="类型" v-bind="validateInfos.name">
<a-radio-group v-model:value="showStates"> <a-radio-group v-model:value="showStates" style="margin-left: 2vw">
<a-radio value="根权限">根权限</a-radio> <a-radio value="根权限">根权限</a-radio>
<a-radio value="子权限">子权限</a-radio> <a-radio value="子权限">子权限</a-radio>
</a-radio-group> </a-radio-group>
@ -71,19 +71,19 @@
<a-modal v-model:open="addopen" title="新增数据" @ok="addOk" ok-text="确认" cancel-text="取消" > <a-modal v-model:open="addopen" title="新增数据" @ok="addOk" ok-text="确认" cancel-text="取消" >
<a-form-item label="类型" v-bind="validateInfos.name" > <a-form-item label="类型" v-bind="validateInfos.name" >
<a-radio-group v-model:value="showStates"> <a-radio-group v-model:value="showStates"style="margin-left: 2vw;width: 350px;">
<a-radio value="根权限">根权限</a-radio> <a-radio value="根权限">根权限</a-radio>
<a-radio value="子权限">子权限</a-radio> <a-radio value="子权限">子权限</a-radio>
</a-radio-group> </a-radio-group>
</a-form-item> </a-form-item>
<a-form-item label="根权限" v-bind="validateInfos.name" > <a-form-item label="根权限" v-bind="validateInfos.name" >
<a-input v-model:value="modelRef.title" /> <a-input v-model:value="modelRef.title" style="margin-left: 1vw;width: 350px;" />
</a-form-item> </a-form-item>
<a-form-item label="权限名称" v-bind="validateInfos.name" > <a-form-item label="权限名称" v-bind="validateInfos.name" >
<a-input v-model:value="modelRef.title" /> <a-input v-model:value="modelRef.title" style="width: 350px;" />
</a-form-item> </a-form-item>
<a-form-item label="code" v-bind="validateInfos.name" > <a-form-item label="编码" v-bind="validateInfos.name" >
<a-input v-model:value="modelRef.title" /> <a-input v-model:value="modelRef.title" style="margin-left: 1.8vw;width: 350px;" />
</a-form-item> </a-form-item>
</a-modal> </a-modal>
</template> </template>