fix(Settings): Unify Interface Style

Author: dataeaseShu

frontend/src/i18n/en.json

@@ -9,6 +9,8 @@
   },
   "prompt": {
     "default_password": "Default password:{msg}",
+    "no_sql_sample": "No SQL sample currently available",
+    "add_sql_sample": "Add SQL sample",
     "no_prompt_words": "No prompt words",
     "customize_prompt_words": "Customize prompt words",
     "ask_sql": "Ask SQL",

frontend/src/i18n/ko-KR.json

@@ -9,6 +9,8 @@
   },
   "prompt": {
     "default_password:": "기본 비밀번호:{msg}",
+    "no_sql_sample": "현재 사용 가능한 SQL 샘플 라이브러리가 없습니다",
+    "add_sql_sample": "SQL 샘플 라이브러리를 추가하세요",
     "no_prompt_words": "프롬프트가 없습니다",
     "customize_prompt_words": "사용자 정의 프롬프트",
     "ask_sql": "데이터 조회 SQL",

frontend/src/i18n/zh-CN.json

@@ -9,6 +9,8 @@
   },
   "prompt": {
     "default_password": "默认密码：{msg}",
+    "no_sql_sample": "暂无 SQL 示例",
+    "add_sql_sample": "添加 SQL 示例",
     "no_prompt_words": "暂无提示词",
     "customize_prompt_words": "自定义提示词",
     "ask_sql": "问数 SQL",

frontend/src/views/system/training/index.vue

@@ -477,11 +477,22 @@ const onRowFormClose = () => {
             </template>
           </el-table-column>
           <template #empty>
-            <EmptyBackground
-              v-if="!oldKeywords && !fieldList.length"
-              :description="$t('chat.no_data')"
-              img-type="noneWhite"
-            />
+            <template v-if="!oldKeywords && !fieldList.length">
+              <EmptyBackground
+                class="datasource-yet"
+                :description="$t('qa.no_data')"
+                img-type="noneWhite"
+              />
+
+              <div style="text-align: center; margin-top: -23px">
+                <el-button type="primary" @click="editHandler(null)">
+                  <template #icon>
+                    <icon_add_outlined></icon_add_outlined>
+                  </template>
+                  {{ $t('prompt.add_sql_sample') }}
+                </el-button>
+              </div>
+            </template>
 
             <EmptyBackground
               v-if="!!oldKeywords && !fieldList.length"
@@ -654,14 +665,10 @@ const onRowFormClose = () => {
   height: 100%;
   position: relative;
 
-  :deep(.ed-table__empty-text) {
-    padding-top: 160px;
-  }
-
   .datasource-yet {
     padding-bottom: 0;
     height: auto;
-    padding-top: 200px;
+    padding-top: 80px;
   }
 
   :deep(.ed-table__cell) {