From 03215261fca1c56b7a440691cabd8526047b2f85 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 7 Mar 2025 17:46:49 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=A7=BB=E5=8A=A8=E7=AB=AF):=20=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E8=87=B3=E3=80=8C=E6=88=91=E7=9A=84=E3=80=8D=E5=90=8E?=
 =?UTF-8?q?=EF=BC=8C=E4=B8=8B=E4=BE=A7=E7=9A=84=E8=8F=9C=E5=8D=95=E6=A0=8F?=
 =?UTF-8?q?=E6=B2=A1=E6=9C=89=E6=98=BE=E7=A4=BA=E5=87=BA=E6=9D=A5=EF=BC=8C?=
 =?UTF-8?q?=E9=80=A0=E6=88=90=E6=97=A0=E6=B3=95=E8=BF=94=E5=9B=9E=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/mobile/personal/index.vue       |  4 +-
 .../data/datasource/ExcelInfoBase.vue         | 54 +++++++++++++++++++
 .../visualized/data/datasource/index.vue      |  6 +--
 3 files changed, 59 insertions(+), 5 deletions(-)
 create mode 100644 core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue

diff --git a/core/core-frontend/src/views/mobile/personal/index.vue b/core/core-frontend/src/views/mobile/personal/index.vue
index 466411eeb1..5f96875a58 100644
--- a/core/core-frontend/src/views/mobile/personal/index.vue
+++ b/core/core-frontend/src/views/mobile/personal/index.vue
@@ -220,12 +220,12 @@ const activeTableData = computed(() => {
 
 <style lang="less" scoped>
 .de-mobile-user {
-  height: 100vh;
+  height: calc(100% - 48px);
   width: 100vw;
   background: #f5f6f7;
 
   .cell-org_scroll {
-    height: calc(100% - 96px);
+    height: calc(100% - 144px);
     overflow-y: auto;
   }
 
diff --git a/core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue
new file mode 100644
index 0000000000..ecfc0202f4
--- /dev/null
+++ b/core/core-frontend/src/views/visualized/data/datasource/ExcelInfoBase.vue
@@ -0,0 +1,54 @@
+<script lang="ts" setup>
+import icon_excel from '@/assets/svg/icon_excel.svg'
+withDefaults(
+  defineProps<{
+    name?: string
+    size?: number
+    showDel?: boolean
+  }>(),
+  {
+    name: '',
+    size: 0
+  }
+)
+</script>
+
+<template>
+  <div class="excel-info_base">
+    <el-icon class="excel">
+      <Icon name="icon_excel"><icon_excel class="svg-icon" /></Icon>
+    </el-icon>
+    <p :title="name" class="name ellipsis">{{ name || '-' }}</p>
+    <p class="size">{{ size || '-' }}</p>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.excel-info_base {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 24px;
+  padding: 0 0 0 0;
+  border-radius: 4px;
+  font-weight: 400;
+  .excel {
+    font-size: 24px;
+    margin-right: 4px;
+  }
+
+  .name {
+    color: #1f2329;
+    font-size: 14px;
+    max-width: calc(100% - 112px);
+    margin-right: 12px;
+    line-height: 22px;
+  }
+
+  .size {
+    color: #8f959e;
+    font-size: 14px;
+    line-height: 22px;
+  }
+}
+</style>
diff --git a/core/core-frontend/src/views/visualized/data/datasource/index.vue b/core/core-frontend/src/views/visualized/data/datasource/index.vue
index 5611601c05..713e098057 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/index.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/index.vue
@@ -74,7 +74,7 @@ import {
 } from '@/api/datasource'
 import type { SyncSetting, Node } from './form/option'
 import EditorDatasource from './form/index.vue'
-import ExcelInfo from './ExcelInfo.vue'
+import ExcelInfoBase from './ExcelInfoBase.vue'
 import SheetTabs from './SheetTabs.vue'
 import BaseInfoItem from './BaseInfoItem.vue'
 import BaseInfoContent from './BaseInfoContent.vue'
@@ -1482,7 +1482,7 @@ const getMenuList = (val: boolean) => {
               <el-row :gutter="24">
                 <el-col v-if="nodeInfo.type === 'Excel'" :span="12">
                   <BaseInfoItem :label="t('data_source.document')">
-                    <ExcelInfo :name="nodeInfo.fileName" :size="nodeInfo.size"></ExcelInfo>
+                    <ExcelInfoBase :name="nodeInfo.fileName" :size="nodeInfo.size"></ExcelInfoBase>
                   </BaseInfoItem>
                 </el-col>
                 <el-col v-if="nodeInfo.type === 'ExcelRemote'" :span="12">
@@ -1492,7 +1492,7 @@ const getMenuList = (val: boolean) => {
                 </el-col>
                 <el-col v-if="nodeInfo.type === 'ExcelRemote'" :span="12">
                   <BaseInfoItem :label="t('data_source.document')">
-                    <ExcelInfo :name="nodeInfo.fileName" :size="nodeInfo.size"></ExcelInfo>
+                    <ExcelInfoBase :name="nodeInfo.fileName" :size="nodeInfo.size"></ExcelInfoBase>
                   </BaseInfoItem>
                 </el-col>
                 <el-col v-if="!nodeInfo.type.startsWith('Excel')" :span="24">