From 28acc2e48bdd22c0266328825a0709f116337b1e Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 17 Dec 2024 14:37:00 +0800
Subject: [PATCH] style: updata audio icon

---
 ui/src/assets/icon_file-audio.svg               |  5 +++++
 .../component/FileUploadSettingDialog.vue       | 17 ++++++++++++-----
 2 files changed, 17 insertions(+), 5 deletions(-)
 create mode 100644 ui/src/assets/icon_file-audio.svg

diff --git a/ui/src/assets/icon_file-audio.svg b/ui/src/assets/icon_file-audio.svg
new file mode 100644
index 000000000..13f1f7216
--- /dev/null
+++ b/ui/src/assets/icon_file-audio.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.3335 3.33333C5.3335 2.59695 5.93045 2 6.66683 2H19.724C19.9008 2 20.0704 2.07024 20.1954 2.19526L26.4716 8.47141C26.5966 8.59643 26.6668 8.766 26.6668 8.94281V28.6667C26.6668 29.403 26.0699 30 25.3335 30H6.66683C5.93045 30 5.3335 29.403 5.3335 28.6667V3.33333Z" fill="#3370FF"/>
+<path d="M20 2.05994C20.072 2.0927 20.1383 2.13831 20.1953 2.19532L26.4714 8.47146C26.5284 8.52847 26.574 8.59473 26.6068 8.66672H21.3333C20.597 8.66672 20 8.06977 20 7.33339V2.05994Z" fill="#2B5FD9"/>
+<path d="M19.976 12.8794C20.254 12.9447 20.4595 13.1796 20.4872 13.4638L20.6106 14.7297C20.6546 15.1805 20.2459 15.5429 19.8037 15.4455L16.7344 14.7691C16.5577 14.7302 16.3944 14.8747 16.4116 15.0548L17.1297 22.5884C17.1297 22.7046 17.1151 22.7812 17.0891 22.8249C17.0254 24.3752 15.7484 25.6124 14.1825 25.6124C12.5759 25.6124 11.2734 24.31 11.2734 22.7033C11.2734 21.0967 12.5759 19.7942 14.1825 19.7942C14.8467 19.7942 15.4589 20.0168 15.9485 20.3914L15.274 12.6749C15.2345 12.2228 15.6485 11.8642 16.0904 11.9678L19.976 12.8794Z" fill="white"/>
+</svg>
diff --git a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
index 05c67b9f8..ddbb1a007 100644
--- a/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
+++ b/ui/src/workflow/nodes/base-node/component/FileUploadSettingDialog.vue
@@ -39,6 +39,7 @@
           class="card-checkbox cursor w-full mb-8"
           :class="form_data.document ? 'active' : ''"
           style="--el-card-padding: 8px 16px"
+          @click.stop="form_data.document = !form_data.document"
         >
           <div class="flex-between">
             <div class="flex align-center">
@@ -48,7 +49,10 @@
                 <el-text class="color-secondary">需要使用“文档内容提取”节点解析文档内容</el-text>
               </div>
             </div>
-            <el-checkbox v-model="form_data.document" />
+            <el-checkbox
+              v-model="form_data.document"
+              @change="form_data.document = !form_data.document"
+            />
           </div>
         </el-card>
         <el-card
@@ -56,6 +60,7 @@
           class="card-checkbox cursor w-full mb-8"
           :class="form_data.image ? 'active' : ''"
           style="--el-card-padding: 8px 16px"
+          @click.stop="form_data.image = !form_data.image"
         >
           <div class="flex-between">
             <div class="flex align-center">
@@ -65,24 +70,26 @@
                 <el-text class="color-secondary">需要使用“图片理解”节点解析图片内容</el-text>
               </div>
             </div>
-            <el-checkbox v-model="form_data.image" />
+            <el-checkbox v-model="form_data.image" @change="form_data.image = !form_data.image" />
           </div>
         </el-card>
+
         <el-card
           shadow="hover"
           class="card-checkbox cursor w-full mb-8"
           :class="form_data.audio ? 'active' : ''"
           style="--el-card-padding: 8px 16px"
+          @click.stop="form_data.audio = !form_data.audio"
         >
           <div class="flex-between">
             <div class="flex align-center">
-              <img class="mr-12" src="@/assets/icon_file-image.svg" alt="" />
+              <img class="mr-12" src="@/assets/icon_file-audio.svg" alt="" />
               <div>
                 <p class="line-height-22 mt-4">音频（MP3）</p>
-                <el-text class="color-secondary">所选模型支持接收音频或与语音转文本节点配合使用</el-text>
+                <el-text class="color-secondary">需要使用“语音转文本”节点解析音频内容</el-text>
               </div>
             </div>
-            <el-checkbox v-model="form_data.audio" />
+            <el-checkbox v-model="form_data.audio" @change="form_data.audio = !form_data.audio" />
           </div>
         </el-card>
       </el-form-item>