jhpark / cms_frontend star
하석형 하석형 03-31
250331 하석형 시스템관리 - 컨텍스트 패스 관리 목록 추가
@1d658e26e924b500d2ec9ce4db3332bf10b96821
 
1d658e2
client/resources/api/cntxtPth.js (added)
+++ client/resources/api/cntxtPth.js
@@ -0,0 +1,21 @@
+import apiClient from "./index";
+
+export const findAll = search => {
+    return apiClient.post(`/admin/cntxtPth/findAll.json`, search);
+}
+
+export const findByCntxtPth = cntxtPth => {
+    return apiClient.post(`/admin/cntxtPth/findByCntxtPth.json`, cntxtPth);
+}
+
+export const save = cntxtPth => {
+    return apiClient.post(`/admin/cntxtPth/saveProc.json`, cntxtPth);
+}
+
+export const update = cntxtPth => {
+    return apiClient.post(`/admin/cntxtPth/updateProc.json`, cntxtPth);
+}
+
+export const del = cntxtPth => {
+    return apiClient.post(`/admin/cntxtPth/deleteProc.json`, cntxtPth);
+}(파일 끝에 줄바꿈 문자 없음)
 
1d658e2
client/views/pages/adm/system/contextPath/ContextPathSelectList.vue (added)
+++ client/views/pages/adm/system/contextPath/ContextPathSelectList.vue
@@ -0,0 +1,171 @@
+<template>
+  <div class="content-zone">
+    <div class="content">
+      <div class="scroll">
+        <div class="title-zone">
+          <div class="page-title">
+            <p>컨텍스트 패스 관리</p>
+          </div>
+          <PagiNavigationBar />
+        </div>
+        <div class="search-bar ">
+                <input
+                  type="text"
+                  class="form-control sm"
+                  placeholder="경로를 입력하세요."
+                  v-model="search.searchText"
+                  @keyup.enter="findAll"
+                />
+
+              <button class="btn sm ico-sch" @click="findAll">
+                검색
+              </button>
+        </div>
+        <div class="tbl-wrap">
+          <ListTable
+            :className="'data cursor'"
+            :colgroup="colgroup"
+            :thead="thead"
+            :tbody="tbody"
+            @listClick="fnView"
+          >
+            <template v-slot:button="{ row, idx }">
+              <button
+                class="btn-ico md ico-del"
+                @click.stop="fnDel(row, idx)"
+                v-if="pageAuth.delAuthrt == 'Y'"
+              >
+              </button>
+            </template>
+          </ListTable>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="btn-wrap list">
+      <div></div>
+      <PaginationButton :className="'pagination'"
+              v-model:currentPage="search.currentPage"
+              :pagination="search"
+              :click="findAll"
+            />
+      <button
+        class="btn sm primary"
+        @click="fnAdd"
+        v-if="pageAuth.regAuthrt == 'Y'"
+      >
+        등록
+      </button>
+    </div>
+</template>
+
+<script>
+import ListTable from "../../../../component/table/ListTable.vue";
+import PaginationButton from "../../../../component/pagination/PaginationButton.vue";
+import { findAll, del } from "../../../../../resources/api/cntxtPth";
+import queryParams from "../../../../../resources/js/queryParams";
+import { toRaw } from "vue";
+import { defaultSearchParams } from "../../../../../resources/js/defaultSearchParams";
+
+export default {
+  mixins: [queryParams],
+  components: {
+    ListTable: ListTable,
+    PaginationButton: PaginationButton,
+  },
+  data() {
+    return {
+      // 페이지 컨텍스트 패스 객체
+      pageAuth: JSON.parse(localStorage.getItem("vuex")).pageAuth,
+
+      colgroup: ["4%", "20", "25%", "13%", "13%", "5%"],
+      thead: ["NO", "경로", "사용여부", "등록자", "등록일", "삭제"],
+      tbody: [],
+      search: { ...defaultSearchParams },
+      list: [], // 컨텍스트 패스 목록
+      listCnt: 0,
+    };
+  },
+  created() {
+    this.resotreQueryParams("queryParams");
+    this.findAll();
+  },
+  methods: {
+    // 목록 조회
+    async findAll() {
+      this.saveQueryParams("queryParams", this.search); // 검색조건 저장
+      try {
+        const res = await findAll(toRaw(this.search));
+        this.list = res.data.data.list;
+        this.listCnt = res.data.data.pagination.totalRecordCount;
+        this.search = res.data.data.pagination;
+        this.makeTbody();
+        console.log("this.list : ", this.list);
+      } catch (error) {
+        // console.log("error : ", error);
+      }
+    },
+    // 상세 조회
+    fnView(idx) {
+      this.saveQueryParams("queryParams", this.search); // 검색조건 저장
+      this.$router.push({
+        name: "admContextPathSelectListOne",
+        query: {
+          pageId: this.list[idx]["cntxtPthId"],
+        },
+      });
+    },
+    // 등록 페이지 이동
+    fnAdd() {
+      this.$router.push({
+        name: "admContextPathInsert",
+      });
+    },
+    // 삭제
+    async fnDel(row, idx) {
+      if (this.list[idx].sysPvsnYn == 0) {
+        alert("시스템에서 제공하는 정보는 삭제할수 없습니다.");
+        return;
+      }
+      if (!confirm("삭제하시겠습니까?")) {
+        return;
+      }
+      try {
+        const res = await del(this.list[idx]);
+        alert(res.data.message);
+        if (res.status == 200) {
+          this.findAll();
+        }
+      } catch (error) {
+        alert("에러가 발생했습니다.\n시스템관리자에게 문의하세요.");
+      }
+    },
+    // tbody 생성
+    makeTbody() {
+      this.tbody = []; // 초기화
+      this.tbody = this.list.map((cntxtPth, index) => {
+        let id =
+          this.listCnt -
+          index -
+          (this.search.currentPage - 1) * this.search.recordSize; // 번호
+        let path = cntxtPth.path; // 경로
+        let useYn = cntxtPth.useYn; // 사용여부
+        let writer; // 작성자
+        let writeDt; // 작성일
+        // 수정 이력 확인 후 수정된 경우가 없다면 최초 작성자로 등록
+        if (cntxtPth.mdfr == null || cntxtPth.mdfr === "") {
+          writer = cntxtPth.rgtrNm;
+          writeDt = cntxtPth.regDt;
+        } else {
+          writer = cntxtPth.mdfrNm;
+          writeDt = cntxtPth.mdfcnDt;
+        }
+        return { id, path, useYn, writer, writeDt };
+      });
+    },
+  },
+  watch: {},
+  computed: {},
+  mounted() {},
+};
+</script>
Add a comment
List