feat: 编辑智能体加上voiceName 字符

src/api/modules/anycallService.ts

@@ -48,6 +48,7 @@ export type TRole = {
   isCloning: boolean;
   language: string;
   name: string;
+  voiceName: string;
   prompt: string;
   voiceFileName: string;
   voiceId: string;

src/components/VoiceSelector.vue

@@ -5,6 +5,7 @@ import { voiceList } from '@/api/modules/anycallService'
 // 定义组件属性
 interface Props {
   modelValue?: string
+  voiceName: string
   disabled?: boolean
   placeholder?: string
   style?: string | object
@@ -15,6 +16,7 @@ interface Props {
 // 定义组件事件
 interface Emits {
   (e: 'update:modelValue', value: string | undefined): void
+  (e: 'update:voiceName', value: string | undefined): void
 }
 
 // 设置默认属性
@@ -85,6 +87,7 @@ onMounted(() => {
     :style="style"
     :disabled="disabled"
     :class="className"
+    @change="(value) => emit('update:voiceName', options.find(item => item.value === value)?.name)"
     @update:model-value="(value) => emit('update:modelValue', value)"
   >
     <el-option v-for="item in options" :key="item.value" :label="item.name" :value="item.value" />

src/views/role-management/components/EditForm.vue

@@ -16,6 +16,7 @@ type IFormData  = {
   description: string
   clonedVoice: boolean
   voiceId: string
+  voiceName: string
 }
 
 // 定义组件的属性
@@ -70,6 +71,7 @@ const formData = ref<Partial<IFormData>>({
   description: '',
   gender: 1,
   voiceId: '',
+  voiceName: '',
 });
 
 
@@ -212,7 +214,7 @@ const handleRemoveAgent = ()=> {
         </ElFormItem> -->
 
         <ElFormItem label="use voice" prop="voiceName" label-width="120">
-           <VoiceSelector :gender="formData.gender ?? 1" v-model="formData.voice" />
+           <VoiceSelector :gender="formData.gender ?? 1" v-model="formData.voice" v-model:voice-name="formData.voiceName" />
         </ElFormItem>
 
         <ElFormItem label="Avatar" prop="avatar" label-width="120">