update：格式化代码

2026-07-28 10:03:54 +08:00 · 2025-04-05 20:19:28 +08:00
parent d255edfd5f
commit 03441c8582
23 changed files with 414 additions and 417 deletions
@@ -1,27 +1,28 @@
 <template>
  <div class="welcome">
-    <HeaderBar/>
+    <HeaderBar />
    <el-main style="padding: 16px;display: flex;flex-direction: column;">
      <div style="border-radius: 16px;background: #fafcfe; border: 1px solid #e8f0ff;">
        <div
-            style="padding: 15px 24px;font-weight: 700;font-size: 19px;text-align: left;color: #3d4566;display: flex;gap: 13px;align-items: center;">
+          style="padding: 15px 24px;font-weight: 700;font-size: 19px;text-align: left;color: #3d4566;display: flex;gap: 13px;align-items: center;">
          <div
-              style="width: 37px;height: 37px;background: #5778ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
-            <img loading="lazy" src="@/assets/home/setting-user.png" alt="" style="width: 19px;height: 19px;"/>
+            style="width: 37px;height: 37px;background: #5778ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;">
+            <img loading="lazy" src="@/assets/home/setting-user.png" alt="" style="width: 19px;height: 19px;" />
          </div>
          {{ form.agentName }}
        </div>
-        <div style="height: 1px;background: #e8f0ff;"/>
+        <div style="height: 1px;background: #e8f0ff;" />
        <el-form ref="form" :model="form" label-width="72px">
          <div style="padding: 16px 24px;max-width: 792px;">
            <el-form-item label="助手昵称：">
              <div class="input-46" style="width: 100%; max-width: 412px;">
-                <el-input v-model="form.agentName"/>
+                <el-input v-model="form.agentName" />
              </div>
            </el-form-item>
            <el-form-item label="角色模版：">
              <div style="display: flex;gap: 8px;">
-                <div v-for="template in templates" :key="template" class="template-item" :class="{ 'template-loading': loadingTemplate }" @click="selectTemplate(template)">
+                <div v-for="template in templates" :key="template" class="template-item"
+                  :class="{ 'template-loading': loadingTemplate }" @click="selectTemplate(template)">
                  {{ template }}
                </div>
              </div>
@@ -30,32 +31,31 @@
              <div style="display: flex;gap: 8px;align-items: center;">
                <div class="input-46" style="flex:1.4;">
                  <el-select v-model="form.ttsVoiceId" placeholder="请选择" style="width: 100%;">
-                    <el-option v-for="item in options" :key="item.value" :label="item.label"
-                               :value="item.value">
+                    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                  </el-select>
                </div>
                <div class="audio-box">
                  <audio src="http://music.163.com/song/media/outer/url?id=447925558.mp3" controls
-                         style="height: 100%;width: 100%;"/>
+                    style="height: 100%;width: 100%;" />
                </div>
              </div>
            </el-form-item>
            <el-form-item label="角色介绍：">
              <div class="textarea-box">
-                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容"
-                          v-model="form.systemPrompt" maxlength="2000" show-word-limit/>
+                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容" v-model="form.systemPrompt"
+                  maxlength="2000" show-word-limit />
              </div>
            </el-form-item>
            <el-form-item label="记忆体：">
              <div class="textarea-box">
-                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容"
-                          v-model="form.langCode" maxlength="1000"/>
+                <el-input type="textarea" rows="5" resize="none" placeholder="请输入内容" v-model="form.langCode"
+                  maxlength="1000" />
                <div class="prompt-bottom" @click="clearMemory">
                  <div style="display: flex;gap: 8px;align-items: center;">
                    <div style="color: #979db1;font-size: 11px;">当前记忆（每次对话后重新生成）</div>
                    <div class="clear-btn">
-                      <i class="el-icon-delete-solid" style="font-size: 11px;"/>
+                      <i class="el-icon-delete-solid" style="font-size: 11px;" />
                      清除
                    </div>
                  </div>
@@ -65,7 +65,7 @@
            </el-form-item>
            <el-form-item v-for="model in models" :key="model.label" :label="model.label" class="model-item">
              <el-select v-model="form.model[model.key]" filterable placeholder="请选择" class="select-field">
-                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
+                <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
              </el-select>
            </el-form-item>
            <el-form-item label="" class="lh-form-item" style="margin-top: -25px;">
@@ -83,7 +83,7 @@
            重制
          </div>
          <div class="clear-text">
-            <img loading="lazy" src="@/assets/home/red-info.png" alt="" style="width: 19px;height: 19px;"/>
+            <img loading="lazy" src="@/assets/home/red-info.png" alt="" style="width: 19px;height: 19px;" />
            保存配置后，需要重启设备，新的配置才会生效。
          </div>
        </div>
@@ -100,7 +100,7 @@ import HeaderBar from "@/components/HeaderBar.vue";

 export default {
  name: 'RoleConfigPage',
-  components: {HeaderBar},
+  components: { HeaderBar },
  data() {
    return {
      form: {
@@ -121,16 +121,16 @@ export default {
        }
      },
      options: [
-        {value: '选项1', label: '黄金糕'},
-        {value: '选项2', label: '双皮奶'}
+        { value: '选项1', label: '黄金糕' },
+        { value: '选项2', label: '双皮奶' }
      ],
      models: [
-        {label: '大语言模型(LLM)', key: 'llmModelId'},
-        {label: '语音识别(ASR)', key: 'asrModelId'},
-        {label: '语音活动检测(VAD)', key: 'vadModelId'},
-        {label: '语音合成(TTS)', key: 'ttsModelId'},
-        {label: '意图识别(Intent)', key: 'intentModelId'},
-        {label: '记忆(Memory)', key: 'memModelId'}
+        { label: '大语言模型(LLM)', key: 'llmModelId' },
+        { label: '语音识别(ASR)', key: 'asrModelId' },
+        { label: '语音活动检测(VAD)', key: 'vadModelId' },
+        { label: '语音合成(TTS)', key: 'ttsModelId' },
+        { label: '意图识别(Intent)', key: 'intentModelId' },
+        { label: '记忆(Memory)', key: 'memModelId' }
      ],
      templates: ['湾湾小何', '星际游子', '英语老师', '好奇男孩', '汪汪队长'],
      loadingTemplate: false
@@ -153,8 +153,8 @@ export default {
        language: this.form.language,
        sort: this.form.sort
      };
-      import('@/apis/module/agent').then(({default: agentApi}) => {
-        agentApi.updateAgentConfig(this.$route.query.agentId, configData, ({data}) => {
+      import('@/apis/module/agent').then(({ default: agentApi }) => {
+        agentApi.updateAgentConfig(this.$route.query.agentId, configData, ({ data }) => {
          if (data.code === 0) {
            this.$message.success('配置保存成功');
          } else {
@@ -192,31 +192,31 @@ export default {
      })
    },
    selectTemplate(templateName) {
-        if (this.loadingTemplate) return;
-        this.loadingTemplate = true;
-        import('@/apis/module/agent').then(({default: agentApi}) => {
-            agentApi.getAgentTemplate((response) => {  // 移除参数传递
-                this.loadingTemplate = false;
-                if (response.data.code === 0) {
-                    // 在客户端过滤匹配的模板
-                    const matchedTemplate = response.data.data.find(
-                        t => t.agentName === templateName
-                    );
-                    if (matchedTemplate) {
-                        this.applyTemplateData(matchedTemplate);
-                        this.$message.success(`「${templateName}」模板已应用`);
-                    } else {
-                        this.$message.warning(`未找到「${templateName}」模板`);
-                    }
-                } else {
-                    this.$message.error(response.data.msg || '获取模板失败');
-                }
-            });
-        }).catch((error) => {
-            this.loadingTemplate = false;
-            this.$message.error('模板加载失败');
-            console.error('接口异常:', error);
+      if (this.loadingTemplate) return;
+      this.loadingTemplate = true;
+      import('@/apis/module/agent').then(({ default: agentApi }) => {
+        agentApi.getAgentTemplate((response) => {  // 移除参数传递
+          this.loadingTemplate = false;
+          if (response.data.code === 0) {
+            // 在客户端过滤匹配的模板
+            const matchedTemplate = response.data.data.find(
+              t => t.agentName === templateName
+            );
+            if (matchedTemplate) {
+              this.applyTemplateData(matchedTemplate);
+              this.$message.success(`「${templateName}」模板已应用`);
+            } else {
+              this.$message.warning(`未找到「${templateName}」模板`);
+            }
+          } else {
+            this.$message.error(response.data.msg || '获取模板失败');
+          }
        });
+      }).catch((error) => {
+        this.loadingTemplate = false;
+        this.$message.error('模板加载失败');
+        console.error('接口异常:', error);
+      });
    },
    applyTemplateData(templateData) {
      this.form = {
@@ -235,37 +235,37 @@ export default {
        }
      };
    },
-  fetchAgentConfig(agentId) {
-    import('@/apis/module/agent').then(({default: agentApi}) => {
-      agentApi.getDeviceConfig(agentId, ({data}) => {
-        if (data.code === 0) {
-          this.form = {
-            ...this.form,
-            ...data.data,
-            model: {
-              ttsModelId: data.data.ttsModelId,
-              vadModelId: data.data.vadModelId,
-              asrModelId: data.data.asrModelId,
-              llmModelId: data.data.llmModelId,
-              memModelId: data.data.memModelId,
-              intentModelId: data.data.intentModelId
-            }
-          };
-        } else {
-          this.$message.error(data.msg || '获取配置失败');
-        }
+    fetchAgentConfig(agentId) {
+      import('@/apis/module/agent').then(({ default: agentApi }) => {
+        agentApi.getDeviceConfig(agentId, ({ data }) => {
+          if (data.code === 0) {
+            this.form = {
+              ...this.form,
+              ...data.data,
+              model: {
+                ttsModelId: data.data.ttsModelId,
+                vadModelId: data.data.vadModelId,
+                asrModelId: data.data.asrModelId,
+                llmModelId: data.data.llmModelId,
+                memModelId: data.data.memModelId,
+                intentModelId: data.data.intentModelId
+              }
+            };
+          } else {
+            this.$message.error(data.msg || '获取配置失败');
+          }
+        });
      });
-    });
+    },
+    // 清空记忆体内容
+    clearMemory() {
+      this.form.langCode = "";
+      this.$message.success("记忆体已清空");
+    },
  },
-  // 清空记忆体内容
-  clearMemory() {
-    this.form.langCode = "";
-    this.$message.success("记忆体已清空");
-  },
-},
  mounted() {
    const agentId = this.$route.query.agentId;
-    console.log('agentId2222',agentId);
+    console.log('agentId2222', agentId);
    if (agentId) {
      this.fetchAgentConfig(agentId);
    }
@@ -299,7 +299,7 @@ export default {
  padding-bottom: 2px;
 }

-.select-field{
+.select-field {
  width: 100%;
  max-width: 720px;
  border: 1px solid #e4e6ef;
@@ -397,4 +397,3 @@ export default {
  background: #f6f8fb;
 }
 </style>
-