fix: no voice in speech page; custom personal page redirect notworking. feat: sync sroll bar between question display page an obs component

src/views/open_live/OpenQueue.vue

@@ -15,7 +15,7 @@ import {
 } from '@/api/api-models'
 import { QueryGetAPI, QueryPostAPI, QueryPostAPIWithParams } from '@/api/query'
 import { RoomAuthInfo } from '@/data/DanmakuClient'
-import { QUEUE_API_URL } from '@/data/constants'
+import { CURRENT_HOST, QUEUE_API_URL } from '@/data/constants'
 import { useDanmakuClient } from '@/store/useDanmakuClient'
 import {
   Checkmark12Regular,
@@ -610,24 +610,24 @@ const columns = [
         () => [
           data.status == QueueStatus.Finish || data.status == QueueStatus.Cancel
             ? h(NTooltip, null, {
-                trigger: () =>
-                  h(
-                    NButton,
-                    {
-                      size: 'small',
-                      type: 'info',
-                      circle: true,
-                      loading: isLoading.value,
-                      onClick: () => {
-                        updateStatus(data, QueueStatus.Waiting)
-                      },
+              trigger: () =>
+                h(
+                  NButton,
+                  {
+                    size: 'small',
+                    type: 'info',
+                    circle: true,
+                    loading: isLoading.value,
+                    onClick: () => {
+                      updateStatus(data, QueueStatus.Waiting)
                     },
-                    {
-                      icon: () => h(NIcon, { component: ReloadCircleSharp }),
-                    },
-                  ),
-                default: () => '重新放回等待列表',
-              })
+                  },
+                  {
+                    icon: () => h(NIcon, { component: ReloadCircleSharp }),
+                  },
+                ),
+              default: () => '重新放回等待列表',
+            })
             : undefined,
           h(
             NPopconfirm,
@@ -702,7 +702,7 @@ async function updateActive() {
       message.error('无法获取队列: ' + data.message)
       return []
     }
-  } catch (err) {}
+  } catch (err) { }
 }
 function blockUser(item: ResponseQueueModel) {
   if (item.from != QueueFrom.Danmaku) {
@@ -762,15 +762,11 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <NAlert
-    :type="accountInfo.settings.enableFunctions.includes(FunctionTypes.Queue) ? 'success' : 'warning'"
-    v-if="accountInfo.id"
-  >
+  <NAlert :type="accountInfo.settings.enableFunctions.includes(FunctionTypes.Queue) ? 'success' : 'warning'"
+    v-if="accountInfo.id">
     启用弹幕队列功能
-    <NSwitch
-      :value="accountInfo?.settings.enableFunctions.includes(FunctionTypes.Queue)"
-      @update:value="onUpdateFunctionEnable"
-    />
+    <NSwitch :value="accountInfo?.settings.enableFunctions.includes(FunctionTypes.Queue)"
+      @update:value="onUpdateFunctionEnable" />
 
     <br />
     <NText depth="3">
@@ -781,11 +777,7 @@ onUnmounted(() => {
       则其需要保持此页面开启才能使用, 也不要同时开多个页面, 会导致重复 !(部署了则不影响)
     </NText>
   </NAlert>
-  <NAlert
-    type="warning"
-    v-else
-    title="你尚未注册并登录 VTsuru.live, 大部分规则设置将不可用 (因为我懒得在前段重写一遍逻辑"
-  >
+  <NAlert type="warning" v-else title="你尚未注册并登录 VTsuru.live, 大部分规则设置将不可用 (因为我懒得在前段重写一遍逻辑">
     <NButton tag="a" href="/manage" target="_blank" type="primary"> 前往登录或注册 </NButton>
   </NAlert>
   <br />
@@ -801,11 +793,8 @@ onUnmounted(() => {
   </NCard>
   <br />
   <NCard>
-    <NTabs
-      v-if="!accountInfo || accountInfo.settings.enableFunctions.includes(FunctionTypes.Queue)"
-      animated
-      display-directive="show:lazy"
-    >
+    <NTabs v-if="!accountInfo || accountInfo.settings.enableFunctions.includes(FunctionTypes.Queue)" animated
+      display-directive="show:lazy">
       <NTabPane name="list" tab="列表">
         <NCard size="small">
           <NSpace align="center">
@@ -833,12 +822,8 @@ onUnmounted(() => {
               </template>
               确定全部取消吗?
             </NPopconfirm>
-            <NRadioGroup
-              v-model:value="settings.sortType"
-              :disabled="!configCanEdit"
-              @update:value="updateSettings"
-              type="button"
-            >
+            <NRadioGroup v-model:value="settings.sortType" :disabled="!configCanEdit" @update:value="updateSettings"
+              type="button">
               <NRadioButton :value="QueueSortType.TimeFirst"> 加入时间优先 </NRadioButton>
               <NRadioButton :value="QueueSortType.PaymentFist"> 付费价格优先 </NRadioButton>
               <NRadioButton :value="QueueSortType.GuardFirst"> 舰长优先 (按等级) </NRadioButton>
@@ -853,17 +838,12 @@ onUnmounted(() => {
         <NDivider> 共 {{ queue.length }} 人 </NDivider>
         <NList v-if="queue.length > 0" :show-divider="false" hoverable>
           <NListItem v-for="(queueData, index) in queue" :key="queueData.id" style="padding: 5px">
-            <NCard
-              embedded
-              size="small"
-              content-style="padding: 5px;"
-              :style="`${queueData.status == QueueStatus.Progressing ? 'animation: animated-border 2.5s infinite;' : ''};height: 100%;`"
-            >
+            <NCard embedded size="small" content-style="padding: 5px;"
+              :style="`${queueData.status == QueueStatus.Progressing ? 'animation: animated-border 2.5s infinite;' : ''};height: 100%;`">
               <NSpace justify="space-between" align="center" style="height: 100%; margin: 0 5px 0 5px">
                 <NSpace align="center">
                   <div
-                    :style="`border-radius: 4px; background-color: ${queueData.status == QueueStatus.Progressing ? '#75c37f' : '#577fb8'}; width: 20px; height: 20px;text-align: center;color: white;`"
-                  >
+                    :style="`border-radius: 4px; background-color: ${queueData.status == QueueStatus.Progressing ? '#75c37f' : '#577fb8'}; width: 20px; height: 20px;text-align: center;color: white;`">
                     {{ index + 1 }}
                   </div>
                   <NText strong style="font-size: 18px">
@@ -877,12 +857,10 @@ onUnmounted(() => {
                   <template v-if="queueData.from == QueueFrom.Manual">
                     <NTag size="small" :bordered="false"> 手动添加 </NTag>
                   </template>
-                  <NSpace
-                    v-if="
-                      (queueData.from == QueueFrom.Danmaku || queueData.from == QueueFrom.Gift) &&
-                      queueData.user?.fans_medal_wearing_status
-                    "
-                  >
+                  <NSpace v-if="
+                    (queueData.from == QueueFrom.Danmaku || queueData.from == QueueFrom.Gift) &&
+                    queueData.user?.fans_medal_wearing_status
+                  ">
                     <NTag size="tiny" round>
                       <NTag size="tiny" round :bordered="false">
                         <NText depth="3">
@@ -894,12 +872,8 @@ onUnmounted(() => {
                       </span>
                     </NTag>
                   </NSpace>
-                  <NTag
-                    v-if="(queueData.user?.guard_level ?? 0) > 0"
-                    size="small"
-                    :bordered="false"
-                    :color="{ textColor: 'white', color: GetGuardColor(queueData.user?.guard_level) }"
-                  >
+                  <NTag v-if="(queueData.user?.guard_level ?? 0) > 0" size="small" :bordered="false"
+                    :color="{ textColor: 'white', color: GetGuardColor(queueData.user?.guard_level) }">
                     {{ queueData.user?.guard_level == 1 ? '总督' : queueData.user?.guard_level == 2 ? '提督' : '舰长' }}
                   </NTag>
                   <NTag v-if="(queueData.giftPrice ?? 0) > 0" size="small" :bordered="false" type="error">
@@ -933,23 +907,15 @@ onUnmounted(() => {
                 <NSpace justify="end" align="center">
                   <NTooltip>
                     <template #trigger>
-                      <NButton
-                        circle
-                        type="primary"
-                        style="height: 30px; width: 30px"
-                        :disabled="
-                          queue.findIndex((s) => s.id != queueData.id && s.status == QueueStatus.Progressing) > -1
-                        "
-                        @click="
+                      <NButton circle type="primary" style="height: 30px; width: 30px" :disabled="queue.findIndex((s) => s.id != queueData.id && s.status == QueueStatus.Progressing) > -1
+                        " @click="
                           updateStatus(
                             queueData,
                             queueData.status == QueueStatus.Progressing ? QueueStatus.Waiting : QueueStatus.Progressing,
                           )
-                        "
+                          "
                         :style="`animation: ${queueData.status == QueueStatus.Waiting ? '' : 'loading 5s linear infinite'}`"
-                        :secondary="queueData.status == QueueStatus.Progressing"
-                        :loading="isLoading"
-                      >
+                        :secondary="queueData.status == QueueStatus.Progressing" :loading="isLoading">
                         <template #icon>
                           <NIcon :component="ClipboardTextLtr24Filled" />
                         </template>
@@ -965,13 +931,8 @@ onUnmounted(() => {
                   </NTooltip>
                   <NTooltip>
                     <template #trigger>
-                      <NButton
-                        circle
-                        type="success"
-                        style="height: 30px; width: 30px"
-                        :loading="isLoading"
-                        @click="updateStatus(queueData, QueueStatus.Finish)"
-                      >
+                      <NButton circle type="success" style="height: 30px; width: 30px" :loading="isLoading"
+                        @click="updateStatus(queueData, QueueStatus.Finish)">
                         <template #icon>
                           <NIcon :component="Checkmark12Regular" />
                         </template>
@@ -996,13 +957,8 @@ onUnmounted(() => {
                   </NTooltip>
                   <NTooltip>
                     <template #trigger>
-                      <NButton
-                        circle
-                        type="error"
-                        style="height: 30px; width: 30px"
-                        :loading="isLoading"
-                        @click="updateStatus(queueData, QueueStatus.Cancel)"
-                      >
+                      <NButton circle type="error" style="height: 30px; width: 30px" :loading="isLoading"
+                        @click="updateStatus(queueData, QueueStatus.Cancel)">
                         <template #icon>
                           <NIcon :component="Dismiss16Filled" />
                         </template>
@@ -1030,20 +986,14 @@ onUnmounted(() => {
             </NInputGroup>
           </NSpace>
         </NCard>
-        <NDataTable
-          size="small"
-          ref="table"
-          :columns="columns"
-          :data="originQueue"
-          :pagination="{
-            itemCount: originQueue.length,
-            pageSizes: [20, 50, 100],
-            showSizePicker: true,
-            prefix({ itemCount }) {
-              return `共 ${itemCount} 条记录`
-            },
-          }"
-        />
+        <NDataTable size="small" ref="table" :columns="columns" :data="originQueue" :pagination="{
+          itemCount: originQueue.length,
+          pageSizes: [20, 50, 100],
+          showSizePicker: true,
+          prefix({ itemCount }) {
+            return `共 ${itemCount} 条记录`
+          },
+        }" />
       </NTabPane>
       <NTabPane name="setting" tab="设置">
         <NSpin :show="isLoading">
@@ -1058,12 +1008,8 @@ onUnmounted(() => {
                 </template>
                 <NInput v-else v-model:value="defaultKeyword" />
               </NInputGroup>
-              <NRadioGroup
-                v-model:value="settings.matchType"
-                :disabled="!configCanEdit"
-                @update:value="updateSettings"
-                type="button"
-              >
+              <NRadioGroup v-model:value="settings.matchType" :disabled="!configCanEdit" @update:value="updateSettings"
+                type="button">
                 <NRadioButton :value="KeywordMatchType.Full"> 完全一致 </NRadioButton>
                 <NRadioButton :value="KeywordMatchType.Contains"> 包含 </NRadioButton>
                 <NRadioButton :value="KeywordMatchType.Regex"> 正则 </NRadioButton>
@@ -1075,18 +1021,12 @@ onUnmounted(() => {
               <NButton @click="updateSettings" type="info" :disabled="!configCanEdit">确定</NButton>
             </NInputGroup>
             <NSpace align="center">
-              <NCheckbox
-                v-model:checked="settings.enableOnStreaming"
-                @update:checked="updateSettings"
-                :disabled="!configCanEdit"
-              >
+              <NCheckbox v-model:checked="settings.enableOnStreaming" @update:checked="updateSettings"
+                :disabled="!configCanEdit">
                 仅在直播时才允许加入
               </NCheckbox>
-              <NCheckbox
-                v-model:checked="settings.allowAllDanmaku"
-                @update:checked="updateSettings"
-                :disabled="!configCanEdit"
-              >
+              <NCheckbox v-model:checked="settings.allowAllDanmaku" @update:checked="updateSettings"
+                :disabled="!configCanEdit">
                 允许所有用户加入
               </NCheckbox>
               <template v-if="!settings.allowAllDanmaku">
@@ -1095,38 +1035,23 @@ onUnmounted(() => {
                   <NInputNumber v-model:value="settings.fanMedalMinLevel" :disabled="!configCanEdit" min="0" />
                   <NButton @click="updateSettings" type="info" :disabled="!configCanEdit">确定</NButton>
                 </NInputGroup>
-                <NCheckbox
-                  v-if="!settings.allowAllDanmaku"
-                  v-model:checked="settings.needJianzhang"
-                  @update:checked="updateSettings"
-                  :disabled="!configCanEdit"
-                >
+                <NCheckbox v-if="!settings.allowAllDanmaku" v-model:checked="settings.needJianzhang"
+                  @update:checked="updateSettings" :disabled="!configCanEdit">
                   允许舰长
                 </NCheckbox>
-                <NCheckbox
-                  v-if="!settings.allowAllDanmaku"
-                  v-model:checked="settings.needTidu"
-                  @update:checked="updateSettings"
-                  :disabled="!configCanEdit"
-                >
+                <NCheckbox v-if="!settings.allowAllDanmaku" v-model:checked="settings.needTidu"
+                  @update:checked="updateSettings" :disabled="!configCanEdit">
                   允许提督
                 </NCheckbox>
-                <NCheckbox
-                  v-if="!settings.allowAllDanmaku"
-                  v-model:checked="settings.needZongdu"
-                  @update:checked="updateSettings"
-                  :disabled="!configCanEdit"
-                >
+                <NCheckbox v-if="!settings.allowAllDanmaku" v-model:checked="settings.needZongdu"
+                  @update:checked="updateSettings" :disabled="!configCanEdit">
                   允许总督
                 </NCheckbox>
               </template>
             </NSpace>
             <NSpace align="center">
-              <NCheckbox
-                v-model:checked="settings.allowGift"
-                @update:checked="updateSettings"
-                :disabled="!configCanEdit"
-              >
+              <NCheckbox v-model:checked="settings.allowGift" @update:checked="updateSettings"
+                :disabled="!configCanEdit">
                 允许通过发送礼物加入队列
               </NCheckbox>
               <template v-if="settings.allowGift">
@@ -1137,34 +1062,19 @@ onUnmounted(() => {
                 </NInputGroup>
                 <NSpace align="center">
                   礼物名
-                  <NSelect
-                    style="width: 250px"
-                    v-model:value="settings.giftNames"
-                    :disabled="!configCanEdit"
-                    filterable
-                    multiple
-                    tag
-                    placeholder="礼物名称，按回车确认"
-                    :show-arrow="false"
-                    :show="false"
-                    @update:value="updateSettings"
-                  />
+                  <NSelect style="width: 250px" v-model:value="settings.giftNames" :disabled="!configCanEdit" filterable
+                    multiple tag placeholder="礼物名称，按回车确认" :show-arrow="false" :show="false"
+                    @update:value="updateSettings" />
                 </NSpace>
                 <span>
-                  <NRadioGroup
-                    v-model:value="settings.giftFilterType"
-                    :disabled="!configCanEdit"
-                    @update:value="updateSettings"
-                  >
+                  <NRadioGroup v-model:value="settings.giftFilterType" :disabled="!configCanEdit"
+                    @update:value="updateSettings">
                     <NRadioButton :value="QueueGiftFilterType.And"> 需同时满足礼物名和价格 </NRadioButton>
                     <NRadioButton :value="QueueGiftFilterType.Or"> 礼物名/价格 二选一 </NRadioButton>
                   </NRadioGroup>
                 </span>
-                <NCheckbox
-                  v-model:checked="settings.sendGiftDirectJoin"
-                  @update:checked="updateSettings"
-                  :disabled="!configCanEdit"
-                >
+                <NCheckbox v-model:checked="settings.sendGiftDirectJoin" @update:checked="updateSettings"
+                  :disabled="!configCanEdit">
                   赠送礼物后自动加入队列
                   <NTooltip>
                     <template #trigger>
@@ -1174,36 +1084,24 @@ onUnmounted(() => {
                   </NTooltip>
                 </NCheckbox>
 
-                <NCheckbox
-                  v-model:checked="settings.sendGiftIgnoreLimit"
-                  @update:checked="updateSettings"
-                  :disabled="!configCanEdit"
-                >
+                <NCheckbox v-model:checked="settings.sendGiftIgnoreLimit" @update:checked="updateSettings"
+                  :disabled="!configCanEdit">
                   赠送礼物后无视用户等级限制
                 </NCheckbox>
               </template>
-              <NCheckbox
-                v-model:checked="settings.allowIncreasePaymentBySendGift"
-                @update:checked="updateSettings"
-                :disabled="!configCanEdit"
-              >
+              <NCheckbox v-model:checked="settings.allowIncreasePaymentBySendGift" @update:checked="updateSettings"
+                :disabled="!configCanEdit">
                 在队列中时允许继续发送礼物累计付费量 (仅限上方设定的礼物)
               </NCheckbox>
-              <NCheckbox
-                v-if="settings.allowIncreasePaymentBySendGift"
-                v-model:checked="settings.allowIncreaseByAnyPayment"
-                @update:checked="updateSettings"
-                :disabled="!configCanEdit"
-              >
+              <NCheckbox v-if="settings.allowIncreasePaymentBySendGift"
+                v-model:checked="settings.allowIncreaseByAnyPayment" @update:checked="updateSettings"
+                :disabled="!configCanEdit">
                 允许发送任意礼物来叠加付费量
               </NCheckbox>
             </NSpace>
             <NDivider> 冷却 (单位: 秒) </NDivider>
-            <NCheckbox
-              v-model:checked="settings.enableCooldown"
-              @update:checked="updateSettings"
-              :disabled="!configCanEdit"
-            >
+            <NCheckbox v-model:checked="settings.enableCooldown" @update:checked="updateSettings"
+              :disabled="!configCanEdit">
               启用排队冷却
             </NCheckbox>
             <NSpace v-if="settings.enableCooldown">
@@ -1229,25 +1127,16 @@ onUnmounted(() => {
               </NInputGroup>
             </NSpace>
             <NDivider> OBS </NDivider>
-            <NCheckbox
-              v-model:checked="settings.showRequireInfo"
-              :disabled="!configCanEdit"
-              @update:checked="updateSettings"
-            >
+            <NCheckbox v-model:checked="settings.showRequireInfo" :disabled="!configCanEdit"
+              @update:checked="updateSettings">
               显示底部的需求信息
             </NCheckbox>
-            <NCheckbox
-              v-model:checked="settings.showPayment"
-              :disabled="!configCanEdit"
-              @update:checked="updateSettings"
-            >
+            <NCheckbox v-model:checked="settings.showPayment" :disabled="!configCanEdit"
+              @update:checked="updateSettings">
               显示付费信息
             </NCheckbox>
-            <NCheckbox
-              v-model:checked="settings.showFanMadelInfo"
-              :disabled="!configCanEdit"
-              @update:checked="updateSettings"
-            >
+            <NCheckbox v-model:checked="settings.showFanMadelInfo" :disabled="!configCanEdit"
+              @update:checked="updateSettings">
               显示用户粉丝牌
             </NCheckbox>
             <NDivider> 其他 </NDivider>
@@ -1267,7 +1156,7 @@ onUnmounted(() => {
       <QueueOBS :id="accountInfo?.id" />
     </div>
     <br />
-    <NInput :value="'https://vtsuru.live/obs/queue?id=' + accountInfo?.id" />
+    <NInput :value="`${CURRENT_HOST}obs/queue?id=` + accountInfo?.id" />
     <NDivider />
     <NCollapse>
       <NCollapseItem title="使用说明">
@@ -1284,15 +1173,18 @@ onUnmounted(() => {
 
 <style>
 @keyframes loading {
+
   /*以百分比来规定改变发生的时间 也可以通过"from"和"to",等价于0% 和 100%*/
   0% {
     /*rotate(2D旋转) scale(放大或者缩小) translate(移动) skew(翻转)*/
     transform: rotate(0deg);
   }
+
   100% {
     transform: rotate(360deg);
   }
 }
+
 @keyframes animated-border {
   0% {
     box-shadow: 0 0 0px #589580;
@@ -1302,6 +1194,7 @@ onUnmounted(() => {
     box-shadow: 0 0 0 4px rgba(255, 255, 255, 0);
   }
 }
+
 @keyframes animated-border-round {
   0% {
     box-shadow: 0 0 0px #589580;