第一次提交

yudao-ui/yudao-ui-admin-vue3-master/src/views/ai/music/index/mode/index.vue

@@ -0,0 +1,35 @@
+<template>
+  <ContentWrap class="w-300px h-full mb-[0!important]">
+    <el-radio-group v-model="generateMode" class="mb-15px">
+      <el-radio-button value="desc"> 描述模式 </el-radio-button>
+      <el-radio-button value="lyric"> 歌词模式 </el-radio-button>
+    </el-radio-group>
+
+    <!-- 描述模式/歌词模式 切换 -->
+    <component :is="generateMode === 'desc' ? desc : lyric" ref="modeRef" />
+
+    <el-button type="primary" round class="w-full" @click="generateMusic"> 创作音乐 </el-button>
+  </ContentWrap>
+</template>
+
+<script lang="ts" setup>
+import desc from './desc.vue'
+import lyric from './lyric.vue'
+
+defineOptions({ name: 'Index' })
+
+const emits = defineEmits(['generate-music'])
+
+const generateMode = ref('lyric')
+
+const modeRef = ref<Nullable<{ formData: Recordable }>>(null)
+
+/*
+ *@Description: 根据信息生成音乐
+ *@MethodAuthor: xiaohong
+ *@Date: 2024-06-27 16:40:16
+ */
+function generateMusic() {
+  emits('generate-music', { formData: unref(modeRef)?.formData })
+}
+</script>