From b879df804a52b6bfe7cbe648f898370771e4283f Mon Sep 17 00:00:00 2001 From: Kurt92 Date: Tue, 11 Nov 2025 17:57:27 +0900 Subject: [PATCH] =?UTF-8?q?feat=20:=20TotalInfo=20=EC=9E=91=EC=97=85?= =?UTF-8?q?=EC=A4=91.=201.=20=EA=B6=8C=ED=95=9C=20=EB=B0=8F=20=EC=82=AC?= =?UTF-8?q?=EC=A7=84=20=EB=94=94=EB=A0=89=ED=86=A0=EB=A6=AC=EB=A5=BC=20?= =?UTF-8?q?=EC=84=B8=EC=85=98=EC=97=90=20=EC=B6=94=EA=B0=80=ED=95=98?= =?UTF-8?q?=EB=8A=94=20=EB=A1=9C=EC=A7=81=20=EC=B6=94=EA=B0=80=202.=20?= =?UTF-8?q?=EB=8B=A4=EC=9A=B4=EB=A1=9C=EB=93=9C=20=EC=97=86=EC=9D=B4=20?= =?UTF-8?q?=EC=82=AC=EC=A7=84=EC=A1=B0=ED=9A=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../config/EgovConfigInterceptor.java | 9 +- .../config/JPAConf/JPAConfig.java | 7 + .../interceptor/AuthInterceptor.java | 11 + .../init/controller/MinwonInitController.java | 2 +- .../controller/TotalInfoController.java | 34 +- .../project/system/common/model/PagingVO.java | 2 +- .../project/system/login/model/SessionVO.java | 3 + .../WEB-INF/views/biz/minwon/init/init.jsp | 33 +- .../views/biz/totalInfo/totalInfo_popup.jsp | 52 ++- .../WEB-INF/views/layouts/popup/default.jsp | 1 + src/main/webapp/resources/css/cc.css | 359 ++++++++++++++++++ src/main/webapp/resources/xit/xit-popup.css | 296 --------------- 12 files changed, 478 insertions(+), 331 deletions(-) create mode 100644 src/main/webapp/resources/css/cc.css diff --git a/src/main/java/egovframework/config/EgovConfigInterceptor.java b/src/main/java/egovframework/config/EgovConfigInterceptor.java index 85bf4b8..6674eb0 100644 --- a/src/main/java/egovframework/config/EgovConfigInterceptor.java +++ b/src/main/java/egovframework/config/EgovConfigInterceptor.java @@ -2,6 +2,8 @@ package egovframework.config; import egovframework.configProperties.InterceptorProperties; import egovframework.interceptor.AuthInterceptor; +import go.kr.project.domain.entity.CpSetinfo; +import go.kr.project.domain.repo.cp.CpSetinfoRepository; import go.kr.project.system.login.service.LoginService; import lombok.RequiredArgsConstructor; import org.springframework.context.annotation.Bean; @@ -17,6 +19,7 @@ import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; public class EgovConfigInterceptor implements WebMvcConfigurer { private final LoginService loginService; + private final CpSetinfoRepository cpSetinfoRepository; private final InterceptorProperties interceptorProperties; @@ -27,8 +30,8 @@ public class EgovConfigInterceptor implements WebMvcConfigurer { @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(authInterceptor()) -// .addPathPatterns("/**") // 모든 경로에 적용 - .addPathPatterns("/__disabled__/**") // 인터셉터 미적용 임시 우회 + .addPathPatterns("/**") // 모든 경로에 적용 +// .addPathPatterns("/__disabled__/**") // 인터셉터 미적용 임시 우회 .excludePathPatterns(interceptorProperties.getInterceptorExclude()); // 접근 제어 예외 URL 패턴 제외 } @@ -38,6 +41,6 @@ public class EgovConfigInterceptor implements WebMvcConfigurer { */ @Bean public AuthInterceptor authInterceptor() { - return new AuthInterceptor(loginService); + return new AuthInterceptor(loginService, cpSetinfoRepository); } } \ No newline at end of file diff --git a/src/main/java/egovframework/config/JPAConf/JPAConfig.java b/src/main/java/egovframework/config/JPAConf/JPAConfig.java index a2b2594..d4b7aba 100644 --- a/src/main/java/egovframework/config/JPAConf/JPAConfig.java +++ b/src/main/java/egovframework/config/JPAConf/JPAConfig.java @@ -3,10 +3,12 @@ package egovframework.config.JPAConf; import com.querydsl.jpa.impl.JPAQueryFactory; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; +import org.springframework.orm.jpa.JpaTransactionManager; import org.springframework.orm.jpa.JpaVendorAdapter; import org.springframework.orm.jpa.vendor.HibernateJpaVendorAdapter; import javax.persistence.EntityManager; +import javax.persistence.EntityManagerFactory; import javax.persistence.PersistenceContext; @Configuration @@ -20,6 +22,11 @@ public class JPAConfig { return new JPAQueryFactory(em); } + @Bean(name = "transactionManager") + public JpaTransactionManager transactionManager(EntityManagerFactory emf) { + return new JpaTransactionManager(emf); + } + // @Bean // public JpaVendorAdapter jpaVendorAdapter() { // HibernateJpaVendorAdapter adapter = new HibernateJpaVendorAdapter(); diff --git a/src/main/java/egovframework/interceptor/AuthInterceptor.java b/src/main/java/egovframework/interceptor/AuthInterceptor.java index ca86781..bbc5f50 100644 --- a/src/main/java/egovframework/interceptor/AuthInterceptor.java +++ b/src/main/java/egovframework/interceptor/AuthInterceptor.java @@ -8,6 +8,8 @@ import egovframework.filter.XssUtil; import egovframework.util.ApiResponseEntity; import egovframework.util.HttpServletUtil; import egovframework.constant.SessionConstants; +import go.kr.project.domain.entity.CpSetinfoId; +import go.kr.project.domain.repo.cp.CpSetinfoRepository; import go.kr.project.system.login.mapper.LoginMapper; import go.kr.project.system.login.model.SessionVO; import go.kr.project.system.login.model.UserSessionVO; @@ -47,6 +49,9 @@ public class AuthInterceptor implements HandlerInterceptor { private final LoginService loginService; + // 세션에 업로드 경로를 담아놓기 위한 setinfo 인젝션 + private final CpSetinfoRepository cpSetinfoRepository; + // URL 패턴 매칭을 위한 AntPathMatcher private final AntPathMatcher pathMatcher = new AntPathMatcher(); @@ -137,6 +142,8 @@ public class AuthInterceptor implements HandlerInterceptor { userSessionVO.setLastAccessDttm(LocalDateTime.now()); loginMapper.updateUserSession(userSessionVO); log.debug("세션 정보 업데이트 (동시 접속 제한): {}", sessionId); + + } } } @@ -187,6 +194,10 @@ public class AuthInterceptor implements HandlerInterceptor { // 로그인 상태인 경우 접근 권한 확인 if (hasAccess(sessionVO, requestURI)) { + //여기서 사진 업로드 패스를 세션에 저장하면 좋을듯. + cpSetinfoRepository.findById(new CpSetinfoId("WORKER", "INFO", "LOCAL")) + .ifPresent(info -> sessionVO.setImgPath(info.getStrValue5())); + log.info(sessionVO.getImgPath()); return true; } diff --git a/src/main/java/go/kr/project/biz/minwon/init/controller/MinwonInitController.java b/src/main/java/go/kr/project/biz/minwon/init/controller/MinwonInitController.java index 863f5a8..1bdb24e 100644 --- a/src/main/java/go/kr/project/biz/minwon/init/controller/MinwonInitController.java +++ b/src/main/java/go/kr/project/biz/minwon/init/controller/MinwonInitController.java @@ -42,7 +42,7 @@ public class MinwonInitController { dto.setTotalCount(totalCount); // 페이징 처리를 위한 설정 - dto.setPagingYn("Y"); + dto.setPagingYn("N"); // 리스트 조회 List result = minwonInitService.findInitAnswers(dto); diff --git a/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java b/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java index fa283a2..bdb51a8 100644 --- a/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java +++ b/src/main/java/go/kr/project/biz/totalInfo/controller/TotalInfoController.java @@ -1,14 +1,26 @@ package go.kr.project.biz.totalInfo.controller; +import egovframework.constant.SessionConstants; import egovframework.constant.TilesConstants; import egovframework.util.ApiResponseUtil; import go.kr.project.biz.totalInfo.model.TotalInfoDto; import go.kr.project.biz.totalInfo.service.TotalInfoService; +import go.kr.project.system.login.model.SessionVO; import lombok.RequiredArgsConstructor; +import org.springframework.core.io.Resource; +import org.springframework.core.io.UrlResource; +import org.springframework.http.MediaType; import org.springframework.http.ResponseEntity; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.*; +import javax.mail.Session; +import javax.servlet.http.HttpSession; +import java.io.IOException; +import java.nio.file.Files; +import java.nio.file.Path; +import java.nio.file.Paths; + @Controller @RequiredArgsConstructor public class TotalInfoController { @@ -16,8 +28,7 @@ public class TotalInfoController { private final TotalInfoService totalInfoService; @GetMapping("/total/info.do") - public String totalInfoViewPopup(){ - + public String totalInfoViewPopup(HttpSession session){ return "biz/totalInfo/totalInfo_popup" + TilesConstants.POPUP; } @@ -31,5 +42,24 @@ public class TotalInfoController { } + @GetMapping("/images/{fileName}") + public ResponseEntity getImage(@PathVariable String fileName, HttpSession session) throws IOException { + + SessionVO sessionVO = (SessionVO) session.getAttribute(SessionConstants.SESSION_KEY); + String basePath = sessionVO.getImgPath(); + String ssgCode = fileName.substring(0, 5); + String year = fileName.substring(5, 9); + Path path = Paths.get(basePath, ssgCode, year, fileName); + if (!Files.exists(path)) return ResponseEntity.notFound().build(); + + Resource resource = new UrlResource(path.toUri()); + String contentType = Files.probeContentType(path); + if (contentType == null) contentType = MediaType.APPLICATION_OCTET_STREAM_VALUE; + + return ResponseEntity.ok() + .contentType(MediaType.parseMediaType(contentType)) + .body(resource); + } + } diff --git a/src/main/java/go/kr/project/system/common/model/PagingVO.java b/src/main/java/go/kr/project/system/common/model/PagingVO.java index 0900408..ee5f49a 100644 --- a/src/main/java/go/kr/project/system/common/model/PagingVO.java +++ b/src/main/java/go/kr/project/system/common/model/PagingVO.java @@ -35,7 +35,7 @@ public class PagingVO extends DefaultVO { private Integer totalPages; /** 기본 페이지당 항목 수 */ - private static final int DEFAULT_PER_PAGE = 10; + private static final int DEFAULT_PER_PAGE = 30; /** * 페이징 처리를 위한 시작 인덱스와 끝 인덱스를 계산합니다. diff --git a/src/main/java/go/kr/project/system/login/model/SessionVO.java b/src/main/java/go/kr/project/system/login/model/SessionVO.java index b9d50f9..a81b4e1 100644 --- a/src/main/java/go/kr/project/system/login/model/SessionVO.java +++ b/src/main/java/go/kr/project/system/login/model/SessionVO.java @@ -58,4 +58,7 @@ public class SessionVO implements Serializable { // 마지막 접근 시간 private long lastAccessedTime; + + //이미지 경로 + private String imgPath; } \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp b/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp index 5dd4d2d..cb93fb7 100644 --- a/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp +++ b/src/main/webapp/WEB-INF/views/biz/minwon/init/init.jsp @@ -11,7 +11,6 @@ -
    @@ -49,8 +48,8 @@
  • / Pages
    • @@ -123,7 +122,7 @@ // 그리드 설정 객체 생성 var gridConfig = new XitTuiGridConfig(); - // 기본 설정 + // 기본 설정w gridConfig.setOptDataSource(dataSource); // 데이터소스 연결 gridConfig.setOptGridId('grid'); // 그리드를 출력할 Element ID gridConfig.setOptGridHeight(390); // 그리드 높이(단위: px) @@ -132,34 +131,38 @@ // 페이징 옵션 설정 gridConfig.setOptPageOptions({ - useClient: false, // 클라이언트 페이징 여부(false: 서버 페이징) + useClient: true, // 클라이언트 페이징 여부(false: 서버 페이징) perPage: perPage // 페이지당 표시 건수 }); - gridConfig.setOptUseClientSort(false); // 서버사이드 정렬 false + gridConfig.setOptUseClientSort(true); // 서버사이드 정렬 false // 컬럼 정보 설정 gridConfig.setOptColumns([ { header: '등록구분', name: 'mmIngb', + sortable: true, width: 50, align: 'center' }, { header: '목록번호', name: 'asBbsNo', + sortable: true, width: 70, align: 'center' }, { header: '신고자', name: 'mmSgnm', + sortable: true, width: 100, align: 'center' }, { header: '담당자', name: 'mmSgtel', + sortable: true, width: 100, align: 'center' }, @@ -172,18 +175,21 @@ { header: '접수일자', name: 'asJsdate', + sortable: true, width: 70, align: 'center' }, { header: '처리기한', name: 'asLimitDt', + sortable: true, width: 70, align: 'center' }, { header: '위반일자', name: 'mmDate', + sortable: true, width: 150, align: 'center' }, @@ -208,18 +214,21 @@ { header: '접수번호', name: 'asJsno', + sortable: true, width: 150, align: 'center' }, { header: '차량번호', name: 'mmCarno', + sortable: true, width: 150, align: 'center' }, { header: 'mmCode', name: 'mmCode', + sortable: true, width: 150, align: 'center', hidden: false @@ -279,8 +288,8 @@ this.instance.on('successResponse', function(ev) { var responseObj = JSON.parse(ev.xhr.response); //$('.totCnt').text(responseObj.data.pagination.totalCount); - $("#currentPage").text(responseObj.data.pagination.page); - $("#totalPages").text(responseObj.data.pagination.totalPages); + // $("#currentPage").text(responseObj.data.pagination.page); + // $("#totalPages").text(responseObj.data.pagination.totalPages); }); // 행 더블클릭 이벤트 - 게시물 상세 페이지로 이동 @@ -290,9 +299,13 @@ var popOption = "width=1400px, height=900px, resizable=yes, scrollbars=yes, location=no, top=100px, left=100px"; // 팝업 띄우기 - const mmCode = this.instance.getValue(ev.rowKey, 'mmCode'); // tuiGrid의 해당 행 컬럼값 + let cursor = this.instance.getValue(ev.rowKey, 'mmCode'); // 선택한 mmCode + let mmCodes = this.instance.getData().map(row => row.mmCode); // 리스트업 된 자료 mmCode 리스트 const $openPop = window.open(popUrl, popTitle, popOption); - $($openPop).prop('mmCode', mmCode); + $($openPop).prop('cursor', cursor); + $($openPop).prop('mmCodes', mmCodes); + + }); diff --git a/src/main/webapp/WEB-INF/views/biz/totalInfo/totalInfo_popup.jsp b/src/main/webapp/WEB-INF/views/biz/totalInfo/totalInfo_popup.jsp index 76182f4..64f69ab 100644 --- a/src/main/webapp/WEB-INF/views/biz/totalInfo/totalInfo_popup.jsp +++ b/src/main/webapp/WEB-INF/views/biz/totalInfo/totalInfo_popup.jsp @@ -5,11 +5,11 @@ Time: 오후 5:34 To change this template use File | Settings | File Templates. --%> -<%@ page contentType="text/html;charset=UTF-8" language="java" %> -<%----%> +<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> +
    - 요거슨 개별 총 정보
    • 위반정보
      • @@ -33,10 +33,13 @@
      <%-- 부모창에서 받아오는 리스트 배열 --%> + <%-- 부모창에서 받아오는 리스크 커서 --%> + +
      2 of 4
      - + @@ -170,15 +173,7 @@
      사진
      -
      - 사진 1 -
      -
      - 사진 2 -
      -
      - 지도 썸네일 -
      + <%-- IMG area --%>
      @@ -192,7 +187,7 @@
      -
      2025-00000037
      +
      3 사진 @@ -230,7 +225,7 @@ search: () => { console.log("search!!!!") - let mmCode = $("#mmCodes").val(); + let mmCode = $("#cursor").val(); console.log('mmcode check', mmCode) $.ajax({ // PathVariable 형태로 url를 동적으로 쓰는방식이다. @@ -260,7 +255,26 @@ $("#mmSgtel").val(response.data.mmSgtel); $("#mmDate").val(response.data.mmDate); + $("#mmCode").text(response.data.mmCode.substring(5).replace(/^(\d{4})(.*)$/, '$1-$2')) + + // 이미지 태그 동적 추가 + + const mmCode = response.data.mmCode; + const imgPath = "${sessionScope.sessionVO.imgPath}"; + console.log(imgPath) + const thumbContainer = $("#photoThumbs"); + + const imgList = ['A','B','C']; // 필요한 개수만큼 + thumbContainer.empty(); // 기존 내용 제거 + imgList.forEach(num => { + const img = ` +
      + 사진 ${num} +
      ` + ; + thumbContainer.append(img); + }); }, error: function(xhr, status, error) { $("#result").text("조회 실패"); @@ -282,13 +296,15 @@ $("#tabs").tabs(); //mmcode 리스트 가져오기 - $("#mmCodes").val(window.mmCode); + $("#cursor").val(window.cursor); + $("#mmCodes").val(window.mmCodes); console.log($('#mmCodes').val()); // mmCodes 값이 세팅되면 search() 호출 const checkMmCode = setInterval(() => { - const val = $("#mmCodes").val(); - if (val) { + const cursor = $("#mmCodes").val(); + const mmCodes = $("#mmCodes").val(); + if (cursor && mmCodes) { clearInterval(checkMmCode); fnBiz.search(); // 값이 들어온 시점에 호출 } diff --git a/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp b/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp index 5fdaccd..483efc4 100644 --- a/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp +++ b/src/main/webapp/WEB-INF/views/layouts/popup/default.jsp @@ -41,6 +41,7 @@ + <%--================== Main Scripts ======================--%> diff --git a/src/main/webapp/resources/css/cc.css b/src/main/webapp/resources/css/cc.css new file mode 100644 index 0000000..161bfea --- /dev/null +++ b/src/main/webapp/resources/css/cc.css @@ -0,0 +1,359 @@ + +/** totalInfo Start */ +/* 팝업 기본 스타일 */ +.popup_wrap { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1000; + display: flex; + align-items: flex-start; + justify-content: center; + padding-top: 20px; + overflow-y: auto; +} + +.popup_inner { + position: relative; + width: 97%; + max-width: 1200px; + background: #fff; + border-radius: 4px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); + z-index: 1001; + margin-bottom: 20px; +} + +/* 팝업 헤더 */ +.popup_tit { + display: flex; + border-bottom: 1px solid #ddd; + background-color: #0d1342; + color: rgba(255, 255, 255, .9); + font-size: 15px; + padding: 15px 20px; + line-height: 1em; + position: relative; + font-weight: 300; +} + +.popup_tit .tit { + margin: 0; + font-size: 14px; + font-weight: 500; + color: rgba(255, 255, 255, .9); + line-height: 1.4; +} + +/* 팝업 컨텐츠 */ +.popup_con { + padding: 15px; + font-size: 13px; +} + +/* 팝업 내 테이블 셀 */ +.popup_con td, +.popup_con th { + font-size: 13px; +} + +/* 팝업 내 힌트 메시지 */ +.popup_con .hint-message { + font-size: 12px; + color: #666; + margin-top: 5px; +} + +/* 팝업 푸터 */ +.popup_foot { + padding: 12px 15px; + text-align: center; + border-top: 1px solid #e5e5e5; + background: #f9f9f9; + border-radius: 0 0 4px 4px; +} + +.popup_foot .newbtn, +.popup_foot .newbtns { + min-width: 80px; + margin: 0 4px; + font-size: 13px; +} + +/* 팝업 컨테이너 */ +.auth-container { + display: flex; + gap: 15px; + height: calc(100vh - 180px); + min-height: 450px; + max-height: 600px; +} + +/* 섹션 영역 공통 스타일 */ +.group-selection-area, +.role-list-area, +.menu-tree-area { + flex: 1; + background: #fff; + border: 1px solid #e5e5e5; + border-radius: 4px; + display: flex; + flex-direction: column; + min-width: 0; + height: 100%; +} + +.section-title { + padding: 10px 12px; + font-size: 13px; + font-weight: 500; + color: #333; + border-bottom: 1px solid #e5e5e5; + background: #f9f9f9; + border-radius: 4px 4px 0 0; + line-height: 1.4; +} + +/* 검색 영역 */ +.search-box { + padding: 10px 12px; + display: flex; + gap: 8px; +} + +.search-box .input { + flex: 1; + height: 32px; + padding: 0 10px; + border: 1px solid #ddd; + border-radius: 3px; + font-size: 13px; +} + +/* 테이블 영역 */ +.table_area { + flex: 1; + padding: 0 12px 12px; + overflow: hidden; + display: flex; + flex-direction: column; + min-height: 0; +} + +/* 메뉴 트리 영역 */ +.menu-tree-container { + flex: 1; + padding: 0 12px 12px; + overflow: hidden; + display: flex; + flex-direction: column; + min-height: 0; +} + +.menu-tree-wrapper { + flex: 1; + overflow-y: auto; + border: none; + border-radius: 0; + padding: 0; + background: #fff; + min-height: 0; +} + +.menu-tree-wrapper::-webkit-scrollbar { + width: 5px; +} + +.menu-tree-wrapper::-webkit-scrollbar-track { + background: #f1f1f1; + border-radius: 3px; +} + +.menu-tree-wrapper::-webkit-scrollbar-thumb { + background: #ccc; + border-radius: 3px; +} + +.menu-tree-wrapper::-webkit-scrollbar-thumb:hover { + background: #999; +} + +/* 선택된 항목 스타일 */ +#selectedGroupName, +#selectedRoleName { + color: #327fc8; + margin-left: 6px; + font-size: 12px; +} + +/* DataTables 커스텀 스타일 */ +.dataTables_wrapper { + flex: 1; + display: flex; + flex-direction: column; + min-height: 0; +} + +.dataTables_wrapper .dataTables_scroll { + flex: 1; + overflow: hidden; + min-height: 0; +} + +.dataTables_wrapper .dataTables_scrollBody { + overflow-y: auto !important; +} + +.dataTables_wrapper table.dataTable { + width: 100% !important; + margin: 0 !important; + font-size: 13px; +} + +.dataTables_wrapper table.dataTable thead th { + background: #f9f9f9; + padding: 8px 10px; + font-weight: 500; + border-bottom: 1px solid #e5e5e5; + font-size: 13px; + line-height: 1.4; +} + +.dataTables_wrapper table.dataTable tbody td { + padding: 6px 10px; + border-bottom: 1px solid #f0f0f0; + line-height: 1.4; +} + +.dataTables_wrapper table.dataTable tbody tr { + cursor: pointer; +} + +.dataTables_wrapper table.dataTable tbody tr:hover, +.dataTables_wrapper table.dataTable tbody tr.selected { + background-color: #ddedfd !important; +} + +/* 메시지 스타일 */ +.no-data-message { + padding: 15px; + text-align: center; + color: #666; + background: #f9f9f9; + border-radius: 3px; + margin: 8px 0; + font-size: 13px; + line-height: 1.4; +} + + +:root{ + --green:#8bc34a; --border:#d9d9d9; --muted:#6b7280; --text:#111827; + --panel:#f7f7f7; --focus:rgba(37,99,235,.35); --warn:#fff3cd; --ok:#10b981; +} + +/* 카드/헤더 */ +.detail-card{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff;} +.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:var(--green); color:#fff; padding:10px 12px;} +.card-header .title{font-weight:700} +.card-header .actions{display:flex; gap:6px; align-items:center} +.pill{font-size:12px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px} +.btn,.nav-btn,.close-btn{border:1px solid rgba(0,0,0,.15); background:#fff; color:#333; padding:3px 8px; border-radius:6px; cursor:pointer; font-size:12px} +.btn:focus,.nav-btn:focus,.close-btn:focus{outline:none; box-shadow:0 0 0 3px var(--focus)} + +/* 본문 레이아웃 */ +.detail-body{display:grid; grid-template-columns: 3fr 1fr; gap:16px; padding:16px; background:var(--panel)} +.left,.right{background:#fff; border:1px solid var(--border); border-radius:8px; padding:12px} +.section-title{font-weight:700; margin-bottom:8px} +.subnote{font-size:12px; color:#888; text-align:right; margin-top:-4px; margin-bottom:8px} + +/* 폼 그리드 */ +.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px} +.lbl{align-self:center; color:#444; font-size:13px} +.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff} +.fld input[readonly],.fld textarea[readonly]{background:#fafafa} +.fld textarea{height:80px; resize:vertical} +.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px} +.hl{background:var(--warn)} +.block{grid-column: 1 / -1} +.bar{height:1px; background:var(--border); margin:8px 0} + + +/* 하단 상태바 */ +.statusbar{display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-top:1px solid var(--border); background:#fff} +.status-left{color:#0a7f2e; font-weight:700} +.status-right{display:flex; gap:14px; align-items:center; color:#333} +.count-dot{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:var(--ok); color:#fff; font-size:12px} + + +/* 우측 썸네일/지도/미리보기 */ +.right .thumbs { + display: flex; + flex-direction: column; + gap: 8px; + max-height: 600px; + overflow-y: auto; + padding-right: 8px; + margin-bottom: 10px; +} + +/* 개별 썸네일 박스 */ +.thumbs .thumb { + border: 1px solid var(--border); + border-radius: 8px; + width: 100%; + height: 200px; + overflow: hidden; + background: #f8f8f8; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; +} + +/* 이미지 스타일 */ +.thumbs .thumb img { + width: 100%; + height: 400%; + object-fit: cover; /* 비율 유지하며 꽉 채움 */ + object-position: center;/* 중앙 기준 크롭 */ + display: block; +} + + +.mapbox { + border: 1px solid var(--border); + border-radius: 6px; + overflow: hidden; + margin-top: 8px +} + +.mapbox img { + display: block; + width: 100%; + height: auto +} + +.preview { + border: 1px dashed var(--border); + border-radius: 6px; + height: 220px; + display: flex; + align-items: center; + justify-content: center; + margin-top: 10px; + background: #fafafa +} + +.preview img { + max-width: 100%; + max-height: 100%; + display: block +} + + + + +/** totalInfo End */ \ No newline at end of file diff --git a/src/main/webapp/resources/xit/xit-popup.css b/src/main/webapp/resources/xit/xit-popup.css index 5d7f955..e69de29 100644 --- a/src/main/webapp/resources/xit/xit-popup.css +++ b/src/main/webapp/resources/xit/xit-popup.css @@ -1,296 +0,0 @@ -/* 팝업 기본 스타일 */ -.popup_wrap { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1000; - display: flex; - align-items: flex-start; - justify-content: center; - padding-top: 20px; - overflow-y: auto; -} - -.popup_inner { - position: relative; - width: 97%; - max-width: 1200px; - background: #fff; - border-radius: 4px; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); - z-index: 1001; - margin-bottom: 20px; -} - -/* 팝업 헤더 */ -.popup_tit { - display: flex; - border-bottom: 1px solid #ddd; - background-color: #0d1342; - color: rgba(255, 255, 255, .9); - font-size: 15px; - padding: 15px 20px; - line-height: 1em; - position: relative; - font-weight: 300; -} - -.popup_tit .tit { - margin: 0; - font-size: 14px; - font-weight: 500; - color: rgba(255, 255, 255, .9); - line-height: 1.4; -} - -/* 팝업 컨텐츠 */ -.popup_con { - padding: 15px; - font-size: 13px; -} - -/* 팝업 내 테이블 셀 */ -.popup_con td, -.popup_con th { - font-size: 13px; -} - -/* 팝업 내 힌트 메시지 */ -.popup_con .hint-message { - font-size: 12px; - color: #666; - margin-top: 5px; -} - -/* 팝업 푸터 */ -.popup_foot { - padding: 12px 15px; - text-align: center; - border-top: 1px solid #e5e5e5; - background: #f9f9f9; - border-radius: 0 0 4px 4px; -} - -.popup_foot .newbtn, -.popup_foot .newbtns { - min-width: 80px; - margin: 0 4px; - font-size: 13px; -} - -/* 팝업 컨테이너 */ -.auth-container { - display: flex; - gap: 15px; - height: calc(100vh - 180px); - min-height: 450px; - max-height: 600px; -} - -/* 섹션 영역 공통 스타일 */ -.group-selection-area, -.role-list-area, -.menu-tree-area { - flex: 1; - background: #fff; - border: 1px solid #e5e5e5; - border-radius: 4px; - display: flex; - flex-direction: column; - min-width: 0; - height: 100%; -} - -.section-title { - padding: 10px 12px; - font-size: 13px; - font-weight: 500; - color: #333; - border-bottom: 1px solid #e5e5e5; - background: #f9f9f9; - border-radius: 4px 4px 0 0; - line-height: 1.4; -} - -/* 검색 영역 */ -.search-box { - padding: 10px 12px; - display: flex; - gap: 8px; -} - -.search-box .input { - flex: 1; - height: 32px; - padding: 0 10px; - border: 1px solid #ddd; - border-radius: 3px; - font-size: 13px; -} - -/* 테이블 영역 */ -.table_area { - flex: 1; - padding: 0 12px 12px; - overflow: hidden; - display: flex; - flex-direction: column; - min-height: 0; -} - -/* 메뉴 트리 영역 */ -.menu-tree-container { - flex: 1; - padding: 0 12px 12px; - overflow: hidden; - display: flex; - flex-direction: column; - min-height: 0; -} - -.menu-tree-wrapper { - flex: 1; - overflow-y: auto; - border: none; - border-radius: 0; - padding: 0; - background: #fff; - min-height: 0; -} - -.menu-tree-wrapper::-webkit-scrollbar { - width: 5px; -} - -.menu-tree-wrapper::-webkit-scrollbar-track { - background: #f1f1f1; - border-radius: 3px; -} - -.menu-tree-wrapper::-webkit-scrollbar-thumb { - background: #ccc; - border-radius: 3px; -} - -.menu-tree-wrapper::-webkit-scrollbar-thumb:hover { - background: #999; -} - -/* 선택된 항목 스타일 */ -#selectedGroupName, -#selectedRoleName { - color: #327fc8; - margin-left: 6px; - font-size: 12px; -} - -/* DataTables 커스텀 스타일 */ -.dataTables_wrapper { - flex: 1; - display: flex; - flex-direction: column; - min-height: 0; -} - -.dataTables_wrapper .dataTables_scroll { - flex: 1; - overflow: hidden; - min-height: 0; -} - -.dataTables_wrapper .dataTables_scrollBody { - overflow-y: auto !important; -} - -.dataTables_wrapper table.dataTable { - width: 100% !important; - margin: 0 !important; - font-size: 13px; -} - -.dataTables_wrapper table.dataTable thead th { - background: #f9f9f9; - padding: 8px 10px; - font-weight: 500; - border-bottom: 1px solid #e5e5e5; - font-size: 13px; - line-height: 1.4; -} - -.dataTables_wrapper table.dataTable tbody td { - padding: 6px 10px; - border-bottom: 1px solid #f0f0f0; - line-height: 1.4; -} - -.dataTables_wrapper table.dataTable tbody tr { - cursor: pointer; -} - -.dataTables_wrapper table.dataTable tbody tr:hover, -.dataTables_wrapper table.dataTable tbody tr.selected { - background-color: #ddedfd !important; -} - -/* 메시지 스타일 */ -.no-data-message { - padding: 15px; - text-align: center; - color: #666; - background: #f9f9f9; - border-radius: 3px; - margin: 8px 0; - font-size: 13px; - line-height: 1.4; -} - - -:root{ - --green:#8bc34a; --border:#d9d9d9; --muted:#6b7280; --text:#111827; - --panel:#f7f7f7; --focus:rgba(37,99,235,.35); --warn:#fff3cd; --ok:#10b981; -} - -/* 카드/헤더 */ -.detail-card{border:1px solid var(--border); border-radius:10px; overflow:hidden; background:#fff;} -.detail-card .card-header{display:flex; justify-content:space-between; align-items:center; background:var(--green); color:#fff; padding:10px 12px;} -.card-header .title{font-weight:700} -.card-header .actions{display:flex; gap:6px; align-items:center} -.pill{font-size:12px; background:rgba(255,255,255,.25); padding:3px 8px; border-radius:999px} -.btn,.nav-btn,.close-btn{border:1px solid rgba(0,0,0,.15); background:#fff; color:#333; padding:3px 8px; border-radius:6px; cursor:pointer; font-size:12px} -.btn:focus,.nav-btn:focus,.close-btn:focus{outline:none; box-shadow:0 0 0 3px var(--focus)} - -/* 본문 레이아웃 */ -.detail-body{display:grid; grid-template-columns: 3fr 1fr; gap:16px; padding:16px; background:var(--panel)} -.left,.right{background:#fff; border:1px solid var(--border); border-radius:8px; padding:12px} -.section-title{font-weight:700; margin-bottom:8px} -.subnote{font-size:12px; color:#888; text-align:right; margin-top:-4px; margin-bottom:8px} - -/* 폼 그리드 */ -.form-grid{display:grid; grid-template-columns: 110px 1fr 110px 1fr; gap:8px 10px} -.lbl{align-self:center; color:#444; font-size:13px} -.fld input,.fld textarea,.fld select{width:100%; padding:6px 8px; border:1px solid var(--border); border-radius:6px; font-size:13px; background:#fff} -.fld input[readonly],.fld textarea[readonly]{background:#fafafa} -.fld textarea{height:80px; resize:vertical} -.badge{display:inline-block; background:#eef2ff; color:#1d4ed8; border:1px solid #c7d2fe; padding:3px 8px; border-radius:999px; font-size:12px} -.hl{background:var(--warn)} -.block{grid-column: 1 / -1} -.bar{height:1px; background:var(--border); margin:8px 0} - -/* 우측 썸네일/지도/미리보기 */ -.right .thumbs{display:flex; flex-direction:column; gap:8px; max-height:260px; overflow:auto; margin-bottom:10px} -.thumb{border:1px solid var(--border); border-radius:6px; overflow:hidden; cursor:pointer} -.thumb img{display:block; width:100%; height:auto} -.mapbox{border:1px solid var(--border); border-radius:6px; overflow:hidden; margin-top:8px} -.mapbox img{display:block; width:100%; height:auto} -.preview{border:1px dashed var(--border); border-radius:6px; height:220px; display:flex; align-items:center; justify-content:center; margin-top:10px; background:#fafafa} -.preview img{max-width:100%; max-height:100%; display:block} - -/* 하단 상태바 */ -.statusbar{display:flex; align-items:center; justify-content:space-between; padding:8px 12px; border-top:1px solid var(--border); background:#fff} -.status-left{color:#0a7f2e; font-weight:700} -.status-right{display:flex; gap:14px; align-items:center; color:#333} -.count-dot{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:var(--ok); color:#fff; font-size:12px} - -