somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of http://docs.nculture.org:30000/nculture/iams.nlib

Browse Source
This commit is contained in:
KNKIM 2021-12-06 17:53:14 +09:00
commit d50f96f02f
4 changed files with 79 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/main/webapp/WEB-INF/jsp/nlib/bbs/listAncmnts.jsp
View File

@ -127,25 +127,25 @@
}
// 기존 데이터 CLEAR
$( "ul.list-notice li").not('.t-tit-line').not('.no-result').remove();
$( ".list-notice li").not('.t-tit-line').not('.no-result').remove();
if(!jsonObj.data || jsonObj.data.length <= 0 ) {
$("ul.list-notice li.no-result").show();
$(".list-notice li.no-result").show();
} else {
$("ul.list-notice li.no-result").hide();
$(".list-notice li.no-result").hide();
// 출력
$.each(jsonObj.data,function(key,obj) {
var li = $(document.createElement('li'));
li.append($('<span />').attr('class', 't-num').html(obj.rno));
li.append($('<span />').attr('class', 't-tit').html("<a href=\"javascript:void(0)\" onclick=\"fn_viewDetail('" + obj.articleId + "')\">" +
var li = $(document.createElement('tr'));
li.append($('<td />').attr('class', 't-num').html(obj.rno));
li.append($('<td />').attr('class', 't-tit').html("<a href=\"javascript:void(0)\" onclick=\"fn_viewDetail('" + obj.articleId + "')\">" +
(obj.notiYn == "Y" ? '<span>공지</span>' : '') +
obj.title + "</a>"));
li.append($('<span />').attr('class', 't-writer').html(obj.regNm));
li.append($('<span />').attr('class', 't-date').html(obj.regDd));
li.append($('<span />').attr('class', 't-file').html((obj.attachYn == "Y" ? '<img src="/images/icon/icon-file.png" alt="파일 아이콘">' : '')));
li.append($('<td />').attr('class', 't-writer').html(obj.regNm));
li.append($('<td />').attr('class', 't-date').html(obj.regDd));
li.append($('<td />').attr('class', 't-file').html((obj.attachYn == "Y" ? '<img src="/images/icon/icon-file.png" alt="파일 아이콘">' : '')));
$( "ul.list-notice").append(li);
$( ".list-notice").append(li);
});
}
@ -222,18 +222,25 @@
</div>
<div class="list-table-wrap">
<ul class="list-notice">
<li class="t-tit-line">
<span class="t-num">NO</span>
<span class="t-tit">제목</span>
<span class="t-writer">등록자</span>
<span class="t-date">등록일</span>
<span class="t-file">첨부</span>
</li>
<li class="no-result" style="display:none;">
<span>검색결과가 없습니다.</span>
</li>
</ul>
<table class="list-notice">
<thead class="t-tit-line">
<tr>
<th class="t-num">NO</th>
<th class="t-tit">제목</th>
<th class="t-writer">등록자</th>
<th class="t-date">등록일</th>
<th class="t-file">첨부</th>
</tr>
</thead>
<thead class="no-result" style="display:none;">
<tr>
<th>검색결과가 없습니다.</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<ul id="paging" class="paging"></ul>

10
src/main/webapp/WEB-INF/jsp/nlib/cmm/headerSubPart.jsp
View File

@ -45,11 +45,6 @@ function fn_getMemberCard() {
<input type="hidden" name="filter_mylist">
<fieldset>
<legend>검색</legend>
<div class="search-input">
<input type="text" placeholder="검색어를 입력해주세요" title="검색어 입력" name="query" id="top_query" class="ark_query" value="" autocomplete="off"><label for="top_query" style="display:none">검색어</label>
<button type="button" class="btn-search" id="searchHeaderButton" onclick="goSearch();"><span>검색</span></button>
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세<span>검색</span></button>
</div>
<div class="condition_sear">
<select name="sfield" id="sfield" class="sear_depth" title="검색대상">
<option value="" selected="selected">전체</option>
@ -57,6 +52,11 @@ function fn_getMemberCard() {
</select>
<label for="sfield" style="display:none">검색대상</label>
</div>
<div class="search-input">
<input type="text" placeholder="검색어를 입력해주세요" title="검색어 입력" name="query" id="top_query" class="ark_query" value="" autocomplete="off"><label for="top_query" style="display:none">검색어</label>
<button type="button" class="btn-search" id="searchHeaderButton" onclick="goSearch();"><span>검색</span></button>
<button type="button" class="btn-search-detail" id="btn-search-detail-cl">상세<span>검색</span></button>
</div>
</fieldset>
</form>
</div>

38
src/main/webapp/css/default.css
View File

@ -18,7 +18,7 @@
.wrap header .inner .search-wrap .search-close {display:none;}
.wrap header .inner .search-wrap form {position: relative;margin:14px 0px;}
.wrap header .inner .search-wrap .ark_query {position: relative;width:160px;height:43px;padding:0px 20px 0px 100px;border-radius:3px;}
.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;}
.wrap header .inner .search-wrap form .condition_sear {display:inline;position: absolute;top:7px;left:30px;height:28px;border-right:1px solid #ddd;padding-right:10px;z-index:99;}
.wrap header .inner .search-wrap form .search-input {position: relative;}
.wrap header .inner .search-wrap form .condition_sear select {border:0;padding: 0px 20px 0px 5px;font-weight: 500;color:#666;}
.wrap header .inner .search-wrap .search-input .btn-search {background:#364d63;height:43px;width:43px;border-radius:3px;position: relative;left:-5px;}
@ -1407,26 +1407,28 @@ transform: rotate(45deg);}
/* 커뮤니티 목록 */
.contents-frame {width:100%;}
.list-table-wrap li {display: table;width: 100%;box-sizing: border-box;text-align: center;border-bottom: 1px solid #ddd;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
.list-table-wrap li span {display: table-cell;height: 60px;vertical-align: middle;}
.list-table-wrap li .t-num {width: 6%;}
.list-table-wrap li .t-type {width: 6%;}
.list-table-wrap li .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
.list-table-wrap li .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
.list-table-wrap li .t-tit a span {display:inline-block;margin-right:5px;background:#b68946;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;vertical-align:top;}
.list-table-wrap li .t-tit a:hover {text-decoration:none;}
.list-table-wrap li .t-writer {width: 10%;}
.list-table-wrap li .t-date {width: 10%;}
.list-table-wrap li .t-status {width: 10%;}
.list-table-wrap li .t-file {width:10%;}
.list-table-wrap li .t-answer {width:auto;}
.list-table-wrap .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:14px;font-weight:400;background: #556676;}
.list-table-wrap .t-tit-line span {text-align: center;}
.list-table-wrap li .message {width: 100%;text-align: center;}
.list-table-wrap table {display: table;width:100%;box-sizing: border-box;font-size: 16px;color: #666;letter-spacing: -0.025em;table-layout: fixed;}
.list-table-wrap table tbody tr {width: 100%;text-align: center;border-bottom: 1px solid #ddd;}
.list-table-wrap table th,
.list-table-wrap table td {display: table-cell;height: 60px;vertical-align: middle;}
.list-table-wrap table .t-num {width: 6%;}
.list-table-wrap table .t-type {width: 6%;}
.list-table-wrap table .t-tit {text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 60%;}
.list-table-wrap table .t-tit a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;font-weight: 300;}
.list-table-wrap table .t-tit a span {display:inline-block;margin-right:5px;background:#b68946;text-align: center;color:#fff;width:auto;height:auto;padding:1px 10px 2px;border-radius: 50px;vertical-align:top;}
.list-table-wrap table .t-tit a:hover {text-decoration:none;}
.list-table-wrap table .t-writer {width: 10%;}
.list-table-wrap table .t-date {width: 10%;}
.list-table-wrap table .t-status {width: 10%;}
.list-table-wrap table .t-file {width:10%;}
.list-table-wrap table .t-answer {width:auto;}
.list-table-wrap table .t-tit-line {width: 100%;border-top: 2px solid #000;border-bottom: 1px solid #000;color: #fff;font-size:14px;font-weight:400;background: #556676;}
.list-table-wrap table .t-tit-line span {text-align: center;}
.list-table-wrap table .message {width: 100%;text-align: center;}
.list-table-wrap .t-status em {text-align: center;font-size: 14px;width: 82px;height: 30px;line-height: 30px;display: block;margin: 0 auto;border-radius: 15px;border: 1px solid #ddd;}
.list-table-wrap .t-status .complete {border:none;color:#fff;background-color:#154b92;}
.list-table-wrap .list-qna .t-type {width: 175px;}
.list-table-wrap li:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
.list-table-wrap table tr:hover .t-tit a {border-bottom:1px solid #376795;padding-bottom:1px;color:#376795;display: inline;}
/* 고정 글 */

48
src/main/webapp/css/media.css
View File

@ -790,30 +790,32 @@ footer .family_site {right:10px;}
.list-select select { min-width: auto; width: 100%; }
.list-table-wrap { border-top: 1px solid; }
.list-table-wrap .t-tit-line { display: none; }
.list-table-wrap li { display: flex; align-items: center; padding: 10px;flex-wrap:wrap;font-size:14px; }
.list-table-wrap li.no-result { justify-content: center; }
.list-table-wrap li span { height: auto; }
.list-table-wrap li .t-num { font-size: 12px; }
.list-table-wrap li .t-type { width: auto; font-size: 12px; padding: 0 16px 0 0; }
.list-table-wrap li .t-type span { padding: 4px 10px; margin-left: 16px; }
.list-table-wrap li span.t-wrap { flex-direction: column; height: auto; flex: 1; align-items: flex-start; font-size: 14px; line-height: 21px; }
.list-table-wrap li .t-tit { width: 100%; margin-bottom: 6px; }
.list-table-wrap li span.t-info > span { width: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1; }
.list-table-wrap li span.t-info > span:last-child { padding: 0; margin: 0; border: none; }
/*
.list-table-wrap table { display: flex; align-items: center; padding: 10px;flex-wrap:wrap;font-size:14px; }
.list-table-wrap table .no-result { justify-content: center; }
.list-table-wrap table td { height: auto; }
.list-table-wrap table .t-num { font-size: 12px; }
.list-table-wrap table .t-type { width: auto; font-size: 12px; padding: 0 16px 0 0; }
.list-table-wrap table .t-type span { padding: 4px 10px; margin-left: 16px; }
.list-table-wrap table .t-wrap { flex-direction: column; height: auto; flex: 1; align-items: flex-start; font-size: 14px; line-height: 21px; }
.list-table-wrap table .t-tit { width: 100%; margin-bottom: 6px; }
.list-table-wrap table .t-info > span { width: auto; padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; line-height: 1; }
.list-table-wrap table .t-info > span:last-child { padding: 0; margin: 0; border: none; }
*/
.list-table-wrap table .t-num { position: absolute;left:0px;top:22px; }
.list-table-wrap table .t-type { position: absolute;left:40px; }
.list-table-wrap table .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; }
.list-table-wrap table .t-file {height:18px;line-height:18px;}
.list-table-wrap table .t-writer,
.list-table-wrap table .t-date,
.list-table-wrap table .t-file,
.list-table-wrap table .t-answer { width: auto;position:relative;left:40px; }
.list-table-wrap table .t-file {left:50px}
.list-table-wrap table .t-writer { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; }
.list-table-wrap table .t-tit {display:flex;}
.list-table-wrap li .t-num { position: absolute; }
.list-table-wrap li .t-type { position: absolute;left:40px; }
.list-table-wrap li .t-tit { width: 100%; padding-left: 40px; box-sizing: border-box; }
.list-table-wrap li .t-writer { padding-left: 40px; }
.list-table-wrap li .t-file {height:18px;line-height:18px;}
.list-table-wrap li .t-writer,
.list-table-wrap li .t-date,
.list-table-wrap li .t-file,
.list-table-wrap li .t-answer { width: auto; }
.list-table-wrap li .t-writer { margin-right: 10px; padding-right: 10px; border-right: 1px solid #ccc; line-height: 1; }
.list-table-wrap li .t-tit {display:flex;}
.list-table-wrap table tbody tr {position:relative;text-align:left;display:inline-block;padding:10px 0px;}
.list-table-wrap table th, .list-table-wrap table td {display: inline-block;height: auto;}
/* 공지사항 상세 */
.view-tit { position: relative; padding-left: 18px; box-sizing: border-box;display:inline-block;width:100%;}