From e7063b432d5af4f7e310c727c80a5483dbdb50eb Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Thu, 30 May 2024 13:08:45 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8B=9C=EA=B7=B8=EB=8B=88=EC=B2=98=20?=
 =?UTF-8?q?=EC=BA=94=20=EB=A6=AC=EC=8A=A4=ED=8A=B8=20-=20=EC=A0=95?=
 =?UTF-8?q?=EB=A0=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/signature.js           |  4 +-
 src/views/Can/CanSignature.vue | 72 +++++++++++++++++++++++++++++++++-
 2 files changed, 73 insertions(+), 3 deletions(-)

diff --git a/src/api/signature.js b/src/api/signature.js
index 8eb7405..b29d581 100644
--- a/src/api/signature.js
+++ b/src/api/signature.js
@@ -1,7 +1,7 @@
 import Vue from 'vue';
 
-async function getSignatureList(page) {
-    return Vue.axios.get('/admin/live/signature-can?page=' + (page - 1) + "&size=20");
+async function getSignatureList(page, sort) {
+    return Vue.axios.get('/admin/live/signature-can?page=' + (page - 1) + "&size=20" + "&sort-type=" + sort);
 }
 
 async function createSignature(formData) {
diff --git a/src/views/Can/CanSignature.vue b/src/views/Can/CanSignature.vue
index e293f92..f626ae5 100644
--- a/src/views/Can/CanSignature.vue
+++ b/src/views/Can/CanSignature.vue
@@ -23,6 +23,57 @@
           </v-btn>
         </v-col>
       </v-row>
+      <v-row class="row-sort">
+        <v-col>
+          <input
+            id="sort-newest"
+            v-model="sort_type"
+            type="radio"
+            value="NEWEST"
+            class="radio-sort"
+            @change="changeSortType"
+          >
+          <label
+            for="sort-newest"
+            class="radio-label-sort"
+          >
+            최신순
+          </label>
+        </v-col>
+        <v-col>
+          <input
+            id="sort-can-high"
+            v-model="sort_type"
+            type="radio"
+            value="CAN_HIGH"
+            class="radio-sort"
+            @change="changeSortType"
+          >
+          <label
+            for="sort-can-high"
+            class="radio-label-sort"
+          >
+            높은캔순
+          </label>
+        </v-col>
+        <v-col>
+          <input
+            id="sort-can-low"
+            v-model="sort_type"
+            type="radio"
+            value="CAN_LOW"
+            class="radio-sort"
+            @change="changeSortType"
+          >
+          <label
+            for="sort-can-low"
+            class="radio-label-sort"
+          >
+            낮은캔순
+          </label>
+        </v-col>
+        <v-col cols="10" />
+      </v-row>
       <v-row>
         <v-col>
           <v-data-table
@@ -374,6 +425,7 @@ export default {
       creator_id: null,
       is_active: null,
       selected_signature_can: {},
+      sort_type: 'NEWEST',
 
       headers: [
         {
@@ -494,7 +546,7 @@ export default {
       this.isLoading = true
 
       try {
-        let res = await api.getSignatureList(this.page);
+        let res = await api.getSignatureList(this.page, this.sort_type);
 
         if (res.status === 200 && res.data.success === true) {
           const data = res.data.data
@@ -680,4 +732,22 @@ export default {
   display: block;
   margin: 0 auto;
 }
+
+.row-sort {
+  margin-top: 40px;
+}
+
+.radio-sort {
+  display: none;
+}
+
+.radio-label-sort {
+  font-weight: normal;
+  color: black;
+}
+
+.radio-sort:checked + .radio-label-sort {
+  font-weight: bold;
+  color: #3bb9f1;
+}
 </style>