투표 수정정

src/components/main/MainVote.vue

@@ -29,7 +29,7 @@
                                         <small ><strong>{{ truncateTitle(item.localVote.LOCVOTTTL) }}</strong></small>
                                     </div>
                                     <small class="d-flex align-items-center lh-1 me-4 mb-4 mb-sm-0"><span >
-                                    </span> {{ getDaysAgo(item.localVote.formatted_LOCVOTEDT) }} ({{item.localVote.total_voted}}/{{ item.localVote.total_votable }})</small>
+                                    </span>{{getDaysAgo(item.localVote.formatted_LOCVOTEDT)}}({{item.localVote.total_voted}}/{{ item.localVote.total_votable }})</small>
                                 </div>
                             </div>
                         </div>
@@ -58,6 +58,7 @@
     <template #body>
         <div>
             <vote-list
+            :key="voteListKey"
             :data="selectVoteDate"
             @checkedNames="checkedNames"
             @addContents="addContents"
@@ -70,9 +71,6 @@
         <BackButton @click="closeModal" />
     </template>
 </CenterModal>
-
-
-
 </template>
 
 <script setup>
@@ -83,8 +81,12 @@ import CenterModal from '@c/modal/CenterModal.vue';
 import BackButton from '@c/button/BackBtn.vue';
 import voteList from '@c/voteboard/voteCardList.vue';
 import { useToastStore } from '@s/toastStore';
-const toastStore = useToastStore();
 
+const toastStore = useToastStore();
+const currentPage = ref(1);
+const voteset = ref(0);
+const voteListData= ref([]);
+const voteListKey = ref(0); //초기화
 // 로그 모달 상태
 const isModalOpen = ref(false);
 const selectVoteDate = ref([]);
@@ -99,8 +101,8 @@ const openModal = async (id) => {
 // 로그 모달 닫기
 const closeModal = () => {
     isModalOpen.value = false;
+    voteListKey.value++;
 };
-
 // 프로필 이미지
 const baseUrl = $api.defaults.baseURL.replace(/api\/$/, '');
 const defaultProfile = "/img/icons/icon.png";
@@ -111,9 +113,6 @@ const setDefaultImage = (event) => {
     event.target.src = defaultProfile;
 };
 
-const currentPage = ref(1);
-const voteset = ref(0);
-const voteListData= ref([]);
 onMounted(() => {
     getvoteList();
 });
@@ -121,44 +120,63 @@ onMounted(() => {
 //투표목록
 const getvoteList = () => {
     $api.get('vote/getVoteList',{
-            //목록조회시 파라미터 전달
+        params:
-            params:
+        {
-            {
+            page: 1
-                page: 1
+            ,voteset:'2' //투표중
-                ,voteset:'2' //투표중
+            ,myVote:'2' //내가 안한 투표
-                ,myVote:'2' //내가 안한 투표
+        }
-            }
+    }).then(res => {
-        }).then(res => {
+        voteListData.value = res.data.data.list;
-            voteListData.value = res.data.data.list;
+        voteListData.value = res.data.data.list.slice(0, 6);
-            voteListData.value = res.data.data.list.slice(0, 6);
+    })
-
+};
-        })
-    };
 
 //투표하기
 const checkedNames = (numList) => {
     $api.post('vote/insertCheckedNums',{
         checkedList :numList
         ,votenum : numList[0].LOCVOTSEQ
-        }).then((res)=>{
+    }).then((res)=>{
-            if(res.data.status === 'OK'){
+        if(res.data.status === 'OK'){
-                toastStore.onToast('투표가 완료되었습니다.', 's');
+            toastStore.onToast('투표가 완료되었습니다.', 's');
-                isModalOpen.value = false;
+            isModalOpen.value = false;
-                getvoteList();
+            getvoteList();
-            }
+            voteListKey.value++;
-        })
+        }
+    })
 }
 //투표항목추가
 const addContents = (itemList, voteId) => {
-    console.log('itemList',itemList)
     $api.post('vote/insertWord',{
-            itemList :itemList
+        itemList :itemList
-            ,voteId :voteId
+        ,voteId :voteId
-        }).then((res)=>{
+    }).then((res)=>{
-            if(res.data.status === 'OK'){
+        if(res.data.status === 'OK'){
-                toastStore.onToast('항목이 등록되었습니다.', 's');
+            toastStore.onToast('항목이 등록되었습니다.', 's');
+            getvoteList();
+            const updatedVote = selectVoteDate.value.find(vote => vote.localVote.LOCVOTSEQ === voteId);
+            if (updatedVote) {
+                if (!updatedVote.voteDetails) {
+                    updatedVote.voteDetails = [];
+                }
+                const maxSeq = updatedVote.voteDetails.reduce((max, item) => {
+                    return item.VOTDETSEQ > max ? item.VOTDETSEQ : max;
+                }, 0);
+                // 새 항목을 voteDetails에 추가
+                itemList.forEach(item => {
+                    updatedVote.voteDetails.push({
+                        VOTDETSEQ: maxSeq + 1,
+                        LOCVOTSEQ: voteId,
+                        LOCVOTCON: item.content,
+                        LOCVOTLIK: item.url,
+                        VOTE_COUNT: 0,
+                        yesvote: 0
+                    });
+                });
             }
-        })
+        }
+    })
 }
 //투표종료
 const endVoteId = (endVoteId) => {
@@ -209,9 +227,9 @@ const getDaysAgo = (dateString) => {
     const dayDiff = Math.floor(timeDiff / (1000 * 60 * 60 * 24))+1; // 일 단위 변환
 
     // 오늘 날짜인 경우 "오늘" 반환
-    if (dayDiff === 0) return "금일 종료";
+    if (dayDiff === 0) return "⏰금일 종료";
 
-    return ` ⏰종료 ${Math.abs(dayDiff)}일 전`;
+    return `⏰종료 ${Math.abs(dayDiff)}일 전`;
 };
 </script>
 

src/components/voteboard/voteCompleteUserList.vue

@@ -3,7 +3,7 @@
     <ul class="list-group list-group-flush">
         <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap border-top-0 p-0">
         <div class="d-flex flex-wrap align-items-center">
-            <ul class="list-unstyled users-list d-flex align-items-center avatar-group m-0 me-2">
+            <ul class="list-unstyled users-list d-flex align-items-center avatar-group">
                 <vote-complete-user-list-card :data="data"/>
             </ul>
         </div>

src/components/voteboard/voteCompleteUserListCard.vue

@@ -9,7 +9,7 @@
         <img
             class="rounded-circle user-avatar border border-3"
             :src="`${baseUrl}upload/img/profile/${data.MEMBERPRF}`"
-            :style="`border-color: ${data.usercolor} !important;`"
+            :style="`border-color: ${data.usercolor} !important; width: 90%; height: auto;`"
             @error="$event.target.src = '/img/icons/icon.png'"
             alt="user"
         />

src/components/voteboard/voteInCompleteUserList.vue

@@ -3,7 +3,7 @@
         <ul class="list-group list-group-flush">
             <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap border-top-0 p-0">
                 <div class="d-flex flex-wrap align-items-center">
-                    <ul class="list-unstyled users-list d-flex align-items-center avatar-group m-0 me-2">
+                    <ul class="list-unstyled users-list d-flex align-items-center avatar-group ">
                         <vote-in-complete-user-list-card :data="data" />
                     </ul>
                 </div>

src/components/voteboard/voteInCompleteUserListCard.vue

@@ -9,7 +9,7 @@
         <img
             class="rounded-circle user-avatar border border-3"
             :src="`${baseUrl}upload/img/profile/${data.MEMBERPRF}`"
-            :style="`border-color: ${data.usercolor} !important;`"
+            :style="`border-color: ${data.usercolor} !important;  width: 90%; height: auto;`"
             @error="$event.target.src = '/img/icons/icon.png'"
             alt="user"
         />

src/components/voteboard/voteUserList.vue

@@ -2,7 +2,7 @@
 <div class="d-flex align-items-start mt-3">
     <!--투표한 사람 목록 -->
     <div class="d-flex align-items-center gap-2 flex-wrap">
-        <i class='bx bxs-user-check link-info fa-3x'></i>
+        <i class='bx bxs-user-check link-info fa-2x'></i>
         <vote-complete-user-list
         v-for="(item, index) in voetedUsers"
         :key="index"
@@ -11,7 +11,7 @@
     </div>
     <!-- 투표안한 사람 목록 -->
     <div class="d-flex align-items-center gap-2 ms-auto flex-wrap">
-        <i class='bx bxs-user-x link-danger fa-3x'></i>
+        <i class='bx bxs-user-x link-danger fa-2x'></i>
         <vote-in-complete-user-list
         v-for="(item, index) in noVoetedUsers"
         :key="index"