오디션 관리 - 모집상태 추가

src/views/Audition/AuditionView.vue

@@ -40,6 +40,9 @@
             <v-card-text class="audition-title-container">
               {{ item.title }}
             </v-card-text>
+            <v-card-text>
+              상태 : {{ getStatusStr(item.status) }}
+            </v-card-text>
             <v-card-actions>
               <v-spacer />
               <v-btn
@@ -183,6 +186,47 @@
             </v-col>
           </v-row>
         </v-card-text>
+        <v-card-text v-if="selected_audition !== null">
+          <v-row>
+            <v-col cols="4">
+              모집상태
+            </v-col>
+            <v-col
+              cols="8"
+              align="left"
+            >
+              <v-row>
+                <v-col v-if="selected_audition.status === 'NOT_STARTED'">
+                  <input
+                    id="radio_not_started"
+                    v-model="audition.status"
+                    type="radio"
+                    value="NOT_STARTED"
+                  >
+                  <label for="radio_not_started"> 모집전</label>
+                </v-col>
+                <v-col>
+                  <input
+                    id="radio_in_progress"
+                    v-model="audition.status"
+                    type="radio"
+                    value="IN_PROGRESS"
+                  >
+                  <label for="radio_in_progress"> 모집중</label>
+                </v-col>
+                <v-col>
+                  <input
+                    id="radio_complete"
+                    v-model="audition.status"
+                    type="radio"
+                    value="COMPLETED"
+                  >
+                  <label for="radio_complete"> 모집완료</label>
+                </v-col>
+              </v-row>
+            </v-col>
+          </v-row>
+        </v-card-text>
         <v-card-actions v-show="!is_loading">
           <v-spacer />
           <v-btn
@@ -193,7 +237,7 @@
             취소
           </v-btn>
           <v-btn
-            v-if="selected_audition !== undefined && selected_audition !== null"
+            v-if="selected_audition !== null"
             color="blue darken-1"
             text
             @click="modify"
@@ -304,6 +348,16 @@ export default {
       this.$dialog.notify.success(message)
     },
 
+    getStatusStr(status) {
+      if (status === 'NOT_STARTED') {
+        return "모집전"
+      } else if (status === 'COMPLETED') {
+        return "모집완료"
+      } else {
+        return "모집중"
+      }
+    },
+
     showWriteDialog() {
       this.show_write_dialog = true
     },
@@ -315,6 +369,7 @@ export default {
         image_url: audition.imageUrl,
         is_adult: audition.isAdult,
         original_work_url: audition.originalWorkUrl,
+        status: audition.status,
       }
 
       if (audition.endDate !== undefined && audition.endDate !== null) {
@@ -465,6 +520,10 @@ export default {
           request.originalWorkUrl = this.audition.original_work_url
         }
 
+        if (this.audition.status !== this.selected_audition.status) {
+          request.status = this.audition.status
+        }
+
         const splitEndDate = this.selected_audition.endDate.split(" ")
         if (this.audition.end_date !== splitEndDate[0] || this.audition.end_time !== splitEndDate[1]) {
           request.endDateString = this.audition.end_date + ' ' + this.audition.end_time