From 8d2ea2f23380f03d747e4db0d1f78107fd432b8c Mon Sep 17 00:00:00 2001
From: zhengkunwang <31820853+zhengkunwang223@users.noreply.github.com>
Date: Wed, 5 Mar 2025 14:20:21 +0800
Subject: [PATCH] style(common): (#8064)

Adjust file selection UI
---
 frontend/src/components/file-list/index.vue   | 22 +++++++------------
 .../website/runtime/node/module/index.vue     |  2 +-
 .../php/extension-management/index.vue        |  3 ++-
 3 files changed, 11 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/file-list/index.vue b/frontend/src/components/file-list/index.vue
index c7977611b..fe0c492c4 100644
--- a/frontend/src/components/file-list/index.vue
+++ b/frontend/src/components/file-list/index.vue
@@ -14,26 +14,20 @@
             <el-button class="close" link @click="closePage" icon="Close"></el-button>
             <div>
                 <el-button type="text" icon="HomeFilled" @click="jump(-1)"></el-button>
-                <el-button v-if="paths.length > 0" type="text">
-                    {{ paths[0] }}
-                </el-button>
+                <el-button v-if="paths.length > 0" type="text" @click="jump(0)">/{{ paths[0] }}</el-button>
                 <el-popover v-if="paths.length > 2" placement="bottom" trigger="hover">
                     <template #reference>
                         <el-button type="text">...</el-button>
                     </template>
                     <div class="hidden-paths">
-                        <el-button
-                            v-for="(item, index) in paths.slice(1, -1)"
-                            :key="index"
-                            type="text"
-                            @click="jump(index)"
-                        >
-                            {{ item }}
-                        </el-button>
+                        <div v-for="(item, index) in paths.slice(1, -1)" :key="index">
+                            <svg-icon :class="'table-icon'" iconName="p-file-folder"></svg-icon>
+                            <el-link :underline="false" @click="jump(index + 1)">{{ item }}</el-link>
+                        </div>
                     </div>
                 </el-popover>
                 <el-button v-if="paths.length > 1" type="text" @click="jump(paths.length - 1)">
-                    {{ paths[paths.length - 1] }}
+                    /{{ paths[paths.length - 1] }}
                 </el-button>
             </div>
         </div>
@@ -75,7 +69,7 @@
                                 <el-input
                                     ref="rowRefs"
                                     v-model="newFolder"
-                                    style="width: 200px"
+                                    class="p-w-200"
                                     placeholder="new folder"
                                     @input="handleChange(newFolder, row)"
                                 ></el-input>
@@ -323,7 +317,7 @@ onUpdated(() => {
 });
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .file-list {
     position: relative;
     .close {
diff --git a/frontend/src/views/website/runtime/node/module/index.vue b/frontend/src/views/website/runtime/node/module/index.vue
index ff2f5a8af..91a1f3b09 100644
--- a/frontend/src/views/website/runtime/node/module/index.vue
+++ b/frontend/src/views/website/runtime/node/module/index.vue
@@ -72,7 +72,7 @@ const buttons = [
         },
     },
     {
-        label: i18n.global.t('commons.commons.button.uninstall'),
+        label: i18n.global.t('commons.button.uninstall'),
         click: function (row: Runtime.Runtime) {
             operateModule('uninstall', row.name);
         },
diff --git a/frontend/src/views/website/runtime/php/extension-management/index.vue b/frontend/src/views/website/runtime/php/extension-management/index.vue
index d46928d9e..3857db487 100644
--- a/frontend/src/views/website/runtime/php/extension-management/index.vue
+++ b/frontend/src/views/website/runtime/php/extension-management/index.vue
@@ -36,6 +36,7 @@ import i18n from '@/lang';
 import { ref } from 'vue';
 import { newUUID } from '@/utils/util';
 import { MsgSuccess } from '@/utils/message';
+import TaskLog from '@/components/log/task/index.vue';
 
 const open = ref(false);
 const runtime = ref();
@@ -59,7 +60,7 @@ const buttons = [
         },
     },
     {
-        label: i18n.global.t('commons.commons.button.uninstall'),
+        label: i18n.global.t('commons.button.uninstall'),
         click: function (row: Runtime.SupportExtension) {
             unInstallPHPExtension(row);
         },