权限修改2

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>

src/Manager/components/Authority.vue

@@ -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-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-modal>
 </template>