시리즈 상세페이지 추가

src/views/Content/ContentSeriesList.vue

@@ -31,7 +31,11 @@
           <v-card>
             <v-card-title>
               <v-spacer />
-              <v-img :src="item.coverImageUrl" />
+              <v-img
+                :src="item.coverImageUrl"
+                class="cover-image"
+                @click="selectSeries(item)"
+              />
               <v-spacer />
             </v-card-title>
             <v-card-text class="series-title-container">
@@ -322,6 +326,20 @@
         </v-card-actions>
       </v-card>
     </v-dialog>
+
+    <v-dialog
+      v-model="is_loading"
+      max-width="400px"
+      persistent
+    >
+      <v-card>
+        <v-card-text>
+          <v-progress-circular
+            indeterminate
+          />
+        </v-card-text>
+      </v-card>
+    </v-dialog>
   </div>
 </template>
 
@@ -334,7 +352,6 @@ export default {
   data() {
     return {
       is_loading: false,
-      is_modify: false,
       show_write_dialog: false,
       show_delete_confirm_dialog: false,
       series: {is_adult: false, published_days_of_week: []},
@@ -348,7 +365,7 @@ export default {
         {value: 'MON', str: '월'},
         {value: 'TUE', str: '화'},
         {value: 'WED', str: '수'},
-        {value: 'THR', str: '목'},
+        {value: 'THU', str: '목'},
         {value: 'FRI', str: '금'},
         {value: 'SAT', str: '토'},
       ],
@@ -464,6 +481,10 @@ export default {
       this.submit();
     },
 
+    selectSeries(series) {
+      this.$router.push({name: 'ContentSeriesDetail', params: {seriesId: series.seriesId}})
+    },
+
     async getSeriesGenreList() {
       this.is_loading = true
       try {
@@ -588,8 +609,6 @@ export default {
           request.studio = this.series.studio
         }
 
-        console.log(request)
-
         const formData = new FormData()
         formData.append("request", JSON.stringify(request))
 
@@ -681,4 +700,8 @@ export default {
   -webkit-line-clamp: 2;
   max-height: 2em;
 }
+
+.cover-image {
+  aspect-ratio: 1/1.4;
+}
 </style>