From 57541eca89140f133cdaab3cc1f59082b0262658 Mon Sep 17 00:00:00 2001
From: Hide_D <hided62@gmail.com>
Date: Mon, 16 May 2022 02:27:34 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=84=A4=EB=AC=B8=EC=A1=B0=EC=82=AC=20?=
 =?UTF-8?q?=EC=8B=9C=20=EC=B5=9C=EB=8C=80=20=EB=AA=87=EA=B0=9C=EA=B9=8C?=
 =?UTF-8?q?=EC=A7=80=20=EC=84=A0=ED=83=9D=EA=B0=80=EB=8A=A5=ED=95=9C?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=88=EB=82=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hwe/ts/PageVote.vue | 35 ++++++++++++++++++++++++++++++++---
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/hwe/ts/PageVote.vue b/hwe/ts/PageVote.vue
index 26ca61a3..53616bea 100644
--- a/hwe/ts/PageVote.vue
+++ b/hwe/ts/PageVote.vue
@@ -1,6 +1,6 @@
 <template>
   <BContainer id="container" :toast="{ root: true }" class="pageVote bg0">
-    <TopBackBar :reloadable="true" title="" @reload="reloadVote" />
+    <TopBackBar type="close" :reloadable="true" title="" @reload="reloadVote" />
     <div id="vote-title" class="bg2">설문 조사({{ voteReward }}금과 추첨으로 유니크템 증정!)</div>
     <table v-if="currentVote" id="vote-result">
       <colgroup>
@@ -12,7 +12,17 @@
       <thead>
         <tr>
           <th colspan="3" class="text-end bg1">설문 제목</th>
-          <th id="vote-detail-title">{{ currentVote.voteInfo.title }}</th>
+          <th id="vote-detail-title">
+            {{ currentVote.voteInfo.title }}
+            <template v-if="currentVote.voteInfo.multipleOptions !== 1"
+              >(
+              {{
+                currentVote.voteInfo.multipleOptions == 0
+                  ? currentVote.voteInfo.options.length
+                  : currentVote.voteInfo.multipleOptions
+              }}개 선택 가능 )</template
+            >
+          </th>
         </tr>
       </thead>
       <tbody>
@@ -122,7 +132,9 @@
     <div id="vote-old-list">
       <div v-for="[voteID, voteInfo] of voteList" :key="voteID" class="vote-old-item">
         <div class="row">
-          <div class="col"><a href="#" @click.prevent="currentVoteID = voteID">{{ voteInfo.title }}</a> ({{ voteInfo.startDate }})</div>
+          <div class="col">
+            <a href="#" @click.prevent="currentVoteID = voteID">{{ voteInfo.title }}</a> ({{ voteInfo.startDate }})
+          </div>
         </div>
       </div>
     </div>
@@ -243,6 +255,23 @@ watch(currentVoteID, async (voteID) => {
 
 const mySinglePick = ref(0);
 const myMultiPick = ref<number[]>([]);
+watch(myMultiPick, (newPick, oldPick) => {
+  if (currentVote.value === undefined) {
+    return;
+  }
+  const multipleOptions = currentVote.value.voteInfo.multipleOptions;
+  if (multipleOptions == 0) {
+    return;
+  }
+  if (newPick.length <= multipleOptions) {
+    return;
+  }
+  toasts.warning({
+    title: "오류",
+    body: `${multipleOptions}개까지만 선택할 수 있습니다.`,
+  });
+  myMultiPick.value = oldPick;
+});
 
 async function submitVote() {
   if (currentVote.value === undefined) {