add switch

src/views/open_live/OpenLottery.vue

@@ -178,7 +178,10 @@ function startLottery() {
           removeSingleUser()
           function removeSingleUser() {
             if (currentUsers.value.length > lotteryOption.value.resultCount) {
-              console.log(`[${currentUsers.value.length}] 移除` + currentUsers.value.splice(getRandomInt(currentUsers.value.length), 1)[0].name)
+              console.log(
+                `[${currentUsers.value.length}] 移除` +
+                  currentUsers.value.splice(getRandomInt(currentUsers.value.length), 1)[0].name,
+              )
               setTimeout(() => {
                 removeSingleUser()
               }, 500)
@@ -193,7 +196,10 @@ function startLottery() {
           if (currentUsers.value.length / 2 <= lotteryOption.value.resultCount) {
             console.log(`[OPEN-LIVE-Lottery] 人数减半至${lotteryOption.value.resultCount}人`)
             while (currentUsers.value.length > lotteryOption.value.resultCount) {
-              console.log(`[${currentUsers.value.length}] 移除` + currentUsers.value.splice(getRandomInt(currentUsers.value.length), 1)[0].name)
+              console.log(
+                `[${currentUsers.value.length}] 移除` +
+                  currentUsers.value.splice(getRandomInt(currentUsers.value.length), 1)[0].name,
+              )
             }
             onFinishLottery()
           } else {
@@ -201,7 +207,10 @@ function startLottery() {
             console.log(`[OPEN-LIVE-Lottery] 人数减半至${half}人`)
             message.success('人数减半至 ' + half + ' 人')
             while (currentUsers.value.length > half) {
-              console.log(`[${currentUsers.value.length}] 移除` + currentUsers.value.splice(getRandomInt(currentUsers.value.length), 1)[0].name)
+              console.log(
+                `[${currentUsers.value.length}] 移除` +
+                  currentUsers.value.splice(getRandomInt(currentUsers.value.length), 1)[0].name,
+              )
             }
           }
           isLottering.value = false
@@ -224,10 +233,13 @@ function onFinishLottery() {
     description: '共' + resultUsers.value?.length + '人',
     duration: 3000,
     content: () =>
-      h(
-        NSpace,
-        { vertical: true },
-        () => resultUsers.value?.map((user) => h(NSpace, null, () => [h(NAvatar, { src: user.avatar + '@32w_32h', imgProps: { referrerpolicy: 'no-referrer' } }), h('span', user.name)])),
+      h(NSpace, { vertical: true }, () =>
+        resultUsers.value?.map((user) =>
+          h(NSpace, null, () => [
+            h(NAvatar, { src: user.avatar + '@32w_32h', imgProps: { referrerpolicy: 'no-referrer' } }),
+            h('span', user.name),
+          ]),
+        ),
       ),
     meta: format(new Date(), 'yyyy-MM-dd HH:mm:ss'),
     onAfterLeave: () => {
@@ -327,16 +339,25 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <NResult v-if="!code && !accountInfo" status="403" title="403" description="该页面只能从幻星平台访问或者注册用户使用" />
+  <NResult
+    v-if="!code && !accountInfo"
+    status="403"
+    title="403"
+    description="该页面只能从幻星平台访问或者注册用户使用"
+  />
   <template v-else>
     <NCard>
       <template #header>
         直播抽奖
         <NDivider vertical />
-        <NButton text type="primary" tag="a" href="https://vtsuru.live" target="_blank"> 前往 VTsuru.live 主站 </NButton>
+        <NButton text type="primary" tag="a" href="https://vtsuru.live" target="_blank">
+          前往 VTsuru.live 主站
+        </NButton>
       </template>
       <NAlert v-if="!code && accountInfo && !accountInfo.isBiliVerified" type="error"> 请先绑定B站账号 </NAlert>
-      <NAlert v-else-if="!code && accountInfo && accountInfo.biliAuthCodeStatus != 1" type="error"> 身份码状态异常, 请重新绑定 </NAlert>
+      <NAlert v-else-if="!code && accountInfo && accountInfo.biliAuthCodeStatus != 1" type="error">
+        身份码状态异常, 请重新绑定
+      </NAlert>
       <NCard>
         <NSpace align="center">
           <NButton type="info" @click="showModal = true" size="small"> 抽奖历史</NButton>
@@ -345,7 +366,9 @@ onUnmounted(() => {
       </NCard>
       <NCard size="small" embedded title="抽奖选项">
         <template #header-extra>
-          <NButton size="small" secondary @click="lotteryOption = defaultOption" :disabled="isStartLottery"> 恢复默认 </NButton>
+          <NButton size="small" secondary @click="lotteryOption = defaultOption" :disabled="isStartLottery">
+            恢复默认
+          </NButton>
         </template>
         <NSpace justify="center" align="center">
           <NTag :bordered="false"> 抽奖类型 </NTag>
@@ -365,7 +388,13 @@ onUnmounted(() => {
           <NCollapseTransition>
             <NInputGroup v-if="lotteryOption.needFanMedal" style="max-width: 200px">
               <NInputGroupLabel> 最低粉丝牌等级 </NInputGroupLabel>
-              <NInputNumber v-model:value="lotteryOption.fanCardLevel" min="1" max="50" :default-value="1" :disabled="isLottering || isStartLottery" />
+              <NInputNumber
+                v-model:value="lotteryOption.fanCardLevel"
+                min="1"
+                max="50"
+                :default-value="1"
+                :disabled="isLottering || isStartLottery"
+              />
             </NInputGroup>
           </NCollapseTransition>
           <template v-if="lotteryOption.type == 'danmaku'">
@@ -373,12 +402,21 @@ onUnmounted(() => {
               <template #trigger>
                 <NInputGroup style="max-width: 250px">
                   <NInputGroupLabel> 弹幕内容 </NInputGroupLabel>
-                  <NInput :disabled="isStartLottery" v-model:value="lotteryOption.danmakuKeyword" placeholder="留空则任何弹幕都可以" />
+                  <NInput
+                    :disabled="isStartLottery"
+                    v-model:value="lotteryOption.danmakuKeyword"
+                    placeholder="留空则任何弹幕都可以"
+                  />
                 </NInputGroup>
               </template>
               符合规则的弹幕才会被添加到抽奖队列中
             </NTooltip>
-            <NRadioGroup v-model:value="lotteryOption.danmakuFilterType" name="判定类型" :disabled="isLottering" size="small">
+            <NRadioGroup
+              v-model:value="lotteryOption.danmakuFilterType"
+              name="判定类型"
+              :disabled="isLottering"
+              size="small"
+            >
               <NRadioButton :disabled="isStartLottery" value="all"> 完全一致 </NRadioButton>
               <NRadioButton :disabled="isStartLottery" value="contains"> 包含 </NRadioButton>
               <NRadioButton :disabled="isStartLottery" value="regex"> 正则 </NRadioButton>
@@ -387,7 +425,11 @@ onUnmounted(() => {
           <template v-else-if="lotteryOption.type == 'gift'">
             <NInputGroup style="max-width: 250px">
               <NInputGroupLabel> 最低价格 </NInputGroupLabel>
-              <NInputNumber :disabled="isStartLottery" v-model:value="lotteryOption.giftMinPrice" placeholder="留空则不限制" />
+              <NInputNumber
+                :disabled="isStartLottery"
+                v-model:value="lotteryOption.giftMinPrice"
+                placeholder="留空则不限制"
+              />
             </NInputGroup>
             <NInputGroup style="max-width: 200px">
               <NInputGroupLabel> 礼物名称 </NInputGroupLabel>
@@ -422,11 +464,20 @@ onUnmounted(() => {
       </NCard>
       <NCard v-if="originUsers" size="small">
         <NSpace justify="center" align="center">
-          <NButton type="primary" @click="continueLottery" :loading="isStartLottery" :disabled="isStartLottery || isLotteried || !client"> 开始 </NButton>
+          <NButton
+            type="primary"
+            @click="continueLottery"
+            :loading="isStartLottery"
+            :disabled="isStartLottery || isLotteried || !client"
+          >
+            开始
+          </NButton>
           <NButton type="warning" :disabled="!isStartLottery" @click="pause"> 停止 </NButton>
           <NButton type="error" :disabled="isLottering || originUsers.length == 0" @click="clear"> 清空 </NButton>
         </NSpace>
-        <NDivider style="margin: 20px 0 20px 0"> <template v-if="isStartLottery"> 进行抽取前需要先停止 </template> </NDivider>
+        <NDivider style="margin: 20px 0 20px 0">
+          <template v-if="isStartLottery"> 进行抽取前需要先停止 </template>
+        </NDivider>
         <NSpace justify="center">
           <NButton
             type="primary"
@@ -439,7 +490,9 @@ onUnmounted(() => {
           >
             进行抽取
           </NButton>
-          <NButton type="info" secondary :disabled="isStartLottery || isLottering || !isLotteried" @click="reset"> 重置 </NButton>
+          <NButton type="info" secondary :disabled="isStartLottery || isLottering || !isLotteried" @click="reset">
+            重置
+          </NButton>
         </NSpace>
         <NDivider style="margin: 10px 0 10px 0"> 共 {{ currentUsers?.length }} 人</NDivider>
         <NGrid v-if="currentUsers.length > 0" cols="1 500:2 800:3 1000:4" :x-gap="12" :y-gap="8">
@@ -447,7 +500,15 @@ onUnmounted(() => {
             <NCard size="small" :title="item.name" style="height: 155px" embedded>
               <template #header>
                 <NSpace align="center" vertical :size="5">
-                  <NAvatar round lazy borderd :size="64" :src="item.avatar + '@64w_64h'" :img-props="{ referrerpolicy: 'no-referrer' }" style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)" />
+                  <NAvatar
+                    round
+                    lazy
+                    borderd
+                    :size="64"
+                    :src="item.avatar + '@64w_64h'"
+                    :img-props="{ referrerpolicy: 'no-referrer' }"
+                    style="box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2)"
+                  />
                   <NSpace v-if="item.fans_medal_wearing_status">
                     <NTag size="tiny" round>
                       <NTag size="tiny" round :bordered="false">
@@ -462,7 +523,12 @@ onUnmounted(() => {
                   {{ item.name }}
                 </NSpace>
 
-                <NButton style="position: absolute; right: 5px; top: 5px; color: #753e3e" @click="removeUser(item)" size="small" circle>
+                <NButton
+                  style="position: absolute; right: 5px; top: 5px; color: #753e3e"
+                  @click="removeUser(item)"
+                  size="small"
+                  circle
+                >
                   <template #icon>
                     <NIcon :component="Delete24Filled" />
                   </template>
@@ -487,7 +553,9 @@ onUnmounted(() => {
               <NTime :time="item.time" />
             </template>
             <template #header-extra>
-              <NButton type="error" size="small" @click="lotteryHistory.splice(lotteryHistory.indexOf(item), 1)"> 删除 </NButton>
+              <NButton type="error" size="small" @click="lotteryHistory.splice(lotteryHistory.indexOf(item), 1)">
+                删除
+              </NButton>
             </template>
             <NSpace vertical>
               <NSpace v-for="user in item.users" :key="user.uId">
@@ -501,7 +569,14 @@ onUnmounted(() => {
     </NScrollbar>
     <NEmpty v-else description="暂无记录" />
   </NModal>
-  <NModal v-model:show="showOBSModal" preset="card" title="OBS 组件" style="max-width: 90%; width: 800px; max-height: 90vh" closable content-style="overflow: auto">
+  <NModal
+    v-model:show="showOBSModal"
+    preset="card"
+    title="OBS 组件"
+    style="max-width: 90%; width: 800px; max-height: 90vh"
+    closable
+    content-style="overflow: auto"
+  >
     <NAlert title="这是什么?  " type="info"> 将等待队列以及结果显示在OBS中 </NAlert>
     <NDivider> 浏览 </NDivider>
     <div style="height: 400px; width: 250px; position: relative; margin: 0 auto">