시그니처 관리 - 재생 시간 등록/수정 기능 추가

src/views/Can/CanSignature.vue

@@ -181,6 +181,20 @@
             </v-row>
           </v-card-text>
 
+          <v-card-text>
+            <v-row align="center">
+              <v-col cols="4">
+                시간(초)
+              </v-col>
+              <v-col cols="8">
+                <v-text-field
+                  v-model="time"
+                  label="시간(초)"
+                />
+              </v-col>
+            </v-row>
+          </v-card-text>
+
           <v-card-actions v-show="!is_loading">
             <v-spacer />
             <v-btn
@@ -266,6 +280,20 @@
             </v-row>
           </v-card-text>
 
+          <v-card-text>
+            <v-row align="center">
+              <v-col cols="4">
+                시간(초)
+              </v-col>
+              <v-col cols="8">
+                <v-text-field
+                  v-model="time"
+                  label="시간(초)"
+                />
+              </v-col>
+            </v-row>
+          </v-card-text>
+
           <v-card-actions v-show="!is_loading">
             <v-spacer />
             <v-btn
@@ -339,6 +367,7 @@ export default {
       total_page: 0,
 
       can: 0,
+      time: 7,
       image: null,
       is_adult: false,
       image_url: null,
@@ -377,6 +406,12 @@ export default {
           sortable: false,
           value: 'image',
         },
+        {
+          text: '시간(초)',
+          align: 'center',
+          sortable: false,
+          value: 'time',
+        },
         {
           text: '관리',
           align: 'center',
@@ -416,6 +451,7 @@ export default {
 
     showModifyDialog(item) {
       this.can = item.can;
+      this.time = item.time;
       this.is_adult = item.isAdult
       this.image_url = item.image;
       this.selected_signature_can = item
@@ -434,6 +470,8 @@ export default {
         this.creator_id === null
       ) {
         this.notifyError('내용을 입력하세요')
+      } else if (this.time < 3 || this.time > 20) {
+        this.notifyError('시간은 3초 이상 20초 이하를 입력하세요.')
       } else {
         this.submit()
       }
@@ -446,6 +484,7 @@ export default {
       this.image = null
       this.image_url = null
       this.can = 0
+      this.time = 7
       this.is_active = null
       this.is_adult = false
       this.selected_signature_can = {}
@@ -483,6 +522,7 @@ export default {
       try {
         const formData = new FormData()
         formData.append("can", this.can)
+        formData.append("time", this.time)
         formData.append("image", this.image)
         formData.append("isAdult", this.is_adult)
         formData.append("creator_id", this.creator_id)
@@ -510,7 +550,8 @@ export default {
       if (
         this.image === null &&
         this.is_adult === this.selected_signature_can.isAdult &&
-        this.can === this.selected_signature_can.can
+        this.can === this.selected_signature_can.can &&
+        this.time === this.selected_signature_can.time
       ) {
         this.notifyError('변경사항이 없습니다.')
         return;
@@ -536,6 +577,10 @@ export default {
           formData.append("can", this.can)
         }
 
+        if (this.time !== this.selected_signature_can.time) {
+          formData.append("time", this.time)
+        }
+
         const res = await api.modifySignature(formData)
         if (res.status === 200 && res.data.success === true) {
           this.cancel()