style: update

src/layout/components/menu/index.vue

@@ -1,9 +1,8 @@
 <template>
   <n-menu
+      inverted
     :options="menuOptions"
     :value="$route.path"
-    :default-expand-all="true"
-    class="h-full"
   />
 </template>
 

src/layout/index.vue

@@ -4,16 +4,18 @@
     position="absolute"
     style="top: 0; right: 0; bottom: 0; left: 0"
   >
-    <n-layout-sider
-      collapse-mode="transform"
-      :collapsed-width="0"
-      show-trigger="bar"
-      :native-scrollbar="false"
-      class="shadow"
-    >
-      <h2 class="text-center leading-[64px]">冷链验证报告生成系统</h2>
-      <MenuComponent />
-    </n-layout-sider>
+    <n-config-provider :theme="darkTheme">
+      <n-layout-sider
+        collapse-mode="transform"
+        :collapsed-width="0"
+        show-trigger="bar"
+        :native-scrollbar="false"
+        class="h-full"
+      >
+        <h2 class="text-center leading-[64px]">冷链验证报告生成系统</h2>
+        <MenuComponent />
+      </n-layout-sider>
+    </n-config-provider>
     <n-layout>
       <n-layout-header class="h-16 px-6" bordered>
         <n-space justify="end" align="center" class="h-full">
@@ -38,6 +40,7 @@
 </template>
 
 <script setup>
+import { darkTheme } from "naive-ui";
 import MenuComponent from "@/layout/components/menu/index.vue";
 import { removeToken } from "@/utils/storage/sessionToken";
 

src/login/index.vue

@@ -18,7 +18,6 @@
             <n-input
               v-model:value="formValue.username"
               :maxlength="8"
-              clearable
             >
               <template #prefix>
                 <n-icon :component="UserOutlined" />
@@ -29,9 +28,7 @@
             <n-input
               v-model:value="formValue.password"
               type="password"
-              show-password-on="click"
               :maxlength="8"
-              clearable
             >
               <template #prefix>
                 <n-icon :component="LockOutlined" />
@@ -42,11 +39,10 @@
             <n-select
               v-model:value="formValue.role"
               :options="generalOptions"
-              clearable
             />
           </n-form-item>
           <n-form-item>
-            <n-button type="primary" block @click="handleSubmit"
+            <n-button type="primary" block @click="handleLogin"
               ><span class="text-white">立即登录</span></n-button
             >
           </n-form-item>
@@ -82,7 +78,7 @@ const rules = {
 const formValue = reactive({
   username: "",
   password: "",
-  role: "",
+  role: "管理员",
 });
 
 // 角色列表
@@ -92,7 +88,7 @@ const generalOptions = ["管理员", "用户"].map((v) => ({
 }));
 
 // 登录
-const handleSubmit = async () => {
+const handleLogin = async () => {
   formRef.value.validate(async (errors) => {
     if (!errors) {
       try {