权限修改2
This commit is contained in:
parent
206909b017
commit
ff8d80d6d6
@ -1,4 +1,4 @@
|
||||
<template >
|
||||
<template xmlns="">
|
||||
<div class="header">
|
||||
<a-button class="logo" ghost>LOGO</a-button>
|
||||
<div class="centered-text">内部系统管理界面</div>
|
||||
@ -8,10 +8,9 @@
|
||||
</a-avatar>
|
||||
<!-- 下拉框-->
|
||||
<div v-if="$dropdownVisible" class="dropdown">
|
||||
|
||||
<div class="dropdown-content">
|
||||
<div>
|
||||
<a href="/LoginRegister/Login">退出<ArrowRightOutlined /></a>
|
||||
<a href="/LoginRegister/Login">退出<LogoutOutlined /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -21,7 +20,7 @@
|
||||
|
||||
<script setup>
|
||||
import {ref} from 'vue';
|
||||
|
||||
import {LogoutOutlined,} from '@ant-design/icons-vue';
|
||||
|
||||
const $dropdownVisible = ref(false);
|
||||
|
||||
@ -71,9 +70,16 @@ function $toggleDropdown() {
|
||||
top: 100%;
|
||||
right: 0;
|
||||
background-color: #f9f9f9;
|
||||
min-width: 160px;
|
||||
min-width: 80px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
||||
padding: 12px;
|
||||
z-index: 1;
|
||||
}
|
||||
.dropdown-content{
|
||||
margin: 0 auto;
|
||||
}
|
||||
.dropdown-content>div>a{
|
||||
text-decoration: none;
|
||||
color: #508bf3;
|
||||
}
|
||||
</style>
|
@ -51,16 +51,16 @@
|
||||
<a-modal v-model:open="open" title="编辑" ok-text="确认" cancel-text="取消" @ok="EditHeaderImage">
|
||||
|
||||
<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 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 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 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-group>
|
||||
@ -71,19 +71,19 @@
|
||||
|
||||
<a-modal v-model:open="addopen" title="新增数据" @ok="addOk" ok-text="确认" cancel-text="取消" >
|
||||
<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-group>
|
||||
</a-form-item>
|
||||
<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 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 label="code" v-bind="validateInfos.name" >
|
||||
<a-input v-model:value="modelRef.title" />
|
||||
<a-form-item label="编码" v-bind="validateInfos.name" >
|
||||
<a-input v-model:value="modelRef.title" style="margin-left: 1.8vw;width: 350px;" />
|
||||
</a-form-item>
|
||||
</a-modal>
|
||||
</template>
|
||||
|
Loading…
x
Reference in New Issue
Block a user