jhpark / cms_frontend star
방선주 방선주 03-19
250319 방선주 영주 코드 제거
@d02d122ac99979b49df69c0b84aab70d0bf673db
7c0cd30
 
client/resources/api/entDscsnAply.js (deleted)
--- client/resources/api/entDscsnAply.js
@@ -1,21 +0,0 @@
-import apiClient from "./index";
-
-// 조회(목록)
-export const entDscsnAplylistProc = (data) => {
-  return apiClient.post(`/government/entDscsnAply/listProc.json`, data);
-};
-
-// 조회(상세)
-export const entDscsnAplyDetailProc = (data) => {
-  return apiClient.post(`/sys/entDscsnAply/detailProc.json`, data);
-};
-
-// 수정
-export const entDscsnAplyUpdate = (data) => {
-  return apiClient.post(`/sys/entDscsnAply/update.json`, data);
-};
-
-// 삭제
-export const entDscsnAplyDelete = (data) => {
-  return apiClient.post(`/government/entDscsnAply/delete.json`, data);
-};
7c0cd30
 
client/resources/api/entInfo.js (deleted)
--- client/resources/api/entInfo.js
@@ -1,26 +0,0 @@
-import apiClient from "./index";
-
-// 등록
-export const entInfoInsertProc = (data) => {
-  return apiClient.post(`/government/entInfo/insertProc.file`, data);
-};
-
-// 조회(목록)
-export const entInfoListProc = (data) => {
-  return apiClient.post(`/government/entInfo/listProc.json`, data);
-};
-
-// 조회(상세)
-export const entInfoDetailProc = (data) => {
-  return apiClient.post(`/government/entInfo/detailProc.json`, data);
-};
-
-// 수정
-export const entInfoUpdateProc = (data) => {
-  return apiClient.post(`/government/entInfo/updateProc.file`, data);
-};
-
-// 삭제
-export const entInfoDeleteProc = (data) => {
-  return apiClient.post(`/government/entInfo/deleteProc.json`, data);
-};(파일 끝에 줄바꿈 문자 없음)
7c0cd30
 
client/resources/api/ivstDscsn.js (deleted)
--- client/resources/api/ivstDscsn.js
@@ -1,16 +0,0 @@
-import apiClient from "./index";
-
-// 조회(목록)
-export const ivstDscsnListProc = (data) => {
-  return apiClient.post(`/government/ivstDscsn/listProc.json`, data);
-};
-
-// 조회(상세)
-export const ivstDscsnDetailProc = (data) => {
-  return apiClient.post(`/government/ivstDscsn/detailProc.json`, data);
-};
-
-// 삭제
-export const ivstDscsnDeleteProc = (data) => {
-  return apiClient.post(`/government/ivstDscsn/deleteProc.json`, data);
-};
7c0cd30
d02d122
client/resources/api/main.js
--- client/resources/api/main.js
+++ client/resources/api/main.js
@@ -4,8 +4,3 @@
 
 export const adminMainProc = () => {
 
   return apiClient.post(`/admin/main/adminMainProc.json`);
 
 }
 
-
 
-// 공무원용 메인 페이지
 
-export const governmentMainProc = data => {
 
-  return apiClient.post(`/government/main/governmentMainProc.json`, data);
 
-}
(파일 끝에 줄바꿈 문자 없음)
7c0cd30
 
client/resources/api/rvwMttr.js (deleted)
--- client/resources/api/rvwMttr.js
@@ -1,26 +0,0 @@
-import apiClient from "./index";
-
-// 등록
-export const rvwMttrInsertProc = (data) => {
-  return apiClient.post(`/government/rvwMttr/insertProc.json`, data);
-};
-
-// 조회(목록)
-export const rvwMttrListProc = (data) => {
-  return apiClient.post(`/government/rvwMttr/listProc.json`, data);
-};
-
-// 조회(상세)
-export const rvwMttrDetailProc = (data) => {
-  return apiClient.post(`/government/rvwMttr/detailProc.json`, data);
-};
-
-// 수정
-export const rvwMttrUpdateProc = (data) => {
-  return apiClient.post(`/government/rvwMttr/updateProc.json`, data);
-};
-
-// 삭제
-export const rvwMttrDeleteProc = (data) => {
-  return apiClient.post(`/government/rvwMttr/deleteProc.json`, data);
-};(파일 끝에 줄바꿈 문자 없음)
7c0cd30
 
client/resources/api/statistics.js (deleted)
--- client/resources/api/statistics.js
@@ -1,16 +0,0 @@
-import apiClient from "./index";
-
-// 분류별 통계
-export const categoryStatistics = data => {
-  return apiClient.post(`/government/statistics/categoryStatistics.json`, data);
-};
-
-// 검토사항 통계
-export const rvwMttrStatistics = data => {
-  return apiClient.post(`/government/statistics/rvwMttrStatistics.json`, data);
-};
-
-// 상담신청 통계
-export const consultationStatistics = data => {
-  return apiClient.post(`/government/statistics/consultationStatistics.json`, data);
-};(파일 끝에 줄바꿈 문자 없음)
7c0cd30
 
client/resources/img/background.png (Binary) (deleted)
--- client/resources/img/background.png
Binary file is not shown
7c0cd30
 
client/resources/img/background2.png (Binary) (deleted)
--- client/resources/img/background2.png
Binary file is not shown
7c0cd30
 
client/resources/img/co_main_img.png (Binary) (deleted)
--- client/resources/img/co_main_img.png
Binary file is not shown
7c0cd30
 
client/resources/img/hong.png (Binary) (deleted)
--- client/resources/img/hong.png
Binary file is not shown
7c0cd30
 
client/resources/img/img1.png (Binary) (deleted)
--- client/resources/img/img1.png
Binary file is not shown
7c0cd30
 
client/resources/img/intro_background.png (Binary) (deleted)
--- client/resources/img/intro_background.png
Binary file is not shown
7c0cd30
 
client/resources/img/logo.png (Binary) (deleted)
--- client/resources/img/logo.png
Binary file is not shown
7c0cd30
 
client/resources/img/logo_w.png (Binary) (deleted)
--- client/resources/img/logo_w.png
Binary file is not shown
7c0cd30
 
client/resources/img/mascot_left.png (Binary) (deleted)
--- client/resources/img/mascot_left.png
Binary file is not shown
7c0cd30
 
client/resources/img/mascot_right.png (Binary) (deleted)
--- client/resources/img/mascot_right.png
Binary file is not shown
7c0cd30
 
client/resources/img/quick.png (Binary) (deleted)
--- client/resources/img/quick.png
Binary file is not shown
7c0cd30
 
client/resources/img/sam.png (Binary) (deleted)
--- client/resources/img/sam.png
Binary file is not shown
7c0cd30
d02d122
client/views/index.html
--- client/views/index.html
+++ client/views/index.html
@@ -5,7 +5,8 @@
 
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
   <meta name="description" content="Node Vue Web">
 
-  <!-- <link rel="icon" href="../client/favicon.ico" /> -->
 
+  <link rel="icon" href="" />
 
+  <base href="/" />
 
 
   <!-- 공통css -->
 
   <link rel="stylesheet" href="../client/resources/lib/swiper/swiper-bundle.min.css">
7c0cd30
d02d122
client/views/layout/UserHeader.vue
--- client/views/layout/UserHeader.vue
+++ client/views/layout/UserHeader.vue
@@ -10,36 +10,22 @@
 
       <div class="flex justify-between align-center header">
 
         <div class="logo">
 
           <router-link
 
-            :to="{ path: '/company/main.page' }"
 
+            :to="{ path: '/' }"
 
             v-if="pageRole === 'company'"
 
           >
 
             <img
 
-              src="/client/resources/img/logo_w.png"
 
-              alt=""
 
-              v-if="$route.path === '/company/main.page'"
 
+              src=""
 
+              alt="홈"
 
             />
 
-            <img src="/client/resources/img/logo.png" alt="" v-else />
 
           </router-link>
 
-          <router-link :to="{ path: '/government/main.page' }" v-else>
 
-            <img src="/client/resources/img/logo.png" alt="" />
 
-          </router-link>
 
+          
         </div>
 
         <div v-show="pageRole === 'company'" class="mobile-menu mr10">
 
             <!-- <p class="white detail-text">문의전화</p> -->
 
-            <p
 
-              :class="
 
-                pageRole === 'company' &&
 
-                $route.path === '/company/main.page'
 
-                  ? 'call white'
 
-                  : 'call green'
 
-              "
 
-            >
 
-              ☎ 054)639-6161~3
 
-            </p>
 
+            <p>☎ 054)639-6161~3</p>
 
           </div>
 
           <div
 
             class="user-info mobile-menu"
 
-            v-if="this.$store.state.userType === 'government'"
 
           >
 
             <div class="flex align-center">
 
               <button class="user-name cursor" @click="fnLink">
@@ -54,7 +40,6 @@
 
          
           <div
 
             class="user-info pc-menu"
 
-            v-if="this.$store.state.userType === 'government'"
 
           >
 
             <div class="flex align-center">
 
               <button class="user-name cursor" @click="fnLink">
@@ -67,12 +52,6 @@
 
         <div v-show="pageRole === 'company'" class="pc-menu">
 
           <!-- <p class="white detail-text">문의전화</p> -->
 
           <p
 
-            :class="
 
-              pageRole === 'company' &&
 
-              $route.path === '/company/main.page'
 
-                ? 'call white'
 
-                : 'call green'
 
-            "
 
           >
 
             ☎ 054)639-6161~3
 
           </p>
7c0cd30
d02d122
client/views/layout/UserMenu.vue
--- client/views/layout/UserMenu.vue
+++ client/views/layout/UserMenu.vue
@@ -148,8 +148,10 @@
 
       try {
 
         const params = {
 
           roles: this.roles,
 
-          menuType: store.state.userType,
 
+          menuType: 'government',
 
+          // menuType: store.state.userType,
 
         };
 
+        console.log('params', params);
 
         const res = await findBySysMenu(params);
 
         if (res.status == 200) {
 
           this.menuList = res.data.data.menuList;
7c0cd30
d02d122
client/views/pages/App.vue
--- client/views/pages/App.vue
+++ client/views/pages/App.vue
@@ -9,6 +9,7 @@
 
     </div>
 
   </div>
 
   <div v-else v-cloak class="user-wrap relative">
 
+    <UserHeader />
 
     <div class="main-warp">
 
       <router-view />
 
     </div>
7c0cd30
d02d122
client/views/pages/AppRouter.js
--- client/views/pages/AppRouter.js
+++ client/views/pages/AppRouter.js
@@ -1,13 +1,15 @@
 
 import { createWebHistory, createRouter } from "vue-router";
 
 import store from "./AppStore";
 
 
+// 메인화면
 
+import Main from "./user/portal/main/Main.vue";
 
 // 관리자
 
 import CommonSelectList from "./adm/boardManagement/template/commonTemplate/CommonSelectList.vue";
 
 import CommonSelectListOne from "./adm/boardManagement/template/commonTemplate/CommonSelectListOne.vue";
 
 
 const beforeRoutes = [
 
   /* 메인화면 */
 
-  // { path: "/", name: "", component:  },
 
+  { path: "/", name: "main", component: Main },
 
 
   // 관리자
 
   {
@@ -21,6 +23,7 @@
 
 
 import { findAll, accessCheck } from "../../resources/api/router";
 
 import { save } from "../../resources/api/cntnStats";
 
+import { mdiConsoleLine } from "@mdi/js";
 
 
 // 라우터 정보 호출
 
 async function fetchRoutes() {
@@ -125,6 +128,7 @@
 
     }
 
     // 접근 제어 확인(미확인 시 이전 페이지로 이동)
 
     const accesCheck = await accessUrl(to.path);
 
+    console.log('accesCheck', accesCheck);
 
     const roleCheck = isValidRole();
 
     if (!accesCheck || !roleCheck) {
 
       alert('접근이 불가합니다.\n관리자에게 문의하세요.');
@@ -132,7 +136,7 @@
 
     }
 
     // 경로에 따른 사용자 타입 설정
 
     if (to.path === '/') {
 
-      store.commit('setUserType', null)
 
+      store.commit('setUserType', 'portal')
 
     } else if (to.path.startsWith('/adm')) {
 
       store.commit('setUserType', 'adm');
 
     }
7c0cd30
d02d122
client/views/pages/AppStore.js
--- client/views/pages/AppStore.js
+++ client/views/pages/AppStore.js
@@ -7,7 +7,7 @@
 
   state: {
 
     authorization: null,
 
     // refresh: null,
 
-    userType: "company",
 
+    userType: "portal",
 
     menu: null,
 
     path: null,
 
     roles: [{authority: "ROLE_NONE"}],
7c0cd30
 
client/views/pages/adm/preferences/contentManagement/CompanyConsultSelectListOne.vue (deleted)
--- client/views/pages/adm/preferences/contentManagement/CompanyConsultSelectListOne.vue
@@ -1,326 +0,0 @@
-<template>
-  <div class="content">
-    <div class="admin-page-title point-font2 mb30">
-      <p>콘텐츠 관리</p>
-    </div>
-    <div class="admin-style">
-      <details open class="form-table-style mb30">
-        <summary class="point-font">
-          <p class="summary-style pl10">신청내용</p>
-        </summary>
-        <div class="pt10 pb10">
-          <table class="form-table2 mb30">
-            <colgroup>
-              <col width="15%" />
-              <col width="35%" />
-              <col width="15%" />
-              <col width="35%" />
-            </colgroup>
-            <tr>
-              <th class="point-font">기업명</th>
-              <td>{{ entDscsnAply["entNm"] }}</td>
-              <th class="point-font">성명</th>
-              <td>{{ entDscsnAply["aplcntNm"] }}</td>
-            </tr>
-            <tr>
-              <th class="point-font">연락처</th>
-              <td>{{ entDscsnAply["telno"] }}</td>
-              <th class="point-font">이메일</th>
-              <td>{{ entDscsnAply["eml"] }}</td>
-            </tr>
-            <tr>
-              <th class="point-font">첨부파일</th>
-              <td colspan="3">
-                <div v-if="entDscsnAply['fileMngId'] != null">
-                  <p v-for="(file, index) of fileList" :key="index">
-                    <a :href="file['absltPath']">
-                      {{ file["fileNm"] }}.{{ file["extnNm"] }}
-                    </a>
-                  </p>
-                </div>
-                <p v-else class="data-none">등록된 첨부파일이 없습니다.</p>
-              </td>
-            </tr>
-          </table>
-          <div class="gd-12 pd0">
-            <label for="" class="point-font mb10" style="font-size: 1.6rem">
-              내용
-            </label>
-            <textarea
-              class="content"
-              :value="entDscsnAply['aplyCn']"
-              disabled
-            ></textarea>
-          </div>
-        </div>
-      </details>
-      <details open class="form-table-style mb30">
-        <summary class="point-font">
-          <p class="summary-style pl10">상담조치내역</p>
-        </summary>
-        <div class="pt10 pb10">
-          <table class="form-table2 mb10">
-            <colgroup>
-              <col width="15%" />
-              <col width="35%" />
-              <col width="15%" />
-              <col width="35%" />
-            </colgroup>
-            <tr>
-              <th class="point-font">담당자</th>
-              <td>
-                <div class="flex align-center no-gutters">
-                  <div class="gd-9 mr10">
-                    <input
-                      type="text"
-                      class="full-input"
-                      ref="clr"
-                      v-model="entDscsnAply['mbrNm']"
-                      placeholder="담당자를 선택하세요."
-                      readonly
-                    />
-                  </div>
-                  <div class="gd-2">
-                    <button
-                      class="large-btn blue-border-btn"
-                      @click="fnModalOpen('접수자')"
-                    >
-                      찾기
-                    </button>
-                  </div>
-                </div>
-              </td>
-              <th class="point-font">조치일자</th>
-              <td>
-                <div class="gd-12">
-                  <div>{{ entDscsnAply["actnDt"] }}</div>
-                </div>
-              </td>
-            </tr>
-          </table>
-          <div class="gd-12 pd0">
-            <label for="" class="point-font mb10" style="font-size: 1.6rem">
-              비고
-            </label>
-            <textarea
-              class="content"
-              v-model="entDscsnAply['rmrk']"
-              disabled
-            ></textarea>
-          </div>
-        </div>
-      </details>
-      <div class="flex justify-end align-center">
-        <div class="gd-1 pr0">
-          <button class="large-btn gray-border-btn" @click="fnPrev">
-            목록
-          </button>
-        </div>
-        <div class="gd-1 pr0">
-          <button
-            class="large-btn blue-btn"
-            :disabled="isMbrId"
-            @click="fnUpdate"
-          >
-            <span v-if="entDscsnAply['prcsStts'] == 'C'">재배정</span>
-            <span v-else>배정</span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <!-- 모달: 찾기 -->
-    <Modal :showModal="isOpen">
-      <template v-slot:header>
-        <div class="box-title point-font">
-          <p>담당자 선택</p>
-        </div>
-        <button class="close-btn" @click="fnModalClose">X</button>
-      </template>
-      <table class="form-table2 mb10">
-        <colgroup>
-          <col width="60%" />
-          <col width="35%" />
-        </colgroup>
-        <thead>
-          <tr>
-            <th class="text-ct">이름</th>
-            <th class="text-ct">비고</th>
-          </tr>
-        </thead>
-        <tr v-for="(item, index) of modal['list']" :key="index">
-          <td>{{ item["name"] }}</td>
-          <td>
-            <button
-              type="button"
-              class="large-btn blue-btn"
-              @click="fnModalInsert(item)"
-            >
-              선택
-            </button>
-          </td>
-        </tr>
-      </table>
-      <template v-slot:footer>
-        <div class="gd-2"></div>
-        <div class="gd-8">
-          <PaginationButton
-            :className="'admin-pagination'"
-            v-model:currentPage="modal.pagination.currentPage"
-            :pagination="modal.pagination"
-            :click="axiosModalViewList"
-          />
-        </div>
-        <div class="gd-2"></div>
-      </template>
-    </Modal>
-  </div>
-</template>
-
-<script>
-import Modal from "../../../../component/modal/Modal.vue";
-import PaginationButton from "../../../../component/pagination/PaginationButton.vue";
-import { defaultSearchParams } from "../../../../../resources/js/defaultSearchParams";
-
-// api
-import {
-  entDscsnAplyDetailProc,
-  entDscsnAplyUpdate,
-} from "../../../../../resources/api/entDscsnAply";
-import { mbrListProc } from "../../../../../resources/api/mbrInfo";
-
-export default {
-  data() {
-    return {
-      // id
-      pageId: this.$route.query.pageId,
-
-      // 상세 조회 정보 담는 객체
-      entDscsnAply: {},
-      fileList: [],
-
-      isOpen: false,
-      isMbrId: false,
-
-      // 모달 객체
-      modal: {
-        list: [],
-        listCount: 0,
-        pagination: { ...defaultSearchParams },
-      },
-    };
-  },
-  created() {
-    this.fnViewDetail();
-  },
-  methods: {
-    // 배정
-    fnUpdate() {
-      this.axiosUpdate();
-    },
-    // 모달 열기
-    fnModalOpen() {
-      this.isOpen = true;
-      this.axiosModalViewList();
-    },
-    // 모달 닫기
-    fnModalClose() {
-      this.isOpen = false;
-      this.modal = {
-        title: null,
-        list: [],
-        listCount: 0,
-        pagination: {},
-      };
-    },
-    // 모달 등록
-    fnModalInsert(data) {
-      this.entDscsnAply["mbrNm"] = data["name"];
-      this.entDscsnAply["actnPic"] = data["id"];
-      this.fnModalClose();
-    },
-    // 목록
-    fnPrev() {
-      this.$router.push({
-        name: "admAdminCompanyConsultSelectList"
-      });
-    },
-
-    // 조회(상세)
-    async fnViewDetail() {
-      // 데이터 세팅
-      const data = { entDscsnAplyId: this.pageId };
-      // 실행
-      try {
-        const response = await entDscsnAplyDetailProc(data);
-        this.entDscsnAply = response.data["data"]["entDscsnAply"];
-        if (
-          response.data["data"]["entDscsnAply"]["mbrNm"] != null &&
-          response.data["data"]["entDscsnAply"]["mbrNm"] != ""
-        ) {
-          if (response.data["data"]["entDscsnAply"]["prcsStts"] != "C") {
-            this.isMbrId = true;
-          }
-        }
-      } catch (error) {
-        const errorData = error.response.data;
-        if (errorData.message != null && errorData.message != "") {
-          alert(error.response.data.message);
-        } else {
-          alert("에러가 발생했습니다.\n관리자에게 문의해주세요.");
-        }
-      }
-    },
-    // axios: 수정
-    async axiosUpdate() {
-      // 데이터 세팅
-      let data = this.entDscsnAply;
-      if (this.entDscsnAply["prcsStts"] == "C") {
-        data["prcsStts"] = "N";
-      }
-      // 실행
-      try {
-        const response = await entDscsnAplyUpdate(data);
-        alert(response.data["message"]);
-        location.reload();
-      } catch (error) {
-        const errorData = error.response.data;
-        if (errorData.message != null && errorData.message != "") {
-          alert(error.response.data.message);
-        } else {
-          alert("에러가 발생했습니다.\n관리자에게 문의해주세요.");
-        }
-      }
-    },
-    // axios: 조회(목록)
-    async axiosModalViewList() {
-      // 데이터 삽입
-      const data = { ...this.modal["pagination"], authrtCd: "" };
-      // 실행
-      try {
-        const response = await mbrListProc(data);
-
-        let dataList = [];
-        for (let mbr of response.data["data"]["list"]) {
-          dataList.push({
-            name: mbr["mbrNm"],
-            id: mbr["mbrId"],
-          });
-        }
-        this.modal["list"] = dataList;
-        this.modal["pagination"] = response.data["data"]["pagination"];
-      } catch (error) {
-        const errorData = error.response.data;
-        if (errorData.message != null && errorData.message != "") {
-          alert(error.response.data.message);
-        } else {
-          alert("에러가 발생했습니다.\n관리자에게 문의해주세요.");
-        }
-      }
-    },
-  },
-  watch: {},
-  computed: {},
-  components: { Modal, PaginationButton },
-  mounted() {},
-};
-</script>(파일 끝에 줄바꿈 문자 없음)
7c0cd30
d02d122
client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue
--- client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue
+++ client/views/pages/adm/system/networkAccessControl/NetworkAccessControlInsert.vue
@@ -159,7 +159,8 @@
 
         },
 
         // 유효성 검사
 
         Validation() {
 
-            const ipFilter = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;;
 
+            // const ipFilter = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
 
+            const ipFilter = /^(\*|[1-9]?[0-9]|1\d\d|2[0-4]\d|25[0-5])(\.(\*|[1-9]?[0-9]|1\d\d|2[0-4]\d|25[0-5])){3}$/;
 
             if (this.accesCtrl.cntrlType == null || this.accesCtrl.cntrlType == '') {
 
                 alert('제어 유형을 지정해주세요.');
 
                 return false;
 
d02d122
client/views/pages/user/portal/main/Main.vue (added)
+++ client/views/pages/user/portal/main/Main.vue
@@ -0,0 +1,410 @@
+<template>
+    <div class="content main ">
+      <div class="w1400">
+        <!-- 공지사항 및 배너 -->
+        <div class="community-zone flex mb30">
+          <div class="visual-zone gd-8 pl0">
+            <div class="swiper-container">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide" v-for="(item, index) in visualSlides" :key="index">
+                  <img :src="item.img" :alt="item.alt" />
+                </div>
+              </div>
+            </div>
+            <div class="swiper-pagination"></div>
+            <div class="swiper-button-prev button"></div>
+            <div class="swiper-button-next button"></div>
+          </div>
+          <div class="gd-4 pr0 ">
+  
+            <!-- 검색창 -->
+            <div class="community-zone mb20">
+              <div class="box-out-title flex justify-between align-center">
+  
+              </div>
+              <div class="search-bar text-ct" tabindex="0">
+                <div class="box">
+                  <p>통합검색</p>
+                  <div class="bar"></div>
+                  <input type="text" class="search-input" placeholder="검색어를 입력하세요." v-model="search.searchText"
+                    @keyup.enter="totalSearch" />
+                  <button class="icon-button search-button" @click="totalSearch">
+                    <svg-icon type="mdi" :path="this.$iconPath()" class="search-icon"></svg-icon>
+                  </button>
+                </div>
+              </div>
+            </div>
+            <div class="">
+  
+              <div class="box-out-title flex justify-between align-center">
+                <p>공지사항(목록형)</p>
+                <router-link to="/government/BBS_MNG_000000000000027/list.page" class=" flex align-center">
+                  <p class="mr5">바로가기</p>
+                  <svg-icon type="mdi" :width="15" :height="15" :path="this.$iconPath('mdiArrowRight')"></svg-icon>
+                </router-link>
+              </div>
+              <div class="box">
+                <div class="tab-nav mb15">
+                  <ul class="flex align-center" style="gap: 30px;">
+                    <li v-for="(item, idx) in codeList" :key="idx" :value="item.cd" :class="{
+                      ' ': true,
+                      activeTab: activeTab === item.cd,
+                    }" @click="showTab(item.cd)">
+                      <p>{{ item.cdNm }}</p>
+                    </li>
+                  </ul>
+                </div>
+                <div class="tab-content">
+                  <div>
+                    <div class="list_news flex justify-between" style="gap: 20px;">
+                      <ul>
+                        <li class="leli">
+                          <a href="" title="천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)">천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)</a>
+                          <span>2025.01.08</span>
+                        </li>
+                        <li class="leli">
+                          <a href="" title="천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)">천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)</a>
+                          <span>2025.01.08</span>
+                        </li>
+                        <li class="leli">
+                          <a href="" title="천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)">천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)</a>
+                          <span>2025.01.08</span>
+                        </li>
+                      </ul>
+                      <ul>
+                        <li class="leli">
+                          <a href="" title="천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)">천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)</a>
+                          <span>2025.01.08</span>
+                        </li>
+                        <li class="leli">
+                          <a href="" title="천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)">천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)</a>
+                          <span>2025.01.08</span>
+                        </li>
+                        <li class="leli">
+                          <a href="" title="천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)">천안청년센터 이음 매니저 채용 공고(청년인턴, 청년도전지원사업)</a>
+                          <span>2025.01.08</span>
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+  
+              </div>
+            </div>
+  
+          </div>
+  
+  
+        </div>
+        <!-- 바로가기 -->
+        <div class="community-zone mb20">
+          <div class="box-out-title flex justify-between align-center">
+            <p>바로가기</p>
+          </div>
+          <ul class="quick-link">
+            <li><a href="/yeyak.do" target="_blank" title="새창열림" class="link"><i class="icon n1"></i>통합예약</a></li>
+            <li><a href="/yeyak.do" target="_blank" title="새창열림" class="link"><i class="icon n1"></i>통합예약</a></li>
+            <li><a href="/yeyak.do" target="_blank" title="새창열림" class="link"><i class="icon n1"></i>통합예약</a></li>
+            <li><a href="/yeyak.do" target="_blank" title="새창열림" class="link"><i class="icon n1"></i>통합예약</a></li>
+            <li><a href="/yeyak.do" target="_blank" title="새창열림" class="link"><i class="icon n1"></i>통합예약</a></li>
+          </ul>
+        </div>
+  
+  
+        <!-- 배너 -->
+        <div class="community-zone mb30">
+          <div class="best_service">
+            <h4><span>BEST1</span><strong>대제목</strong> 1</h4>
+            <div class="service_wrap">
+              <div class="left_cont best1">
+                <a href="#"><img src="" alt=""></a>
+              <div class="txt">
+                  <span class="label_tag etc_tag">키워드</span>
+                  <h5>부제목</h5>
+                  <div class="sub_info">배너내용</div>
+                  <div class="point_info"><strong>배너내용 강조</strong></div>
+              </div>
+  
+                <!-- <div class="btn_set">
+                  <a href="" class="btn_small btn_bg_blue">신청하기</a>
+  
+                </div> -->
+              </div>
+              <div class="right_cont">
+                <ul class="product_list">
+                  <li>
+                    <div class="pdt_info">
+                      <strong class="pdt_name">제목</strong>
+                      <span class="label_tag blue_tag">키워드</span>
+                      <div class="pdt_simple_info">
+                        내용
+                      </div>
+                      <a href="" class="btn_small btn_bg_green">바로가기</a>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="pdt_info">
+                      <strong class="pdt_name">제목</strong>
+                      <span class="label_tag blue_tag">키워드</span>
+                      <div class="pdt_simple_info">내용
+                      </div>
+                      <a href="" class="btn_small btn_bg_green">바로가기</a>
+                    </div>
+                  </li>
+                  <li>
+                    <div class="pdt_info">
+                      <strong class="pdt_name">제목</strong><span class="label_tag green_tag">키워드</span><span
+                        class="label_tag blue_tag">키워드</span>
+                      <div class="pdt_simple_info">내용</div>
+                      <a href="" class="btn_small btn_bg_blue">신청하기</a>
+                    </div>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+  
+        <!-- 카드뉴스 -->
+        <div class="cardnews-zone mb30">
+          <div class=" ">
+            <div class="box-out-title flex justify-between align-center">
+              <p>카드뉴스</p>
+  
+            </div>
+              <div class="swiper-container">
+                <ul class="swiper-wrapper search-list">
+                  <li class="li box swiper-slide"  v-for="(item, index) in slides" :key="index" >
+                    <a :href="item.link">
+                      <div class="img-wrap" :class="item.imgClass">
+                        <img :src="item.img" :alt="item.alt" />
+                      </div>
+                      <div class="conts-wrap">
+                        <h4 class="tit">{{ item.title }}</h4>
+                        <p class="desc">{{ item.description }}</p>
+                        <div class="full-input flex justify-end">
+                          <div class="btn-wrap flex align-center">
+                            <p class="mr5">바로가기</p>
+                            <svg-icon type="mdi" :width="15" :height="15"
+                              :path="this.$iconPath('mdiArrowRight')"></svg-icon>
+                          </div>
+                        </div>
+                      </div>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            <div class="swiper-button-prev button"></div>
+            <div class="swiper-button-next button"></div>
+  
+          </div>
+        </div>
+  
+        <!-- 배너존 -->
+        <div class="chart-zone mb30">
+          <div class="box-out-title flex justify-between align-center">
+            <p>배너</p>
+          </div>
+          <div class="banner-zone">
+            <div class="banner_txt">
+              <span>해당페이지</span>
+              <!-- 230808 문구 수정 -->
+              <span class="b_txt"><strong>해당페이지</strong>을 이용해 보세요.</span>
+              <!-- // 230808 문구 수정 -->
+            </div>
+            <a href="" class="btn_link" title="새창열림">바로 체험하기</a>
+          </div>
+        </div>
+  
+      </div>
+    </div>
+  </template>
+  
+  <script>
+  import ClusteredColumnChart from "../../../../component/chart/ClusteredColumnChart.vue";
+  import store from "../../../AppStore.js";
+  
+  // 통합검색 관련
+  import queryParams from "../../../../../resources/js/queryParams.js";
+  import { defaultTotalSearchParams } from "../../../../../resources/js/defaultTotalSearchParams.js";
+  
+  // API
+  import { sysListByPageProc } from "../../../../../resources/api/popup.js";
+  import Swiper from 'swiper';
+  
+  export default {
+    name: 'SwiperComponent',
+    mixins: [queryParams],
+    components: {
+      ClusteredColumnChart: ClusteredColumnChart,
+    },
+    data() {
+      return {
+        visualSlides: [
+          { img: '', alt: 'Slide 1' },
+          { img: '', alt: 'Slide 2' },
+          { img: '', alt: 'Slide 3' },
+        ],
+        slides: [
+          {
+            img: '',
+            alt: 'Slide 1',
+            title: '컴포넌트 1',
+            description: '디지털 정부서비스 UI를 구성하는 공통 요소 기반으로 일관성 있는 구현이 용이한 컴포넌트 가이드디지털 정부서비스 UI를 구성하는 공통 요소 기반으로 일관성 있는 구현이 용이한 컴포넌트 가이드디지털 정부서비스 UI를 구성하는 공통 요소 기반으로 일관성 있는 구현이 용이한 컴포넌트 가이드디지털 정부서비스 UI를 구성하는 공통 요소 기반으로 일관성 있는 구현이 용이한 컴포넌트 가이드',
+            link: '',
+            imgClass: 'main_1'  // 각 슬라이드에 고유한 클래스 적용
+          },
+          {
+            img: '',
+            alt: 'Slide 2',
+            title: '컴포넌트 2',
+            description: '두 번째 컴포넌트 설명',
+            link: '',
+            imgClass: 'main_2'
+          },
+          {
+            img: '',
+            alt: 'Slide 3',
+            title: '컴포넌트 3',
+            description: '세 번째 컴포넌트 설명',
+            link: '',
+            imgClass: 'main_3'
+          }
+        ],
+        search: { ...defaultTotalSearchParams },
+        mbrId: store.state.mbrId || null, // 사용자 아이디
+        roles: store.state.roles.map((auth) => auth.authority) || [], // 사용자 권한
+        menuType: store.state.userType || null, // 메뉴 타입
+  
+        // 공지사항 top5
+        noticeTop5: [],
+  
+        // 검색조건
+        codeList: [],
+        activeTab: "categoryTab",
+        searchKeyword: "day",
+  
+        // 통계
+        chartData: [],
+  
+        popupList: [],
+  
+        // 기업정보
+        companyInfoList: [],
+      };
+    },
+    created() {
+      // 쿠키 초기화
+      const today = new Date();
+      let tomorrow = new Date(today.setDate(today.getDate() + 1));
+      tomorrow.setHours(0, 0, 0, 0);
+      tomorrow = new Date(tomorrow);
+      if (this.$cookies.get("popup") == null) {
+        this.$cookies.set("popup", [], tomorrow);
+      }
+  
+      this.fnPopupList();
+    },
+    methods: {
+  
+  
+      showTab: function (tabName) {
+        this.activeTab = tabName;
+        this.searchKeyword = "day";
+      },
+  
+      // 통합검색
+      totalSearch() {
+        if (this.search.searchText === "") {
+          alert("검색어를 입력해주세요.");
+          return;
+        }
+        this.search.mbrId = this.mbrId;
+        this.search.roles = this.roles;
+        this.search.menuType = this.menuType;
+        this.saveQueryParams("totalSearchQueryParams", this.search); // 검색조건 저장
+        this.$router.push({
+          path: "/government/search.page",
+        });
+      },
+  
+      // 팝업조회(상세)
+      async fnPopupList() {
+        let data = {
+          pageType: this.$store.state.userType,
+        };
+        try {
+          const response = await sysListByPageProc(data);
+          let popupList = response.data.data;
+          if (popupList != null && popupList.length > 0) {
+            this.fnShowPopup(popupList);
+          }
+        } catch (error) {
+          alert("에러가 발생했습니다.\n시스템관리자에게 문의하세요.");
+        }
+      },
+      // 팝업 표시
+      fnShowPopup(popupList) {
+        for (let popup of popupList) {
+          let count = false;
+          const popupCookies = this.$cookies.get("popup");
+          if (popupCookies.length > 0) {
+            for (let cookie of popupCookies) {
+              if (popup.popupId == cookie) {
+                count = true;
+              }
+            }
+          }
+          if (!count) {
+            let size = "width=" + popup.wdthLen + ", height=" + popup.vrtcLen;
+            window.open(
+              "/cmmn/popup.page?popupId=" + popup.popupId,
+              "_blank",
+              size + ", scrollbars=no, resizable=no, toolbars=no, menubar=no"
+            );
+          }
+        }
+      },
+      stopAutoplay() {
+        if (this.visualSlide) {
+          this.visualSlide.autoplay.stop();
+        }
+      },
+      // 자동 슬라이드 전환 시작하기
+      startAutoplay() {
+        if (this.visualSlide) {
+          this.visualSlide.autoplay.start();
+          this.visualSlide.update();
+        }
+      },
+    },
+    mounted() {
+      // Swiper 인스턴스 초기화
+      this.visualSlide = new Swiper('.visual-zone .swiper-container', {
+        loop: true,  // 슬라이드 반복 여부
+        autoplay: {
+          delay: 2500,  // 2.5초마다 자동으로 슬라이드 전환
+          disableOnInteraction: false,  // 사용자가 슬라이드 조작 후에도 자동 전환 유지
+        },
+        pagination: {
+          el: '.swiper-pagination',  // 페이지네이션 요소
+          clickable: true,  // 페이지네이션 클릭 가능
+        },
+        navigation: {
+          nextEl: '.swiper-button-next',  // 다음 버튼
+          prevEl: '.swiper-button-prev',  // 이전 버튼
+        },
+      });
+      this.cardnewsSlide = new Swiper('.cardnews-zone .swiper-container', {
+        loop: true,  // 슬라이드 반복 여부
+        slidesPerView: 3,  // 한 번에 보여줄 슬라이드 개수
+        spaceBetween: 25,
+        navigation: {
+          nextEl: '.swiper-button-next',  // 다음 버튼
+          prevEl: '.swiper-button-prev',  // 이전 버튼
+        },
+      });
+    }
+  };
+  </script>
+  (파일 끝에 줄바꿈 문자 없음)
 
d02d122
client/views/pages/user/portal/search/Search.vue (added)
+++ client/views/pages/user/portal/search/Search.vue
@@ -0,0 +1,367 @@
+<template>
+    <div class="content pt50 pb50">
+        <div class="w1400">
+            <div class="search-bar mb30">
+                <input type="text" class="full-input search-input" placeholder="검색어를 입력하세요." v-model="inputSearchText" @keyup.enter="totalSearch"/>
+                <button class="icon-button search-button" @click="totalSearch">
+                    <svg-icon type="mdi" :path="this.$iconPath()" class="search-icon"></svg-icon>
+                </button>
+            </div>
+            <div class="search-content">
+                <p class="mb30 box-title"><strong>{{ search.searchText }}</strong>에 대한 <strong class="red-text">총 {{ totalCount }}</strong>건의 검색결과를
+                    찾았습니다.</p>
+                <ul>
+                    <li class="mb30" v-for="(item, idx) in pageList" :key="idx">
+                        <div class="border background radius pd10">
+                            <p class="chart-title">{{ item.fullMenuNm }} ({{ item.totalListCount }}건)</p>
+                        </div>
+                        <ul class="mb10">
+                            <li class="pd10 border-b" v-for="(subItem, subIdx) in item.previewList" @click="fnView(item, subItem)" style="cursor: pointer;" :key="subIdx">
+                                <div class="flex justify-start align-center mb10">
+                                    <div v-if="subItem.title != null && subItem.title != ''" class="gd-10">
+                                        <p class="detail-bold ">{{ subItem.title }}</p>
+                                    </div>
+                                    <div v-else class="gd-10">
+                                        <p class="detail-bold ">Q.</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">{{ subItem.regDt }}</p>
+                                    </div>
+                                </div> 
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">{{ subItem.content }}</p>
+                                </div>
+                            </li>
+                        </ul>
+                        <div v-show="item.totalListCount > 5" class="flex justify-end align-center no-gutters">
+                            <div class="gd-1">
+                                <button class="large-btn darkg-border-btn" @click="fnViewList(item)" style="cursor: pointer;">더보기 <svg-icon type="mdi"
+                                        :path="path"></svg-icon></button>
+                            </div>
+                        </div>
+                    </li>
+                    <!-- <li class="mb30">
+                        <div class="border background radius pd10">
+                            <p class="chart-title">기업정보(메뉴명)</p>
+                        </div>
+                        <ul class="mb10">
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                        </ul>
+                        <div class="flex justify-end align-center no-gutters">
+                            <div class="gd-1">
+                                <button class="large-btn darkg-border-btn">더보기 <svg-icon type="mdi"
+                                        :path="path"></svg-icon></button>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="mb30">
+                        <div class="border background radius pd10">
+                            <p class="chart-title">기업정보(메뉴명)</p>
+                        </div>
+                        <ul class="mb10">
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                            <li class="pd10 border-b">
+                                <div class="flex justify-start align-center mb10">
+                                    <div class="gd-10">
+                                        <p class="detail-bold ">검색내용에 대한 제목</p>
+                                    </div>
+                                    <div class="gd-2">
+                                        <p class="date-text text-rg">2024-05-02</p>
+                                    </div>
+                                </div>
+                                <div class="content-warp gd-12">
+                                    <p class="date-text">수행방법 8 2. 인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2)
+                                        네이버 이슈 9 2) 네이버 블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터
+                                        분석 21 1) 네이버 21 1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어수행방법 8 2.
+                                        인터넷 검색어‘한옥기술’빅데이터 분석 9 1) 네이버 뉴스‘한옥기술’검색어의 주요 이슈 9 2) 네이버 이슈 9 2) 네이버
+                                        블로그‘한옥기술’검색어의 주요 이슈 16 3) 한옥기술의 인식 변화 20 3. 인터넷 검색어‘한옥 건축비’빅데이터 분석 21 1) 네이버21
+                                        1) 네이버 뉴스‘한옥 건축비’검색어의 주요 이슈 21 2) 네이버 블로그‘한옥 건축비’검색어</p>
+                                </div>
+                            </li>
+                        </ul>
+                        <div class="flex justify-end align-center no-gutters">
+                            <div class="gd-1">
+                                <button class="large-btn darkg-border-btn">더보기 <svg-icon type="mdi"
+                                        :path="path"></svg-icon></button>
+                            </div>
+                        </div>
+                    </li> -->
+                </ul>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { toRaw } from 'vue'
+import store from "../../../AppStore";
+import { mdiArrowRightDropCircleOutline } from '@mdi/js';
+import queryParams from '../../../../../resources/js/queryParams';
+import { defaultTotalSearchParams } from "../../../../../resources/js/defaultTotalSearchParams.js"
+import { searchAll } from "../../../../../resources/api/search.js";
+
+import { defaultSearchParams } from "../../../../../resources/js/defaultSearchParams.js"
+
+export default {
+    mixins: [queryParams],
+    data() {
+        return {
+            path: mdiArrowRightDropCircleOutline,
+            search: { ...defaultTotalSearchParams },
+            pageSearch: { ...defaultSearchParams },
+            mbrId: store.state.mbrId || null, // 사용자 아이디
+            roles: store.state.roles.map(auth => auth.authority) || [], // 사용자 권한
+            menuType: store.state.userType || null, // 메뉴 타입
+            inputSearchText: '',
+            totalCount: 0,
+            menuCount: 0,
+            menuList: [],
+            pageCount: 0,
+            pageList: [],
+            
+        }
+    },
+    created() {
+        this.resotreQueryParams('totalSearchQueryParams');
+        this.checkSearchText();
+    },
+    methods: {
+        // 검색어 확인
+        checkSearchText() {
+            if(this.search.searchText !== "") {
+                this.inputSearchText = this.search.searchText;
+                this.totalSearch();
+            }
+        },
+
+        // 통합 검색
+        async totalSearch() {
+            if(this.search.searchText === "") {
+                alert("검색어를 입력해주세요.");
+                return;
+            }
+            this.search.searchText = this.inputSearchText
+            this.search.mbrId = this.mbrId;
+            this.search.roles = this.roles;
+            this.search.menuType = this.menuType;
+            this.saveQueryParams('totalSearchQueryParams', this.search); // 검색조건 저장
+            try {
+                const res = await searchAll(toRaw(this.search));
+                this.menuCount = res.data.data.menuCount;
+                this.menuList = res.data.data.menuList;
+                this.pageCount = res.data.data.pageCount;
+                this.pageList = res.data.data.pageList;
+                this.totalCount = this.menuCount + this.pageCount;
+            } catch (error) {
+                alert('에러가 발생했습니다.\n시스템관리자에게 문의하세요.');
+            }
+        },
+
+        // 메뉴 목록으로 이동
+        fnViewList(item) {
+            this.$router.push({
+                path: item.routerUrl
+            });
+        },
+
+        // 메뉴 상세 조회로 이동
+        fnView(item, subItem) {
+            let menuPath = null;
+            if(item.routerUrl.includes('.page')) {
+                const lastSlashIndex = item.routerUrl.lastIndexOf('/'); // 마지막 '/' 인덱스
+                menuPath = item.routerUrl.substring(0, lastSlashIndex) ; // 마지막 '/' 이전 경로
+            }
+
+            // 페이지 검색 조건 저장
+            this.pageSearch.searchText = this.search.searchText;
+            this.saveQueryParams('queryParams', this.pageSearch); // 검색조건 저장
+            
+            // 일반 검색 결과
+            if(subItem.title != null && subItem.title != '') {
+                this.$router.push({
+                    path: menuPath + '/view.page',
+                    query: {
+                        pageId: subItem.pageId
+                    },
+                });
+            }
+            // 질의형 검색 결과
+            else {
+                this.$router.push({
+                    path: item.routerUrl
+                });
+            }
+        },
+    },
+    watch: {
+
+    },
+    computed: {
+
+    },
+    components: {
+    },
+    mounted() {
+    }
+}
+</script>
Add a comment
List