seokjin8678 / festago-manager-front Goto Github PK

<template>
  <v-dialog
    v-model="showDialog"
    max-width="500"
  >
    <v-card class="pa-5">
      <v-card-title class="text-h5 text-center">
        정말로 삭제할까요?
      </v-card-title>
      <v-card-actions>
        <v-spacer />
        <v-btn
          text="취소"
          color="blue-darken-1"
          variant="text"
          @click="showDialog = false"
        />
        <v-btn
          text="삭제"
          color="red-darken-1"
          variant="text"
          @click="deleteArtist"
        />
        <v-spacer />
      </v-card-actions>
    </v-card>
  </v-dialog>
  <v-card
    class="mx-auto pa-3 pa-md-15 py-8 mt-16 w-75"
    max-width="800"
    min-width="350"
    elevation="4"
  >
    <v-card-title class="mb-3 text-h4 text-center">
      아티스트 수정/삭제
    </v-card-title>
    <v-form
      v-model="invalidForm"
      @submit.prevent="onUpdateSubmit"
    >
      <v-text-field
        class="mb-3"
        variant="outlined"
        label="ID"
        :model-value="artistId"
        :readonly="true"
      />
      <v-text-field
        class="mb-3"
        v-model="nameField.value.value"
        :error-messages="nameField.errorMessage.value"
        placeholder="아티스트 이름"
        variant="outlined"
        label="아티스트 이름"
      />
      <v-text-field
        class="mb-3"
        v-model="profileImageField.value.value"
        :error-messages="profileImageField.errorMessage.value"
        placeholder="https://festa-go.site/image.png"
        variant="outlined"
        label="아티스트 이미지 URL"
      />
      <v-btn
        :disabled="!invalidForm"
        :loading="loading"
        class="text-h6"
        type="submit"
        text="수정"
        color="blue"
        :block="true"
      />
      <v-btn
        :disabled="loading"
        class="text-h6 mt-4"
        text="삭제"
        color="red"
        :block="true"
        @click="showDialog = true"
      />
      <v-btn
        :disabled="loading"
        class="text-h6 mt-4"
        text="취소"
        color="grey"
        :block="true"
        @click="$router.go(-1)"
      />
    </v-form>
  </v-card>
</template>

<DataTable
  v-model="loading" // <-- 누락
  :table-headers="tableHeaders"
  :items-per-page-options="itemsPerPageOptions"
  :fetch="fetch"
  :item-length="items.schools.length"
  :items="items.schools"
  :detail-page-router-name="RouterPath.Admin.AdminSchoolManageEditPage.name"
/>

<template>
  <v-card
    class="mx-auto pa-3 pa-md-15 py-8 mt-16 w-75"
    max-width="800"
    min-width="350"
    elevation="4"
  >
    <v-card-title class="mb-3">
      <p class="text-h4 text-center">
        아티스트 추가
      </p>
    </v-card-title>
    <v-form
      v-model="invalidForm"
      @submit.prevent="onSubmit"
    >
      <v-text-field
        class="mb-3"
        v-model="nameField.value.value"
        :error-messages="nameField.errorMessage.value"
        placeholder="아티스트 이름"
        variant="outlined"
        label="아티스트 이름"
      />
      <v-text-field
        class="mb-3"
        v-model="profileImageField.value.value"
        :error-messages="profileImageField.errorMessage.value"
        placeholder="https://festa-go.site/image.png"
        variant="outlined"
        label="아티스트 이미지 URL"
      />
      <v-btn
        :disabled="!invalidForm"
        :loading="loading"
        class="text-h6"
        type="submit"
        text="생성"
        color="blue"
        :block="true"
      />
    </v-form>
  </v-card>
</template>

<template>
  <v-card
    class="pa-10 ma-10 pt-0"
    :flat="true"
    title="학교 목록"
  >
    <v-row :no-gutters="true" align="center">
      <v-col :cols="3">
        <v-select
          v-model="searchRequest.filterKeyword"
          class="pa-2 ma-2"
          :clearable="true"
          label="필터"
          :items="searchFilters"
          variant="outlined"
          :hide-details="true"
        />
      </v-col>
      <v-col :cols="8">
        <v-text-field
          class="pa-2 ma-2"
          v-model="searchRequest.searchKeyword"
          label="Search"
          prepend-inner-icon="mdi-magnify"
          :single-line="true"
          variant="outlined"
          :hide-details="true"
          maxLength="50"
        />
      </v-col>
      <v-col :cols="1">
        <v-btn
          class="py-7 text-h6"
          color="blue"
          variant="flat"
          :block="true"
          @click="searchResult"
          text="검색"
        />
      </v-col>
    </v-row>
    <v-data-table-server
      :headers="tableHeaders"
      :items-length="totalItems"
      :items="items.schools"
      :loading="loading"
      :items-per-page-options="itemsPerPageOption"
      v-model:items-per-page="itemsPerPage"
      @update:options="fetchItems"
    >
      <template v-slot:item.actions="{item}">
        <v-icon
          class="mr-2"
          icon="mdi-pencil"
          color="grey-darken-3"
          @click="$router.push({
            name: RouterPath.Admin.AdminSchoolManageEditPage.name,
            params: { id: item.id }
          })"
        />
      </template>
    </v-data-table-server>
  </v-card>
</template>