From 3dfa97e785acb42edd3798117f7e8eea326b4b64 Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Mon, 29 Apr 2024 20:31:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=E6=97=B6=E4=B8=8D=E8=83=BD=E5=9B=9E?=
 =?UTF-8?q?=E6=98=BE=E5=8E=9F=E5=80=BC=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/FileRenameModal/ModalContent.vue  |  8 +++++++-
 .../file/components/FileRenameModal/index.ts     |  1 +
 src/views/system/file/main/FileMain/index.vue    | 16 +++++++++++-----
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/views/system/file/components/FileRenameModal/ModalContent.vue b/src/views/system/file/components/FileRenameModal/ModalContent.vue
index f0da9f7..cc3f448 100644
--- a/src/views/system/file/components/FileRenameModal/ModalContent.vue
+++ b/src/views/system/file/components/FileRenameModal/ModalContent.vue
@@ -14,11 +14,17 @@
 </template>
 
 <script lang="ts" setup>
+import type { FileItem } from '@/apis'
 import type { FormInstance } from '@arco-design/web-vue'
 
+interface Props {
+  data: FileItem
+}
+const props = withDefaults(defineProps<Props>(), {})
+
 const formRef = ref<FormInstance>()
 const form = reactive({
-  name: ''
+  name: props.data?.name || ''
 })
 
 defineExpose({ formRef })
diff --git a/src/views/system/file/components/FileRenameModal/index.ts b/src/views/system/file/components/FileRenameModal/index.ts
index 8f453be..cd281b6 100644
--- a/src/views/system/file/components/FileRenameModal/index.ts
+++ b/src/views/system/file/components/FileRenameModal/index.ts
@@ -12,6 +12,7 @@ export function openFileRenameModal(data: FileItem, callback?: () => void) {
     width: '90%',
     content: () =>
       h(ModalContent, {
+        data,
         ref: (e) => {
           ModalContentRef.value = e as any
         }
diff --git a/src/views/system/file/main/FileMain/index.vue b/src/views/system/file/main/FileMain/index.vue
index e8bd249..bb28d5b 100644
--- a/src/views/system/file/main/FileMain/index.vue
+++ b/src/views/system/file/main/FileMain/index.vue
@@ -17,7 +17,13 @@
         </a-dropdown>
 
         <a-input-group>
-          <a-input v-model="queryForm.name" placeholder="请输入文件名" allow-clear @change="search" />
+          <a-input
+            v-model="queryForm.name"
+            placeholder="请输入文件名"
+            allow-clear
+            style="width: 200px"
+            @change="search"
+          />
           <a-button type="primary" @click="search">
             <template #icon>
               <icon-search />
@@ -47,11 +53,11 @@
           <template #default>{{ isBatchMode ? '取消批量' : '批量操作' }}</template>
         </a-button>
         <a-button-group>
-          <a-tooltip content="视图" position="bottom">
-            <a-button @click="toggleMode">
+          <a-tooltip content="视图">
+            <a-button class="gi_hover_btn-border" @click="toggleMode">
               <template #icon>
-                <icon-apps v-if="mode === 'grid'" />
-                <icon-list v-else />
+                <icon-list v-if="mode === 'grid'" />
+                <icon-apps v-else />
               </template>
             </a-button>
           </a-tooltip>