fix: bug fix

Author: dataeaseShu

frontend/src/i18n/en.json

@@ -6,6 +6,7 @@
     "AI Model Configuration": "AI Model Configuration"
   },
   "common": {
+    "no_model_yet": "No model yet",
     "intelligent_questioning_platform": "Welcome to the SQLBot Intelligent Questioning Platform",
     "login": "Login",
     "login_": "Login",

frontend/src/i18n/zh-CN.json

@@ -6,6 +6,7 @@
     "AI Model Configuration": "模型配置"
   },
   "common": {
+    "no_model_yet": "暂无模型",
     "intelligent_questioning_platform": "欢迎使用 SQLBot 智能问数平台",
     "login": "账号登录",
     "login_": "登录",

frontend/src/views/system/model/Model.vue

@@ -367,6 +367,22 @@ const submit = (item: any) => {
         </el-col>
       </el-row>
     </div>
+    <template v-if="!keywords && !modelListWithSearch.length && !searchLoading">
+      <EmptyBackground
+        class="datasource-yet"
+        :description="$t('common.no_model_yet')"
+        img-type="noneWhite"
+      />
+
+      <div style="text-align: center; margin-top: -10px">
+        <el-button type="primary" @click="handleAddModel">
+          <template #icon>
+            <icon_add_outlined></icon_add_outlined>
+          </template>
+          {{ t('model.add_model') }}
+        </el-button>
+      </div>
+    </template>
     <el-drawer
       v-model="modelConfigvVisible"
       :close-on-click-modal="false"
@@ -424,6 +440,12 @@ const submit = (item: any) => {
 .model-config {
   height: calc(100% - 16px);
   padding: 16px 0 16px 0;
+
+  .datasource-yet {
+    padding-bottom: 0;
+    height: auto;
+    padding-top: 200px;
+  }
   .model-methods {
     display: flex;
     align-items: center;