From 428e542a371001a3d07b7869147c30d9cc5fd056 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 11 Jul 2024 16:37:15 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=95=B0=E6=8D=AE=E6=BA=90):=20API?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E6=BA=90=E6=8E=A5=E5=8F=A3=E5=8F=82=E6=95=B0?=
 =?UTF-8?q?=E6=8A=BD=E5=B1=89=E6=A0=87=E9=A2=98=E4=B8=8D=E6=AD=A3=E7=A1=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../visualized/data/dataset/form/AddSql.vue   | 21 ++++++++++++++-----
 .../visualized/data/dataset/form/index.vue    | 21 ++++++++++++++-----
 .../datasource/form/ApiHttpRequestDraw.vue    |  3 +--
 3 files changed, 33 insertions(+), 12 deletions(-)

diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
index 886632d704..93845b7ac7 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/AddSql.vue
@@ -455,9 +455,11 @@ const mousedownDrag = () => {
       <div class="table-list-top">
         <p class="select-ds">
           当前数据源
-          <el-icon class="left-outlined" @click="showLeft = false">
-            <Icon name="group-3400"></Icon>
-          </el-icon>
+          <span class="left-outlined">
+            <el-icon style="color: #1f2329" @click="showLeft = false">
+              <Icon name="icon_left_outlined" />
+            </el-icon>
+          </span>
         </p>
         <el-tree-select
           :check-strictly="false"
@@ -928,10 +930,19 @@ const mousedownDrag = () => {
 
       .left-outlined {
         position: absolute;
-        font-size: 36px;
+        font-size: 12px;
         right: -30px;
         top: -5px;
-        z-index: 1;
+        height: 24px;
+        border: 1px solid #dee0e3;
+        width: 24px;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #fff;
+        box-shadow: 0px 5px 10px 0px #1f23291a;
+        z-index: 10;
       }
     }
 
diff --git a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
index 878bff9656..3fc8dd0002 100644
--- a/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
+++ b/core/core-frontend/src/views/visualized/data/dataset/form/index.vue
@@ -1257,9 +1257,11 @@ const getDsIconName = data => {
         <div class="table-list-top">
           <p class="select-ds">
             选择数据源
-            <el-icon class="left-outlined" @click="showLeft = false">
-              <Icon name="group-3400"></Icon>
-            </el-icon>
+            <span class="left-outlined">
+              <el-icon style="color: #1f2329" @click="showLeft = false">
+                <Icon name="icon_left_outlined" />
+              </el-icon>
+            </span>
           </p>
           <el-tree-select
             :check-strictly="false"
@@ -2111,10 +2113,19 @@ const getDsIconName = data => {
 
         .left-outlined {
           position: absolute;
-          font-size: 36px;
+          font-size: 12px;
           right: -30px;
           top: -5px;
-          z-index: 5;
+          height: 24px;
+          border: 1px solid #dee0e3;
+          width: 24px;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          background: #fff;
+          box-shadow: 0px 5px 10px 0px #1f23291a;
+          z-index: 10;
         }
       }
 
diff --git a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
index ecbece4965..f96e255188 100644
--- a/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
+++ b/core/core-frontend/src/views/visualized/data/datasource/form/ApiHttpRequestDraw.vue
@@ -91,7 +91,6 @@ let apiItem = reactive<ApiItem>({
   serialNumber: -1
 })
 let errMsg = []
-const api_table_title = ref('datasource.data_table')
 const apiItemForm = ref()
 const showEmpty = ref(false)
 const edit_api_item = ref(false)
@@ -443,7 +442,7 @@ defineExpose({
 
 <template>
   <el-drawer
-    :title="t(api_table_title)"
+    :title="activeName === 'table' ? t('datasource.data_table') : '接口参数'"
     v-model="edit_api_item"
     custom-class="api-datasource-drawer"
     size="840px"