From 16439d663ad1ac63fec78c709bfd8d3a14e4c5b1 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Mon, 4 Dec 2023 16:55:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A8=A1=E5=9E=8B=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/router/modules/setting.ts   |  2 +-
 ui/src/styles/app.scss             |  7 ++++
 ui/src/views/application/index.vue |  4 +-
 ui/src/views/dataset/index.vue     |  4 +-
 ui/src/views/template/index.vue    | 64 ++++++++++++++++--------------
 5 files changed, 46 insertions(+), 35 deletions(-)

diff --git a/ui/src/router/modules/setting.ts b/ui/src/router/modules/setting.ts
index 2b292cf4c..2aa5a92b8 100644
--- a/ui/src/router/modules/setting.ts
+++ b/ui/src/router/modules/setting.ts
@@ -24,7 +24,7 @@ const settingRouter = {
       meta: {
         icon: 'app-template',
         iconActive: 'app-template-active',
-        title: '模版管理',
+        title: '模型管理',
         activeMenu: '/setting',
         parentPath: '/setting',
         parentName: 'setting'
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index d99218d0a..392f80cc5 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -158,6 +158,13 @@ h4 {
   padding: calc(var(--app-base-px) * 3);
 }
 
+.pt-0 {
+  padding-top: 0;
+}
+.pb-0 {
+  padding-bottom: 0;
+}
+
 .flex {
   display: flex;
 }
diff --git a/ui/src/views/application/index.vue b/ui/src/views/application/index.vue
index de01d22b7..d9eaf0f6f 100644
--- a/ui/src/views/application/index.vue
+++ b/ui/src/views/application/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="application-list-container p-24">
-    <div class="flex-between">
+  <div class="application-list-container p-24" style="padding-top: 16px">
+    <div class="flex-between mb-8">
       <h3>应用</h3>
       <el-input
         v-model="pageConfig.name"
diff --git a/ui/src/views/dataset/index.vue b/ui/src/views/dataset/index.vue
index 37283a008..3010b8cc6 100644
--- a/ui/src/views/dataset/index.vue
+++ b/ui/src/views/dataset/index.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="dataset-list-container p-24">
-    <div class="flex-between">
+  <div class="dataset-list-container p-24" style="padding-top: 16px">
+    <div class="flex-between mb-8">
       <h3>数据集</h3>
       <el-input
         v-model="pageConfig.name"
diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index 3cc693d00..91b9f5eee 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <LayoutContainer header="模版管理">
+  <LayoutContainer header="模型管理">
     <div class="template-manage flex main-calc-height">
       <div class="template-manage__left p-8 border-r">
         <h4 class="p-16" style="padding-bottom: 8px">供应商</h4>
@@ -20,38 +20,42 @@
           </template>
         </common-list>
       </div>
-      <div class="template-manage__right p-24" v-loading="list_model_loading">
-        <h4>{{ active_provider?.name }}</h4>
-        <div class="flex-between mt-16 mb-16">
-          <el-button type="primary" @click="openCreateModel(active_provider)">创建模型</el-button>
-          <el-input
-            v-model="model_search_form.name"
-            @change="list_model"
-            placeholder="按 名称 搜索"
-            prefix-icon="Search"
-            class="w-240"
-          />
+      <div class="template-manage__right w-full" v-loading="list_model_loading">
+        <div class="p-24 pb-0">
+          <h4>{{ active_provider?.name }}</h4>
+          <div class="flex-between mt-16 mb-16">
+            <el-button type="primary" @click="openCreateModel(active_provider)">创建模型</el-button>
+            <el-input
+              v-model="model_search_form.name"
+              @change="list_model"
+              placeholder="按 名称 搜索"
+              prefix-icon="Search"
+              class="w-240"
+            />
+          </div>
         </div>
         <div class="model-list-height">
           <el-scrollbar>
-            <el-row v-if="model_split_list.length > 0" :gutter="15">
-              <template v-for="(row, index) in model_split_list" :key="index">
-                <el-col
-                  :xs="24"
-                  :sm="24"
-                  :md="12"
-                  :lg="12"
-                  :xl="12"
-                  class="mb-16"
-                  v-for="(model, i) in row"
-                  :key="i"
-                >
-                  <ModelCard @change="list_model" :model="model" :provider_list="provider_list">
-                  </ModelCard>
-                </el-col>
-              </template>
-            </el-row>
-            <el-empty description="暂无数据" v-else />
+            <div class="p-24 pt-0">
+              <el-row v-if="model_split_list.length > 0" :gutter="15">
+                <template v-for="(row, index) in model_split_list" :key="index">
+                  <el-col
+                    :xs="24"
+                    :sm="24"
+                    :md="12"
+                    :lg="12"
+                    :xl="12"
+                    class="mb-16"
+                    v-for="(model, i) in row"
+                    :key="i"
+                  >
+                    <ModelCard @change="list_model" :model="model" :provider_list="provider_list">
+                    </ModelCard>
+                  </el-col>
+                </template>
+              </el-row>
+              <el-empty description="暂无数据" v-else />
+            </div>
           </el-scrollbar>
         </div>
       </div>