2023/12/06 선거문자

src/main/webapp/publish/css/content.css

@@ -18,6 +18,13 @@
 .tRight {text-align: right !important;}
 .tLeft {text-align: left !important;}
 
+.btn_blue.fill{background:#002c9a;color:#fff;}
+.btn_gray.fill{background:#6a6c72;color:#fff;}
+.btn_yellow.fill{background:#fbc72b;color:#222;}
+
+.btn_blue.border{border:1px solid #002c9a;color:#002c9a;}
+.btn_gray.border{border:1px solid #6a6c72;color:#666;}
+
 .w100 {width: 100%;}
 .h100 {height: 100%;}
 
@@ -588,6 +595,33 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .sub .heading i.election_btn2 {background-image: url(/publish/images/content/receipt_icon.png); width: 18px; height: 19px; margin: 0 3px 2px 0;}
 .sub .heading i.election_btn3 {background-image: url(/publish/images/content/print_icon2.png); width: 20px; height: 19px; margin: 0 3px 2px 0;}
 
+/* 2023/12/01 선거문자 - 20건문자(수동문자)전송 추가 */
+.sub .election .receipt_number_table_wrap .listType{height:346px;}
+.sub .election .receipt_number_table_wrap .receipt_number_table tbody{height:calc(100% - 38px);}
+.sub .election .receipt_number_table_wrap .receipt_number_table thead tr,.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr{border-top:0;}
+.sub .election .receipt_number_table_wrap .receipt_number_table th,.sub .election .receipt_number_table_wrap .receipt_number_table td{position:relative;}
+.sub .election .receipt_number_table_wrap .receipt_number_table th::after,.sub .election .receipt_number_table_wrap .receipt_number_table td::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
+.sub .election .receipt_number_table_wrap .receipt_number_table th:last-child::after,.sub .election .receipt_number_table_wrap .receipt_number_table td:last-child::after{display:none;}
+.sub .election .receipt_number_table_wrap .receipt_number_table{width:100%;text-align:center;table-layout:fixed;}
+.sub .election .receipt_number_table_wrap .receipt_number_table thead tr{border-bottom:1px solid #a2a2a2;}
+.sub .election .receipt_number_table_wrap .receipt_number_table thead tr th{height:38px;text-align:center;background:#e8e8e8;}
+.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td{height:29px;background:transparent;border:0;border-bottom:1px solid #e5e6e7;padding:0 3px;}
+.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td input{width:60px;}
+.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td label{display:inline-block;width:calc(100% - 64px);}
+.sub .election .receipt_number_table_wrap .put_right .receipt_info{width:calc(100% - 10px);height:calc(100% - 143px);background:#f2f2f2;margin:10px 0 0 10px;padding:10px;border-radius:5px;box-sizing:border-box;}
+.sub .election .receipt_number_table_wrap .put_right .receipt_info dt{font-size:15px;font-weight:500;margin:0 0 8px 0;}
+.sub .election .receipt_number_table_wrap .put_right .receipt_info dd{font-size:14px;text-align:right;background:#fff;margin:0 0 8px 0;padding:3px 6px;border-radius: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 b{font-size:16px;font-weight:500;}
+.sub .election .list_bottom{display:flex;width:74%;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 button{height:32px;}
+.sub .election .list_bottom .list_bottom_right{float:none;display:inline-flex;justify-content:flex-end;}
+.sub .election .list_bottom .list_bottom_right button{height:32px;padding:0 13px;font-weight:400 !important;}
+.sub .election .list_bottom .list_bottom_right>button{margin:0 4px 0 0;}
+.sub .election .list_bottom .list_bottom_right .btn_yellow{display:inline-flex;align-items:center;padding:0 10px;}
+.sub .election .list_bottom .list_bottom_right .btn_yellow i.qmMark{background:url(/publish/images/content/qmIcon_black.png) no-repeat center;margin:0 0 0 2px;}
+
 /* send_bottom */ 
 .send_bottom {position: relative;margin: 60px 0 0 0;}
 .send_bottom .bottom_content {background-color: #fff;padding: 40px;border-radius: 10px;}
@@ -1994,6 +2028,12 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 
 	/*발송결과_select버튼*/
 	.select_btnWrap .btn_right .search .send_text{width: 170px;}
+	
+	/* 선거문자 */
+	.election .tType1 tbody tr td.putText .receipt_number_table_wrap .put_right{max-width:170px;}
+	.sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right button{font-size:14px;letter-spacing:-1px;}
+	.sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right .btn_gray.fill{padding:0 5px;}
+	.sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right .btn_yellow.fill{padding:0 3px;} 
 }
 
 @media only screen and (max-width:1480px){
@@ -2090,6 +2130,11 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 	/*발송결과_select버튼*/
 	.rev_admin_cont .select_btnWrap .btn_right .select_all_btn{width: 143px;}
 	.rev_admin_cont .select_btnWrap .btn_right .select_btn{width: 105px;}
+	
+	/* 선거문자 */
+	.sub .election .list_bottom{width:72.5%;}
+	.sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right button{letter-spacing:-1.4px;}
+	.sub .election .list_bottom .pagination button{width:30px;height:30px;}
 }
 
 @media only screen and (max-width:1380px){

src/main/webapp/publish/guide_2022.html

@@ -18,6 +18,7 @@
     <!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
     <p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
     <ul class="page">
+    	<li><a href="/publish/sub_election_2023.html">sub_election_2023.html</a>선거문자</li>
         <li><a href="/publish/publish_text/send_text.html">send_text.html</a>문자보내기</li>
         <li><a href="/publish/publish_text/text_send.html">text_send.html</a>문자발송</li>
         <li><a href="/publish/publish_text/multi_text.html">multi_text.html</a>단체문자</li>

src/main/webapp/publish/js/content.js

@@ -380,6 +380,13 @@ $(document).ready(function () {
 // 		}
 // 	  });
 	 
+	 //선거문자 1명씩 선택 ? 호버 시 팝업
+	 $(".btn_check_one .qmMark").mouseover(function(){
+		$(this).parents(".btnType").next(".send_hover_cont").addClass("on");
+	})
+	$(".btn_check_one .qmMark").mouseleave(function(){
+		$(this).parents(".btnType").next(".send_hover_cont").removeClass("on");
+  	})
 
 	//문자발송 오류검사 ? 호버 시 팝업
 	$(".test_qm").mouseover(function(){

src/main/webapp/publish/js/publish.js

@@ -0,0 +1,37 @@
+
+// 마우스 길게 누르는 function
+var onlongclick = function ($target, time, callback) {
+  $($target).on("mousedown", function () {
+    const timer = setTimeout(callback, time);
+    $($target).on("mouseup", function () {
+      clearTimeout(timer);
+    });
+  });
+}
+
+
+var publishCommon = {
+  count: 0,
+  longMousePressCheck: function (checkTarget, checkTime) {
+    // checkTarget → 체크박스([name='']) / checkTime → 몇초 간격으로 체크 될지
+    var checkLength = checkTarget.length; // 체크박스 몇개인지
+    var cnt = 0; // 몇개 체크됐는지
+    var checkEvent = setInterval(function () {
+      if (this.count == 0) {} 
+      else if (cnt >= checkLength) {
+        clearInterval(checkEvent); // 자동체크 끝.
+      }
+      $(checkTarget[cnt]).prop('checked', true); // 체크박스 체크.
+      cnt++;
+    }, checkTime);
+  },
+  clickCheck: function (checkTarget) {
+    // 한번 클릭 했을 때 체크, checkTarget → 체크박스([name=''])
+    if (checkTarget.length < this.count) {
+      // 체크 다하면 더이상 작동 x.
+      return false;
+    }
+    $(checkTarget[this.count]).prop('checked', true); // 체크박스 체크
+    this.count++;
+  }
+}