feat: 文件列表样式修改

frontend/src/components/file-list/index.vue

@@ -1,20 +1,44 @@
 <template>
-    <el-popover placement="right" :width="400" trigger="click" :title="$t('file.list')">
+    <el-popover placement="right" :width="400" trigger="click" :title="$t('file.list')" :visible="popoverVisible">
         <template #reference>
-            <el-button :icon="Folder"></el-button>
+            <el-button :icon="Folder" @click="popoverVisible = true"></el-button>
         </template>
         <div>
             <BreadCrumbs>
-                <BreadCrumbItem @click="jump(-1)" :right="paths.length == 0">/</BreadCrumbItem>
+                <BreadCrumbItem @click="jump(-1)" :right="paths.length == 0">
+                    <el-icon><HomeFilled /></el-icon>
+                </BreadCrumbItem>
+                <template v-if="paths.length > 2">
+                    <BreadCrumbItem>
+                        <el-dropdown ref="dropdown1" trigger="click" @command="jump($event)">
+                            <span class="el-dropdown-link">...</span>
+                            <template #dropdown>
+                                <el-dropdown-menu>
+                                    <el-dropdown-item
+                                        v-for="(item, key) in paths.slice(0, -1)"
+                                        :key="key"
+                                        :command="key"
+                                    >
+                                        {{ item }}
+                                    </el-dropdown-item>
+                                </el-dropdown-menu>
+                            </template>
+                        </el-dropdown>
+                    </BreadCrumbItem>
+                    <BreadCrumbItem @click="jump(paths.length - 1)" :right="true">
+                        <span class="sle" style="max-width: 200px">{{ paths[paths.length - 1] }}</span>
+                    </BreadCrumbItem>
+                </template>
+                <template v-else>
                     <BreadCrumbItem
                         v-for="(item, key) in paths"
                         :key="key"
                         @click="jump(key)"
                         :right="key == paths.length - 1"
                     >
-                    <!-- <span class="sle">{{ item }}</span> -->
-                    {{ item }}
+                        <span class="sle" style="max-width: 200px">{{ item }}</span>
                     </BreadCrumbItem>
+                </template>
             </BreadCrumbs>
         </div>
         <div>
@@ -50,6 +74,8 @@ let loading = ref(false);
 let paths = ref<string[]>([]);
 let req = reactive({ path: '/', expand: true, page: 1, pageSize: 300 });
 
+const popoverVisible = ref(false);
+
 const props = defineProps({
     path: {
         type: String,
@@ -66,6 +92,7 @@ const em = defineEmits(['choose']);
 const checkFile = (row: any) => {
     rowName.value = row.name;
     em('choose', row.path);
+    popoverVisible.value = false;
 };
 
 const open = async (row: File.File) => {
@@ -91,6 +118,7 @@ const jump = async (index: number) => {
     }
     req.path = path;
     search(req);
+    popoverVisible.value = true;
 };
 
 const search = async (req: File.ReqFile) => {

frontend/src/views/login/components/login-form.vue

@@ -1,10 +1,9 @@
 <template>
     <div>
         <div v-if="isFirst">
-            <div class="login-container">
+            <div class="login-form">
                 <el-form ref="registerFormRef" :model="registerForm" size="default" :rules="registerRules">
                     <div class="login-title">{{ $t('commons.button.init') }}</div>
-                    <div class="login-form">
                     <input type="text" class="hide" id="name" />
                     <input type="password" class="hide" id="password" />
                     <el-form-item prop="name" class="no-border">
@@ -66,12 +65,10 @@
                             {{ $t('commons.button.init') }}
                         </el-button>
                     </el-form-item>
-                    </div>
                 </el-form>
             </div>
         </div>
-        <div v-else>
-            <div v-if="mfaShow">
+        <div v-else-if="mfaShow">
             <div class="login-form">
                 <el-form>
                     <div class="login-title">{{ $t('commons.login.mfaTitle') }}</div>
@@ -96,7 +93,7 @@
                 </el-form>
             </div>
         </div>
-            <div v-if="!mfaShow">
+        <div v-else>
             <div class="login-form">
                 <el-form ref="loginFormRef" :model="loginForm" size="default" :rules="loginRules">
                     <div class="login-title">{{ $t('commons.button.login') }}</div>
@@ -161,7 +158,6 @@
             </div>
         </div>
     </div>
-    </div>
 </template>
 
 <script setup lang="ts">
@@ -342,6 +338,7 @@ onMounted(() => {
         width: 0;
         border: 0;
         position: absolute;
+        visibility: hidden;
     }
 
     .login-title {

frontend/vite.config.ts

@@ -37,7 +37,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
             open: viteEnv.VITE_OPEN,
             proxy: {
                 '/api/v1': {
-                    target: 'http://127.0.0.1:9999/',
+                    target: 'http://172.16.10.181:9999/',
                     changeOrigin: true,
                 },
             },