From 6d4be943d730542a97358f66b4b8fa6296d51efb Mon Sep 17 00:00:00 2001
From: mtruning <1262327911@qq.com>
Date: Sat, 19 Mar 2022 23:47:24 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E6=96=B0=E5=A2=9E=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E8=AE=BE=E7=BD=AE=E5=B0=8F=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ChartData/index.d.ts           |  5 ++++
 .../components/ChartData/index.vue            | 28 ++++++++++---------
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts b/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts
index c0c9908f..e302d667 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts
+++ b/src/views/chart/ContentConfigurations/components/ChartData/index.d.ts
@@ -7,6 +7,11 @@ export enum DataResultEnum {
   FAILURE = 2,
 }
 
+export enum TimelineTitleEnum {
+  MAPPING = '数据映射',
+  CONTENT = '数据内容',
+}
+
 export enum SelcetOptionsLableEnum {
   STATIC = '静态数据',
   AJAX = '动态请求',
diff --git a/src/views/chart/ContentConfigurations/components/ChartData/index.vue b/src/views/chart/ContentConfigurations/components/ChartData/index.vue
index 7db9a4f5..377111f4 100644
--- a/src/views/chart/ContentConfigurations/components/ChartData/index.vue
+++ b/src/views/chart/ContentConfigurations/components/ChartData/index.vue
@@ -8,7 +8,7 @@
       />
     </setting-item-box>
     <n-timeline>
-      <n-timeline-item type="info" title="数据映射">
+      <n-timeline-item type="info" :title="TimelineTitleEnum.MAPPING">
         <n-table striped>
           <thead>
             <tr>
@@ -34,8 +34,9 @@
           </tbody>
         </n-table>
       </n-timeline-item>
-      <n-timeline-item type="success" title="静态数据">
+      <n-timeline-item type="success" :title="TimelineTitleEnum.CONTENT">
         <n-space vertical>
+          <n-text prefix="bar" depth="3">数据格式需要符合 ECharts-setdata 规范</n-text>
           <n-space class="source-btn-box">
             <n-upload
               v-model:file-list="uploadFileListRef"
@@ -43,14 +44,16 @@
               :customRequest="customRequest"
               @before-upload="beforeUpload"
             >
-              <n-button class="sourceBtn-item">
-                <template #icon>
-                  <n-icon>
-                    <document-add-icon />
-                  </n-icon>
-                </template>
-                导入（json / txt）
-              </n-button>
+              <n-space>
+                <n-button class="sourceBtn-item">
+                  <template #icon>
+                    <n-icon>
+                      <document-add-icon />
+                    </n-icon>
+                  </template>
+                  导入（json / txt）
+                </n-button>
+              </n-space>
             </n-upload>
             <n-button class="sourceBtn-item" @click="download">
               <template #icon>
@@ -71,14 +74,14 @@
 </template>
 
 <script setup lang="ts">
-import { ref, toRefs, computed, watch, nextTick } from 'vue'
+import { ref, computed, watch, nextTick } from 'vue'
 import { SettingItemBox } from '@/components/ChartItemSetting/index'
 import { RequestDataTypeEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
 import { useTargetData } from '../hooks/useTargetData.hook'
 import { UploadCustomRequestOptions } from 'naive-ui'
 import { FileTypeEnum } from '@/enums/fileTypeEnum'
 import { readFile, downloadFile } from '@/utils'
-import { DataResultEnum, SelcetOptionsLableEnum, SelectOptionsType } from './index.d'
+import { DataResultEnum, TimelineTitleEnum, SelcetOptionsLableEnum, SelectOptionsType } from './index.d'
 import { icon } from '@/plugins'
 
 const { DocumentAddIcon, DocumentDownloadIcon } = icon.carbon
@@ -103,7 +106,6 @@ const selectOptions: SelectOptionsType[] = [
   }
 ]
 
-
 // 获取数据
 const getSource = computed(() => {
   return JSON.stringify(source.value)