From d5a5308e5f5167eee7e0b48009cc0e916a43ba73 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 1 Apr 2024 17:54:42 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20?=
 =?UTF-8?q?=E6=99=BA=E8=83=BD=E5=8A=A9=E6=89=8B=E6=94=AF=E6=8C=81=E6=94=BE?=
 =?UTF-8?q?=E5=A4=A7=E5=AF=B9=E8=AF=9D=E6=A1=86=E7=BD=91=E7=BB=9C=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dataease/commons/utils/UrlTestUtils.java  | 14 ++++++
 .../io/dataease/service/ai/AiBaseService.java |  3 +-
 .../src/icons/svg/dv-ai-window-max.svg        |  1 +
 .../src/icons/svg/dv-ai-window-min.svg        |  1 +
 .../src/layout/components/AiComponent.vue     | 48 +++++++++++++++----
 5 files changed, 58 insertions(+), 9 deletions(-)
 create mode 100644 core/frontend/src/icons/svg/dv-ai-window-max.svg
 create mode 100644 core/frontend/src/icons/svg/dv-ai-window-min.svg

diff --git a/core/backend/src/main/java/io/dataease/commons/utils/UrlTestUtils.java b/core/backend/src/main/java/io/dataease/commons/utils/UrlTestUtils.java
index ba2bb3fbd0..ff536617a6 100644
--- a/core/backend/src/main/java/io/dataease/commons/utils/UrlTestUtils.java
+++ b/core/backend/src/main/java/io/dataease/commons/utils/UrlTestUtils.java
@@ -1,5 +1,7 @@
 package io.dataease.commons.utils;
 
+import java.io.IOException;
+import java.net.HttpURLConnection;
 import java.net.URL;
 import java.net.URLConnection;
 
@@ -17,4 +19,16 @@ public class UrlTestUtils {
             return false;
         }
     }
+
+    public static boolean isURLAvailable(String urlString) {
+        try {
+            URL url = new URL(urlString);
+            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+            connection.setRequestMethod("HEAD");
+            int responseCode = connection.getResponseCode();
+            return responseCode == HttpURLConnection.HTTP_OK;
+        } catch (IOException e) {
+            return false;
+        }
+    }
 }
diff --git a/core/backend/src/main/java/io/dataease/service/ai/AiBaseService.java b/core/backend/src/main/java/io/dataease/service/ai/AiBaseService.java
index e6b02a8cf7..b4daf17f81 100644
--- a/core/backend/src/main/java/io/dataease/service/ai/AiBaseService.java
+++ b/core/backend/src/main/java/io/dataease/service/ai/AiBaseService.java
@@ -1,5 +1,6 @@
 package io.dataease.service.ai;
 
+import io.dataease.commons.utils.UrlTestUtils;
 import io.dataease.service.system.SystemParameterService;
 import org.apache.commons.lang3.StringUtils;
 import org.springframework.stereotype.Service;
@@ -23,7 +24,7 @@ public class AiBaseService {
         String baseUrl = parameterService.getValue("ai.baseUrl");
         Map<String,String> result = new HashMap<>();
 
-        if(StringUtils.isNotEmpty(baseUrl)){
+        if(StringUtils.isNotEmpty(baseUrl) && UrlTestUtils.isURLAvailable(baseUrl)){
             result.put("ai.baseUrl",baseUrl);
 
         }
diff --git a/core/frontend/src/icons/svg/dv-ai-window-max.svg b/core/frontend/src/icons/svg/dv-ai-window-max.svg
new file mode 100644
index 0000000000..65f2115172
--- /dev/null
+++ b/core/frontend/src/icons/svg/dv-ai-window-max.svg
@@ -0,0 +1 @@
+<svg style="vertical-align: middle;overflow: hidden;" t="1710214539671" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="rgb(100, 106, 115)" width="16" height="16"><path d="M85.333333 384c25.6 0 42.666667-17.066667 42.666667-42.666667V128h213.333333c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666666H85.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666v256c0 25.6 17.066667 42.666667 42.666666 42.666667zM938.666667 640c-25.6 0-42.666667 17.066667-42.666667 42.666667v213.333333h-213.333333c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666666h256c25.6 0 42.666667-17.066667 42.666666-42.666666v-256c0-25.6-17.066667-42.666667-42.666666-42.666667zM601.6 401.066667c4.266667 8.533333 12.8 17.066667 21.333333 21.333333 4.266667 4.266667 12.8 4.266667 17.066667 4.266667h256c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666667h-153.6l226.133333-226.133333c17.066667-17.066667 17.066667-42.666667 0-59.733333-8.533333-8.533333-17.066667-12.8-29.866666-12.8s-21.333333 4.266667-29.866667 12.8L682.666667 281.6V128c0-25.6-17.066667-42.666667-42.666667-42.666667s-42.666667 17.066667-42.666667 42.666667v256c0 4.266667 0 12.8 4.266667 17.066667zM115.2 968.533333L341.333333 742.4V896c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666667-42.666667v-256c0-4.266667 0-12.8-4.266667-17.066667-4.266667-8.533333-12.8-17.066667-21.333333-21.333333-4.266667-4.266667-12.8-4.266667-17.066667-4.266667H128c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666667h153.6l-226.133333 226.133333c-17.066667 17.066667-17.066667 42.666667 0 59.733333s42.666667 17.066667 59.733333 0z" p-id="10189"></path></svg>
diff --git a/core/frontend/src/icons/svg/dv-ai-window-min.svg b/core/frontend/src/icons/svg/dv-ai-window-min.svg
new file mode 100644
index 0000000000..58794a4b18
--- /dev/null
+++ b/core/frontend/src/icons/svg/dv-ai-window-min.svg
@@ -0,0 +1 @@
+<svg t="1710150885892" style="vertical-align: middle;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="rgb(100, 106, 115)" width="16" height="16"><path d="M85.333333 384c25.6 0 42.666667-17.066667 42.666667-42.666667V128h213.333333c25.6 0 42.666667-17.066667 42.666667-42.666667s-17.066667-42.666667-42.666667-42.666666H85.333333c-25.6 0-42.666667 17.066667-42.666666 42.666666v256c0 25.6 17.066667 42.666667 42.666666 42.666667zM938.666667 640c-25.6 0-42.666667 17.066667-42.666667 42.666667v213.333333h-213.333333c-25.6 0-42.666667 17.066667-42.666667 42.666667s17.066667 42.666667 42.666667 42.666666h256c25.6 0 42.666667-17.066667 42.666666-42.666666v-256c0-25.6-17.066667-42.666667-42.666666-42.666667zM977.066667 68.266667c-4.266667-8.533333-12.8-17.066667-21.333334-21.333334-4.266667-4.266667-12.8-4.266667-17.066666-4.266666h-256c-25.6 0-42.666667 17.066667-42.666667 42.666666s17.066667 42.666667 42.666667 42.666667h153.6l-226.133334 226.133333c-17.066667 17.066667-17.066667 42.666667 0 59.733334 8.533333 8.533333 17.066667 12.8 29.866667 12.8s21.333333-4.266667 29.866667-12.8L896 187.733333V341.333333c0 25.6 17.066667 42.666667 42.666667 42.666667s42.666667-17.066667 42.666666-42.666667V85.333333c0-4.266667 0-12.8-4.266666-17.066666zM354.133333 610.133333L128 836.266667V682.666667c0-25.6-17.066667-42.666667-42.666667-42.666667s-42.666667 17.066667-42.666666 42.666667v256c0 4.266667 0 12.8 4.266666 17.066666 4.266667 8.533333 12.8 17.066667 21.333334 21.333334 4.266667 4.266667 12.8 4.266667 17.066666 4.266666h256c25.6 0 42.666667-17.066667 42.666667-42.666666s-17.066667-42.666667-42.666667-42.666667H187.733333l226.133334-226.133333c17.066667-17.066667 17.066667-42.666667 0-59.733334s-42.666667-17.066667-59.733334 0z" p-id="8645"></path></svg>
diff --git a/core/frontend/src/layout/components/AiComponent.vue b/core/frontend/src/layout/components/AiComponent.vue
index bfd5a60572..5f342b59a5 100644
--- a/core/frontend/src/layout/components/AiComponent.vue
+++ b/core/frontend/src/layout/components/AiComponent.vue
@@ -10,7 +10,8 @@ export default {
   },
   data() {
     return {
-      aiDialogShow: false
+      aiDialogShow: false,
+      sizeState: 'min'
     }
   },
   mounted() {
@@ -22,6 +23,9 @@ export default {
     },
     closeAi() {
       this.aiDialogShow = false
+    },
+    sizeChange() {
+      this.sizeState = this.sizeState === 'min' ? 'max' : 'min'
     }
   }
 }
@@ -29,10 +33,19 @@ export default {
 <template>
   <div
     class="ai-main"
-    :class="{ 'ai-main-active': aiDialogShow }"
+    :class="{'ai-main-active': aiDialogShow,
+             'ai-main-active-max' : aiDialogShow && sizeState=== 'max',
+             'ai-main-active-min' : aiDialogShow && sizeState=== 'min'}"
   >
     <div class="ai-content">
-      <div class="close"><i @click="closeAi" class="el-icon-close" /></div>
+      <div class="close"><i
+        class="el-icon-close"
+        @click="closeAi"
+      /></div>
+      <div class="size-class"> <svg-icon
+        :icon-class="'dv-ai-window-'+sizeState"
+        @click="sizeChange"
+      /></div>
       <iframe
         :src="baseUrl"
         style="width: 100%; height: 100%"
@@ -48,12 +61,9 @@ export default {
   position: fixed;
   border-radius: 5px;
   overflow: hidden;
+  height: 0;
   bottom: 48px;
   right: 36px;
-  height: 0;
-  width: 25%;
-  min-width: 350px;
-  max-width: 420px;
   transition: 0.2s;
   z-index: 10;
   .ai-content {
@@ -65,15 +75,37 @@ export default {
       right: 12px;
       top: 12px;
       font-size: 24px;
-      color: #1a1a1a;
+      color: rgb(100, 106, 115);
+      cursor: pointer;
+    }
+    .size-class{
+      position: absolute;
+      right: 48px;
+      font-size: 16px;
+      top: 17px;
+      color: rgb(100, 106, 115);
       cursor: pointer;
     }
   }
 }
 .ai-main-active {
   border: 1px solid #d9d9d9;
+}
+.ai-main-active-min {
+  min-width: 350px;
+  max-width: 420px;
   height: 50%;
+  width: 25%;
   min-height: 450px;
   max-height: 600px;
+  bottom: 48px;
+  right: 36px;
+}
+
+.ai-main-active-max {
+  height: 100%;
+  width: 50%;
+  bottom: 0px;
+  right: 0px;
 }
 </style>