src/views/Content/ContentList.vue

@@ -50,6 +50,9 @@
                   <th class="text-center">
                     가격
                   </th>
+                  <th class="text-center">
+                    한정판
+                  </th>
                   <th class="text-center">
                     19금
                   </th>
@@ -97,6 +100,15 @@
                   <td v-else>
                     무료
                   </td>
+                  <td
+                    v-if="item.totalContentCount > 0"
+                    style="min-width: 100px !important; word-break:break-all; height: auto;"
+                  >
+                    {{ item.remainingContentCount }} / {{ item.totalContentCount }}
+                  </td>
+                  <td v-else>
+                    X
+                  </td>
                   <td>
                     <div v-if="item.isAdult">
                       O
@@ -371,7 +383,7 @@
               </v-col>
             </v-row>
           </v-card-text>
-          <v-card-text>
+          <v-card-text v-show="is_limited_edition === false">
             <v-row align="center">
               <v-col cols="4">
                 예약 공개
@@ -469,6 +481,39 @@
             </v-row>
           </v-card-text>
           <v-card-text v-show="audio_content.price > 0">
+            <v-row align="center">
+              <v-col cols="4">
+                한정판
+              </v-col>
+              <v-col
+                cols="8"
+                align="left"
+              >
+                <input
+                  v-model="is_limited_edition"
+                  type="checkbox"
+                >
+              </v-col>
+            </v-row>
+            <v-row
+              v-if="is_limited_edition"
+              align="center"
+            >
+              <v-col cols="4">
+                판매할 콘텐츠 개수
+              </v-col>
+              <v-col
+                cols="8"
+                align="left"
+              >
+                <v-text-field
+                  v-model="audio_content.limited"
+                  label="판매할 콘텐츠 개수"
+                />
+              </v-col>
+            </v-row>
+          </v-card-text>
+          <v-card-text v-show="audio_content.price > 0 && is_limited_edition === false">
             <v-row>
               <v-col cols="4">
                 대여만 가능
@@ -603,6 +648,7 @@ export default {
     return {
       is_loading: false,
       is_active_reservation: false,
+      is_limited_edition: false,
       reservation_date: '',
       reservation_time: '',
       show_create_dialog: false,
@@ -677,6 +723,7 @@ export default {
       this.reservation_time = ''
       this.reservation_time = ''
       this.is_active_reservation = false
+      this.is_limited_edition = false
       this.show_create_dialog = false
       this.show_modify_dialog = false
       this.show_delete_confirm_dialog = false
@@ -755,6 +802,16 @@ export default {
         return
       }
 
+      if (this.is_limited_edition === true) {
+        if (isNaN(parseInt(this.audio_content.limited))) {
+          this.notifyError("한정판 개수는 숫자만 입력가능합니다.")
+          return
+        } else if (this.audio_content.limited < 1) {
+          this.notifyError("한정판 개수를 1 이상 입력해 주세요.")
+          return
+        }
+      }
+
       if (this.is_loading) return;
 
       this.is_loading = true
@@ -773,7 +830,15 @@ export default {
           isCommentAvailable: this.audio_content.is_comment_available
         }
 
-        if (this.is_active_reservation === true) {
+        if (this.audio_content.limited > 0) {
+          request.isOnlyRental = false
+        }
+
+        if (this.audio_content.price > 0 && this.is_limited_edition === true) {
+          request.limited = this.audio_content.limited
+        }
+
+        if (this.is_limited_edition === false && this.is_active_reservation === true) {
           if (this.reservation_date.trim() === '' || this.reservation_time.trim() === '') {
             this.notifyError("오픈 예정 날짜와 시간을 선택해 주세요.")
             this.is_loading = false