tolag3/mjon_git
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

선거문자 20건 전체선택 및 페이징, 1명씩 선택 버튼 위치 조정 적용

Browse Source
This commit is contained in:
rosewiper 2023-12-15 15:39:53 +09:00
parent 262f03a4d6
commit 52a69ea8ea
4 changed files with 39 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/main/webapp/WEB-INF/jsp/web/msgcampain/tw/MsgTWDataCallToListView.jsp
View File

@ -29,7 +29,7 @@
</script> </script>
<div class="listType list"> <div class="listType list">
<ul class="thead_ul table_ul"> <ul class="thead_ul table_ul">
<li><div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div></li> <li><!-- <div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div> --></li>
<li> <li>
번호 번호
<!-- <button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button> <!-- <button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button>
@ -64,18 +64,26 @@
</c:choose> </c:choose>
</ul> </ul>
</div> </div>
<div class="list_bottom clearfix"> <div class="list_bottom">
<c:if test="${not empty resultCallToList}"> <c:choose>
<c:when test="${not empty resultCallToList}">
<ul class="pagination"> <ul class="pagination">
<ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" /> <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" />
</ul> </ul>
</c:if> </c:when>
<c:otherwise>
<ul class="pagination">
<li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
</ul>
</c:otherwise>
</c:choose>
<div class="list_bottom_right"> <div class="list_bottom_right">
<button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> <button type="button" class="btnType btn_gray fill" id="checkAll" name="receipt_number_check" value="N">전체선택</button>
<!-- <button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> -->
<div class="btn_popup_wrap"> <div class="btn_popup_wrap">
<button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button> <button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button>
<div class="error_hover_cont send_hover_cont"> <div class="error_hover_cont send_hover_cont">
<p style="line-height:1.3;">마우스를 누르고 있으면 받는사람을 연속적으로 20명까지 선택할 수 있습니다.</p> <p style="line-height:1.3;">마우스를 계속 누르고 있으면 받는 사람이 연속으로 선택됩니다.</p>
</div> </div>
</div> </div>
</div> </div>

21
src/main/webapp/WEB-INF/jsp/web/msgcampain/tw/MsgTWDataSMLView.jsp
View File

@ -313,6 +313,7 @@ function addTWCallToInfo(){
var checkbox = $('[name=chkCallTo]'); var checkbox = $('[name=chkCallTo]');
publishCommon.longMousePressCheck(checkbox, 10, $(".btn_check_one")); publishCommon.longMousePressCheck(checkbox, 10, $(".btn_check_one"));
publishCommon.clickCheckPrice(); publishCommon.clickCheckPrice();
}); });
$(".btn_check_one").click(function(){ $(".btn_check_one").click(function(){
@ -321,7 +322,7 @@ function addTWCallToInfo(){
publishCommon.clickCheckPrice(); publishCommon.clickCheckPrice();
}); });
$("#checkAll").change(function(){ $("#checkAll").click(function(){
publishCommon.clickCheckAll(); publishCommon.clickCheckAll();
publishCommon.clickCheckPrice(); publishCommon.clickCheckPrice();
@ -4272,7 +4273,7 @@ function getMjMsgSentListAll(pageNo) {
<div class="put_left" id="twCallToList"> <div class="put_left" id="twCallToList">
<div class="listType list"> <div class="listType list">
<ul class="thead_ul table_ul"> <ul class="thead_ul table_ul">
<li><div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div></li> <li><!-- <div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div> --></li>
<li> <li>
번호 번호
<!-- <button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button> <!-- <button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button>
@ -4287,16 +4288,18 @@ function getMjMsgSentListAll(pageNo) {
<!-- <ul class="tbody_ul table_ul"> <!-- <ul class="tbody_ul table_ul">
</ul> --> </ul> -->
</div> </div>
<div class="list_bottom clearfix"> <div class="list_bottom">
<%-- <ul class="pagination"> <ul class="pagination">
<ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" /> <%-- <ui:pagination paginationInfo = "${paginationInfo}" type="imageWeb" jsFunction="fnCallToListPaging" /> --%>
</ul> --%> <li class="on"><button type="button"><a href="#" title="현재페이지">1</a></button></li>
</ul>
<div class="list_bottom_right"> <div class="list_bottom_right">
<button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> <button type="button" class="btnType btn_gray fill" id="checkAll" name="receipt_number_check" value="N">전체선택</button>
<!-- <button type="button" class="btnType btn_gray fill" onclick="fnCallToListReset();">초기화</button> -->
<div class="btn_popup_wrap"> <div class="btn_popup_wrap">
<button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button> <button type="button" class="btnType btn_yellow fill btn_check_one">1명씩 선택<i class="qmMark"></i></button>
<div class="error_hover_cont send_hover_cont"> <div class="error_hover_cont send_hover_cont">
<p style="line-height:1.3;">마우스를 누르고 있으면 받는사람을 연속적으로 20명까지 선택할 수 있습니다.</p> <p style="line-height:1.3;">마우스를 계속 누르고 있으면 받는 사람이 연속으로 선택됩니다.</p>
</div> </div>
</div> </div>
</div> </div>
@ -4314,7 +4317,7 @@ function getMjMsgSentListAll(pageNo) {
</div> </div>
</div> </div>
<dl class="receipt_info"> <dl class="receipt_info">
<dt>전체 받는사람</dt> <dt>전체 받는사람<button type="button" class="btn_reset" onclick="fnCallToListReset();"><i></i>초기화</button></dt>
<dd> <dd>
<p><b id="totCallToCnt">0</b> 명</p> <p><b id="totCallToCnt">0</b> 명</p>
</dd> </dd>

2
src/main/webapp/publish/css/content.css
View File

@ -618,7 +618,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
.sub .election .receipt_number_table_wrap .put_right .receipt_info dd:last-child{margin:0 0 0 0;} .sub .election .receipt_number_table_wrap .put_right .receipt_info dd:last-child{margin:0 0 0 0;}
.sub .election .receipt_number_table_wrap .put_right .receipt_info dd b{font-size:16px;font-weight:500;} .sub .election .receipt_number_table_wrap .put_right .receipt_info dd b{font-size:16px;font-weight:500;}
.sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset{font-size:14px;font-weight:400;color:#666;} .sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset{font-size:14px;font-weight:400;color:#666;}
.sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset i{display:inline-block;width:13px;height:13px;margin:-1px 2px 0 0;background:url(/publish/images/icon_reset.png) no-repeat center center;} .sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset i{display:inline-block;width:15px;height:13px;margin:-1px 2px 0 0;background:url(/publish/images/icon_reset.png) no-repeat center center;}
.sub .election .list_bottom{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 0 10px 0;} .sub .election .list_bottom{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 0 10px 0;}
.sub .election .list_bottom .pagination{display:inline-flex;width:auto;margin:0;justify-content:flex-start;} .sub .election .list_bottom .pagination{display:inline-flex;width:auto;margin:0;justify-content:flex-start;}
.sub .election .list_bottom .pagination button{height:32px;} .sub .election .list_bottom .pagination button{height:32px;}

12
src/main/webapp/publish/js/publish.js
View File

@ -48,7 +48,7 @@ var publishCommon = {
clickCheckAll: function () { clickCheckAll: function () {
var chkCnt = $("input:checkbox[name='chkCallTo']").length; var chkCnt = $("input:checkbox[name='chkCallTo']").length;
var chkAllSts = $('input:checkbox[name="receipt_number_check"]').is(':checked'); var btnAllVal = $("#checkAll").val();
//var chkAllSts = $('input:checkbox[name="receipt_number_check"]').attr("checked"); //var chkAllSts = $('input:checkbox[name="receipt_number_check"]').attr("checked");
if (chkCnt == 0) { if (chkCnt == 0) {
@ -60,9 +60,10 @@ var publishCommon = {
$("input:checkbox[name='chkCallTo']").each(function () { $("input:checkbox[name='chkCallTo']").each(function () {
if (chkAllSts) { if (btnAllVal == 'N') {
$(this).attr("checked", "checked"); $(this).attr("checked", "checked");
//$(this).prop("checked",true); //$(this).prop("checked",true);
} else { } else {
$(this).removeAttr("checked"); $(this).removeAttr("checked");
//$(this).prop("checked",false); //$(this).prop("checked",false);
@ -70,7 +71,12 @@ var publishCommon = {
}); });
//전체선택 체크 여부 값 변경해 주기
if(btnAllVal == 'N'){
$("#checkAll").val("Y");
}else{
$("#checkAll").val("N");
}
}, },
clickCheckPrice: function () { clickCheckPrice: function () {