fix: Fix style confusion

Author: wangdan-fit2cloud

ui/src/components/ai-chat/component/answer-content/index.vue

@@ -1,5 +1,6 @@
 <template>
   <div class="item-content mb-16 lighter">
+    
     <template v-for="(answer_text, index) in answer_text_list" :key="index">
       <div class="avatar mr-8" v-if="application.show_avatar">
         <img v-if="application.avatar" :src="application.avatar" height="28px" width="28px" />

ui/src/components/ai-chat/component/chat-input-operate/TouchChat.vue

@@ -8,6 +8,7 @@
       @touchstart="onTouchStart"
       @touchmove="onTouchMove"
       @touchend="onTouchEnd"
+      :disabled="props.disabled"
     >
       按住说话
     </el-button>
@@ -47,6 +48,10 @@ const props = defineProps({
   start: {
     type: Boolean,
     default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
   }
 })
 const emit = defineEmits(['TouchStart', 'TouchEnd'])
@@ -57,11 +62,19 @@ const dialogVisible = ref(false)
 const message = ref('按住说话')
 
 watch(
-  () => props.time,
-  (val) => {
-    if (val && val === 60) {
+  () => [props.time, props.start],
+  ([time, start]) => {
+    if (start) {
+      isTouching.value = true
+      dialogVisible.value = true
+      message.value = '松开发送，上滑取消'
+      if (time === 60) {
+        dialogVisible.value = false
+        emit('TouchEnd', isTouching.value)
+        isTouching.value = false
+      }
+    } else {
       dialogVisible.value = false
-      emit('TouchEnd', isTouching.value)
       isTouching.value = false
     }
   }

ui/src/components/ai-chat/component/chat-input-operate/index.vue

@@ -120,6 +120,7 @@
           @TouchEnd="TouchEnd"
           :time="recorderTime"
           :start="!mediaRecorderStatus"
+          :disabled="loading"
         />
         <el-input
           v-else
@@ -149,7 +150,12 @@
               </el-button>
             </span>
             <span class="flex align-center" v-else>
-              <el-button text @click="startRecording" v-if="mediaRecorderStatus">
+              <el-button
+                :disabled="loading"
+                text
+                @click="startRecording"
+                v-if="mediaRecorderStatus"
+              >
                 <el-icon>
                   <Microphone />
                 </el-icon>
@@ -166,7 +172,7 @@
             </span>
           </template>
 
-          <template v-if="!startRecorderTime && !recorderLoading">
+          <template v-if="(!startRecorderTime && !recorderLoading) || mode === 'mobile'">
             <span v-if="props.applicationDetails.file_upload_enable" class="flex align-center ml-4">
               <el-upload
                 action="#"
@@ -515,7 +521,12 @@ const stopRecording = () => {
 // 上传录音文件
 const uploadRecording = async (audioBlob: Blob) => {
   try {
+    // 非自动发送切换输入框
+    if (!props.applicationDetails.stt_autosend) {
+      isMicrophone.value = false
+    }
     recorderLoading.value = true
+
     const formData = new FormData()
     formData.append('file', audioBlob, 'recording.mp3')
     applicationApi

ui/src/components/dynamics-form/items/label/TooltipLabel.vue

@@ -17,26 +17,4 @@ defineProps<{
   tooltip: string
 }>()
 </script>
-<style lang="scss" scoped>
-.aiMode-param-dialog {
-  padding: 8px 8px 24px 8px;
-
-  .el-dialog__header {
-    padding: 16px 16px 0 16px;
-  }
-
-  .el-dialog__body {
-    padding: 16px !important;
-  }
-
-  .dialog-max-height {
-    height: 550px;
-  }
-
-  .custom-slider {
-    .el-input-number.is-without-controls .el-input__wrapper {
-      padding: 0 !important;
-    }
-  }
-}
-</style>
+<style lang="scss" scoped></style>

ui/src/locales/lang/zh-CN/views/dataset.ts

@@ -34,7 +34,7 @@ export default {
       datasetName: {
         label: '知识库名称',
         placeholder: '请输入知识库名称',
-        requiredMessage: '请输入应用名称'
+        requiredMessage: '请输入知识库名称'
       },
       datasetDescription: {
         label: '知识库描述',

ui/src/locales/lang/zh-Hant/views/dataset.ts

@@ -33,7 +33,7 @@ export default {
       datasetName: {
         label: '知識庫名稱',
         placeholder: '請輸入知識庫名稱',
-        requiredMessage: '請輸入應用名稱'
+        requiredMessage: '請輸入知識庫名稱'
       },
       datasetDescription: {
         label: '知識庫描述',

ui/src/styles/app.scss

@@ -772,3 +772,22 @@ h5 {
   background: #d6e2ff;
   line-height: 25px;
 }
+
+// 参数设置dialog
+.param-dialog {
+  padding: 8px 8px 24px 8px;
+  .el-dialog__header {
+    padding: 16px 16px 0 16px;
+  }
+  .el-dialog__body {
+    padding: 0 !important;
+  }
+  .dialog-max-height {
+    height: 550px;
+  }
+  .custom-slider {
+    .el-input-number.is-without-controls .el-input__wrapper {
+      padding: 0 !important;
+    }
+  }
+}

ui/src/views/application/component/AIModeParamSettingDialog.vue

@@ -2,7 +2,7 @@
   <el-dialog
     align-center
     :title="$t('common.paramSetting')"
-    class="aiMode-param-dialog"
+    class="param-dialog"
     v-model="dialogVisible"
     style="width: 550px"
     append-to-body
@@ -89,26 +89,4 @@ const submit = async () => {
 defineExpose({ open, reset_default })
 </script>
 
-<style lang="scss" scoped>
-.aiMode-param-dialog {
-  padding: 8px 8px 24px 8px;
-
-  .el-dialog__header {
-    padding: 16px 16px 0 16px;
-  }
-
-  .el-dialog__body {
-    padding: 16px !important;
-  }
-
-  .dialog-max-height {
-    height: 550px;
-  }
-
-  .custom-slider {
-    .el-input-number.is-without-controls .el-input__wrapper {
-      padding: 0 !important;
-    }
-  }
-}
-</style>
+<style lang="scss" scoped></style>

ui/src/views/application/component/AddDatasetDialog.vue

@@ -144,7 +144,7 @@ const refresh = () => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .addDataset-dialog {
   padding: 0;
   .el-dialog__header {

ui/src/views/application/component/McpServersDialog.vue

@@ -9,13 +9,21 @@
     :close-on-click-modal="false"
     :close-on-press-escape="false"
   >
-    <el-form label-position="top" ref="paramFormRef" :model="form"
-             require-asterisk-position="right">
+    <el-form
+      label-position="top"
+      ref="paramFormRef"
+      :model="form"
+      require-asterisk-position="right"
+    >
       <el-form-item label="MCP" prop="mcp_enable">
         <el-switch v-model="form.mcp_enable" />
       </el-form-item>
-      <el-form-item v-if="form.mcp_enable" label="MCP Server Config" prop="mcp_servers"
-                    :rules="[{ required: true, message: $t('common.required') }]">
+      <el-form-item
+        v-if="form.mcp_enable"
+        label="MCP Server Config"
+        prop="mcp_servers"
+        :rules="[{ required: true, message: $t('common.required') }]"
+      >
         <el-input
           v-model="form.mcp_servers"
           :rows="6"
@@ -49,7 +57,6 @@ const mcpServerJson = `{
   }
 }`
 
-
 const form = ref<any>({
   mcp_servers: '',
   mcp_enable: false
@@ -82,26 +89,4 @@ const submit = () => {
 
 defineExpose({ open })
 </script>
-<style lang="scss" scoped>
-.param-dialog {
-  padding: 8px 8px 24px 8px;
-
-  .el-dialog__header {
-    padding: 16px 16px 0 16px;
-  }
-
-  .el-dialog__body {
-    padding: 0 !important;
-  }
-
-  .dialog-max-height {
-    height: 560px;
-  }
-
-  .custom-slider {
-    .el-input-number.is-without-controls .el-input__wrapper {
-      padding: 0 !important;
-    }
-  }
-}
-</style>
+<style lang="scss" scoped></style>