将音频资产管理的模式切换从下拉选择改为单选按钮组,并调整布局位置;将知识库文档详情抽屉改为允许点击遮罩层关闭

src/views/digitalHuman/audioAssets/component/ttsDialog.vue

@@ -6,20 +6,19 @@
 		:close-on-click-modal="false"
 		@close="handleClose"
 	>
-		<!-- 模式切换下拉菜单 -->
-		<div class="mode-switch">
-			<el-select v-model="activeMode" style="width: 160px">
-				<el-option label="上传音频" value="upload" />
-				<el-option label="文本转语音" value="tts" />
-			</el-select>
-		</div>
-		
 		<!-- 上传音频模式 -->
 		<el-form v-if="activeMode === 'upload'" ref="uploadFormRef" :model="uploadForm" :rules="uploadRules" label-width="100px" class="audio-form">
 			<el-form-item label="音频名称" prop="name">
 				<el-input v-model="uploadForm.name" placeholder="请输入音频名称" maxlength="50" show-word-limit />
 			</el-form-item>
 			
+			<el-form-item label="音频类型">
+				<el-radio-group v-model="activeMode">
+					<el-radio label="upload">上传音频</el-radio>
+					<el-radio label="tts">文本转语音</el-radio>
+				</el-radio-group>
+			</el-form-item>
+			
 			<el-form-item label="音色类型" prop="voiceType">
 				<el-select v-model="uploadForm.voiceType" placeholder="请选择音色类型" style="width: 100%">
 					<el-option label="男声" value="male" />
@@ -67,6 +66,13 @@
 				<el-input v-model="form.name" placeholder="请输入音频名称" maxlength="50" show-word-limit />
 			</el-form-item>
 			
+			<el-form-item label="音频类型">
+				<el-radio-group v-model="activeMode">
+					<el-radio label="upload">上传音频</el-radio>
+					<el-radio label="tts">文本转语音</el-radio>
+				</el-radio-group>
+			</el-form-item>
+			
 			<el-form-item label="文本内容" prop="text">
 				<el-input
 					v-model="form.text"
@@ -466,10 +472,6 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
-.mode-switch {
-	margin-bottom: 20px;
-}
-
 .audio-form {
 	margin-top: 10px;
 }

src/views/knowledge/component/documentDetailDialog.vue

@@ -4,7 +4,7 @@
 		:title="documentInfo.name || '文档详情'"
 		size="80%"
 		direction="rtl"
-		:close-on-click-modal="false"
+		:close-on-click-modal="true"
 		destroy-on-close
 		class="document-detail-drawer"
 	>