From ff8d80d6d60aac05f1358ca1a83dfe1a295f625e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A6=96=E5=A7=90?= <2981176548@qq.com>
Date: Sat, 2 Mar 2024 23:46:55 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9D=83=E9=99=90=E4=BF=AE=E6=94=B92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Manager/Header.vue               | 16 +++++++++++-----
 src/Manager/components/Authority.vue | 22 +++++++++++-----------
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/Manager/Header.vue b/src/Manager/Header.vue
index 2ecf34a..f0ac23f 100644
--- a/src/Manager/Header.vue
+++ b/src/Manager/Header.vue
@@ -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>
\ No newline at end of file
diff --git a/src/Manager/components/Authority.vue b/src/Manager/components/Authority.vue
index b9f400d..b6a5647 100644
--- a/src/Manager/components/Authority.vue
+++ b/src/Manager/components/Authority.vue
@@ -50,17 +50,17 @@
   <!--详情对话框-->
     <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-form-item label="根权限" v-bind="validateInfos.name" >
+            <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-form-item label="权限名称" v-bind="validateInfos.name" >
+            <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>