创建直播没有标题的问题

src/components/digitalPeopleDiaog.vue

@@ -2,7 +2,7 @@
   <Dialog v-model="visible" className="chose-person-dialog" @confirm="confirm">
   <Dialog v-model="visible" className="chose-person-dialog" @confirm="confirm">
     <div class="chose-person-dialog-body">
     <div class="chose-person-dialog-body">
       <div class="header">选择数字人</div>
       <div class="header">选择数字人</div>
-      <div class="group-btns">
+      <div class="chose-person-group-btns">
         <template v-for="item in constdigitalPeopleTypeList" :key="item.value">
         <template v-for="item in constdigitalPeopleTypeList" :key="item.value">
           <Button
           <Button
             theme="opacity"
             theme="opacity"
@@ -116,7 +116,7 @@ watch(
     color: #fff;
     color: #fff;
     font-size: @size-16;
     font-size: @size-16;
   }
   }
-  .group-btns {
+  .chose-person-group-btns {
     margin-top: 12px;
     margin-top: 12px;
     .default-chose-person-btn {
     .default-chose-person-btn {
       height: 27px !important;
       height: 27px !important;

src/layouts/components/Header.vue

@@ -19,7 +19,7 @@ import LoginDropdown from './LoginDropdown.vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useRoute, useRouter } from 'vue-router';
 import ChangeName from '@/components/changeName.vue';
 import ChangeName from '@/components/changeName.vue';
 import { useStore } from 'vuex';
 import { useStore } from 'vuex';
-import { computed } from 'vue';
+import { computed, onMounted } from 'vue';
 import routerConfig from '@/router/tool';
 import routerConfig from '@/router/tool';
 import { getUserCookie } from '@/utils/api/userApi';
 import { getUserCookie } from '@/utils/api/userApi';
 const route = useRoute();
 const route = useRoute();
@@ -50,6 +50,12 @@ const liveNameEvent = async (value: string) => {
   store.commit('live/setName', value);
   store.commit('live/setName', value);
   return true;
   return true;
 };
 };
+
+onMounted(() => {
+  if (route.query.title) {
+    store.commit('live/setName', route.query.title);
+  }
+});
 </script>
 </script>
 <style lang="less">
 <style lang="less">
 @import '@/style/variables';
 @import '@/style/variables';

src/pages/createAction/components/choseDigitalPeople/index.less

@@ -7,22 +7,23 @@
     text-align: center;
     text-align: center;
     padding-top: 30px;
     padding-top: 30px;
   }
   }
-  .group-btns {
+  .action-group-btns {
     margin: 16px 0;
     margin: 16px 0;
     .default-chose-person-btn {
     .default-chose-person-btn {
       font-size: @size-13;
       font-size: @size-13;
       height: 27px !important;
       height: 27px !important;
       border-radius: 4px;
       border-radius: 4px;
     }
     }
-  }
-  .btn-active {
-    border: 1px solid #04ae8a;
-    background: #04ae8a;
-    &:hover {
+    .btn-active {
       border: 1px solid #04ae8a;
       border: 1px solid #04ae8a;
       background: #04ae8a;
       background: #04ae8a;
+      &:hover {
+        border: 1px solid #04ae8a;
+        background: #04ae8a;
+      }
     }
     }
   }
   }
+
   .person-list {
   .person-list {
     display: grid;
     display: grid;
     justify-content: space-between;
     justify-content: space-between;

src/pages/createAction/components/choseDigitalPeople/index.tsx

@@ -103,7 +103,7 @@ export default defineComponent({
     return () => (
     return () => (
       <div class="action-chose-person-body">
       <div class="action-chose-person-body">
         <div class="header-title">选择数字人进行动作创建</div>
         <div class="header-title">选择数字人进行动作创建</div>
-        <div class="group-btns">
+        <div class="action-group-btns">
           {constdigitalPeopleTypeList.map((item: any) => (
           {constdigitalPeopleTypeList.map((item: any) => (
             <Button
             <Button
               key={item.value}
               key={item.value}

src/pages/createLive/components/audioScriptDialog.vue

@@ -29,7 +29,7 @@
 </template>
 </template>
 
 
 <script lang="ts" setup>
 <script lang="ts" setup>
-import { watch, ref, onMounted } from 'vue';
+import { watch, ref, onActivated, onMounted } from 'vue';
 import Select from '@/components/Select.vue';
 import Select from '@/components/Select.vue';
 import Dialog from '@/components/Dialog.vue';
 import Dialog from '@/components/Dialog.vue';
 import CustomInput from '@/components/input/index.vue';
 import CustomInput from '@/components/input/index.vue';
@@ -88,6 +88,10 @@ onMounted(() => {
   getAction();
   getAction();
 });
 });
 
 
+onActivated(() => {
+  getAction();
+});
+
 const confirm = () => {
 const confirm = () => {
   if (!titleValue.value) {
   if (!titleValue.value) {
     show_message('标题必填');
     show_message('标题必填');