시그니처 후원 생성/수정 - 재생시간 추가

src/views/Signature/SignatureManagement.vue

@@ -154,6 +154,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
@@ -239,6 +253,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
@@ -312,6 +340,7 @@ export default {
       total_page: 0,
 
       can: 0,
+      time: 7,
       image: null,
       is_adult: false,
       image_url: null,
@@ -337,6 +366,12 @@ export default {
           sortable: false,
           value: 'image',
         },
+        {
+          text: '시간(초)',
+          align: 'center',
+          sortable: false,
+          value: 'time',
+        },
         {
           text: '관리',
           align: 'center',
@@ -380,6 +415,8 @@ export default {
         this.image === null
       ) {
         this.notifyError('내용을 입력하세요')
+      } else if (this.time < 3 || this.time > 20) {
+        this.notifyError('시간은 3초 이상 20초 이하를 입력하세요.')
       } else {
         this.submit()
       }
@@ -392,6 +429,7 @@ export default {
       this.image = null
       this.image_url = null
       this.can = 0
+      this.time = 7
       this.is_adult = false
       this.is_active = null
       this.selected_signature_can = {}
@@ -404,6 +442,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
@@ -442,6 +481,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)
 
@@ -468,7 +508,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;
@@ -494,6 +535,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()