From 30fa4f9bf80b6236343f49f4495d9a4cbd50ef6e Mon Sep 17 00:00:00 2001
From: khj <khj@designvii.com>
Date: Tue, 4 Oct 2022 15:21:55 +0900
Subject: [PATCH] =?UTF-8?q?[=20publishing=20]=20=EC=96=B4=EB=93=9C?=
 =?UTF-8?q?=EB=AF=BC=20=EC=88=98=EC=A0=95=EC=82=AC=ED=95=AD=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/assets/css/layout.css            |   4 +-
 frontend/src/assets/css/style.css             |   4 +-
 .../src/modules/custMgt/views/SubsDetail.vue  |  16 +-
 .../src/modules/sysMgt/views/AdminList.vue    |   8 +-
 frontend/src/modules/sysMgt/views/AuthAdd.vue | 253 +++++++++---------
 .../src/modules/sysMgt/views/AuthModify.vue   |  31 ++-
 6 files changed, 163 insertions(+), 153 deletions(-)

diff --git a/frontend/src/assets/css/layout.css b/frontend/src/assets/css/layout.css
index d33412f..11b7a92 100644
--- a/frontend/src/assets/css/layout.css
+++ b/frontend/src/assets/css/layout.css
@@ -113,11 +113,11 @@ body{
 /*======================
 	.popup
 ======================*/
-.dimmed {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.2); display: none;}
+.dimmed {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.2); display: none; z-index:21;}
 .dimmed.open {display: block !important;}
 .popup-wrap {display: none;}
 .popup-wrap.open {display: block !important;}
-.popup {width: 390px; z-index: 998; border-radius: 12px; background: #fff; padding: 0 30px; box-sizing: border-box; border: 1px solid rgba(197,197,197,0.36); box-shadow: 2px 2px 8px rgba(171,171,171,0.30); position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); display: none;
+.popup {width: 390px; z-index: 998; border-radius: 12px; background: #fff; padding: 0 30px; box-sizing: border-box; border: 1px solid rgba(197,197,197,0.36); box-shadow: 2px 2px 8px rgba(171,171,171,0.30); position: fixed; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); -webkit-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); -moz-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); -o-transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); display: none;
 max-height: 90vh; overflow: auto;}/*스크린 height 100%를 벗어나는 긴 팝업의 경우 추가 class*/
 
 .popup.open {display: block !important;}
diff --git a/frontend/src/assets/css/style.css b/frontend/src/assets/css/style.css
index 9f070d1..785fc72 100644
--- a/frontend/src/assets/css/style.css
+++ b/frontend/src/assets/css/style.css
@@ -313,7 +313,7 @@ header .user_wrap .user_info .logout {
 
 
 .contents {
-  padding: 0 4.16vw;
+  padding: 0 57px;
   width: calc(100% - 240px);
   -webkit-box-flex: 1;
       -ms-flex: 1 1 0px;
@@ -1536,7 +1536,7 @@ header .user_wrap .user_info .logout {
 	display: inline-flex;
 	align-items: center;
 	font-size: 14px;
-	padding-bottom: 5px;
+	padding-top: 5px;
 }
 
 .popup-btn2.bulk + .file{
diff --git a/frontend/src/modules/custMgt/views/SubsDetail.vue b/frontend/src/modules/custMgt/views/SubsDetail.vue
index 4716b1b..43e146a 100644
--- a/frontend/src/modules/custMgt/views/SubsDetail.vue
+++ b/frontend/src/modules/custMgt/views/SubsDetail.vue
@@ -27,7 +27,7 @@
           <tr class="tr_input w75">
             <th>대표자명</th>
             <td colspan="2"><input type="text" disabled v-model="reprNm"></td>
-            <th class="center">사용자 구분</th>
+            <th>사용자 구분</th>
             <td colspan="2"><input type="text" disabled v-model="custType"></td>
           </tr>
           <tr class="tr_input">
@@ -49,7 +49,7 @@
                 <input type="text" disabled v-model="bregNo3">
               </div>
             </td>
-            <th class="center">법인등록번호</th>
+            <th>법인등록번호</th>
             <td colspan="2">
               <div class="input-double">
                 <input type="text" disabled v-model="cprRegNo1">
@@ -78,7 +78,7 @@
           <tr class="tr_input w75">
             <th>가입일</th>
             <td colspan="2"><input type="text" disabled v-model="subsDt"></td>
-            <th class="center">상태</th>
+            <th>상태</th>
             <td class="center" colspan="2">
               <input type="text" disabled v-model="stat">
             </td>
@@ -86,7 +86,7 @@
           <tr class="tr_input w75">
             <th>요금제</th>
             <td colspan="2"><input type="text" disabled v-model="plan"></td>
-            <th class="center">가입번호</th>
+            <th>가입번호</th>
             <td colspan="2"><input type="text" disabled v-model="subsNo"></td>
           </tr>
           <tr class="tr_input w75">
@@ -98,7 +98,7 @@
                 <button type="button" class="button grey btn-a" @click="searchIDPopOpen">변경</button>
               </div>
             </td>
-            <th class="center">유치자명</th>
+            <th>유치자명</th>
             <td colspan="2">
               <div class="input-double">
                 <input type="text" disabled v-model="channelId">
@@ -127,13 +127,13 @@
             <tr class="tr_input w75">
               <th>서비스 ID</th>
               <td colspan="2"><input type="text" disabled v-model="serviceId"></td>
-              <th class="center">이용권한</th>
+              <th>이용권한</th>
               <td colspan="2"><input type="text" disabled v-model="useAuth"></td>
             </tr>
             <tr class="tr_input w75">
               <th>사용자명</th>
               <td colspan="2"><input type="text" disabled v-model="userNm"></td>
-              <th class="center">휴대폰 번호</th>
+              <th>휴대폰 번호</th>
               <td colspan="2"><input type="text" disabled v-model="mdn"></td>
             </tr>
             <tr class="tr_input w75">
@@ -144,7 +144,7 @@
                   <button type="button" class="button grey" @click="carryOverListPopOpen();">이월금액보기</button>
                 </div>
               </td>
-              <th class="center">사용자ID 개수</th>
+              <th>사용자ID 개수</th>
               <td colspan="2">
                 <div class="input-double button-double">
                   <input type="text" disabled v-model="userCnt">
diff --git a/frontend/src/modules/sysMgt/views/AdminList.vue b/frontend/src/modules/sysMgt/views/AdminList.vue
index 613a42e..78d9316 100644
--- a/frontend/src/modules/sysMgt/views/AdminList.vue
+++ b/frontend/src/modules/sysMgt/views/AdminList.vue
@@ -120,9 +120,9 @@ export default {
         addCls: 'box_OFvis',
 
         columns: [
-          {name: 'no', header: 'NO', align: 'center', width: '15%'},
-          {name: 'auth', header: '권한', align: 'center', width: '15%'},
-          {name: 'name', header: '이름(대리점명)', align: 'center', width: '20%'},
+          {name: 'no', header: 'NO', align: 'center', width: '6%'},
+          {name: 'auth', header: '권한', align: 'center', width: '20%'},
+          {name: 'name', header: '이름(대리점명)', align: 'center', width: '15%'},
           {
             name: 'adminId', header: 'ID', align: 'center', width: '20%', renderer: {
               type: CustomATagRenderer
@@ -131,7 +131,7 @@ export default {
               }
             }
           },
-          {name: 'adminStat', header: '상태', align: 'center', width: '5%', cls: 'td_line'},
+          {name: 'adminStat', header: '상태', align: 'center', width: '15%', cls: 'td_line'},
           {name: 'regDt', header: '등록일', align: 'center', width: '20%'}
         ],
         noDataStr: '검색 결과가 없습니다.',
diff --git a/frontend/src/modules/sysMgt/views/AuthAdd.vue b/frontend/src/modules/sysMgt/views/AuthAdd.vue
index 956a3fb..1157429 100644
--- a/frontend/src/modules/sysMgt/views/AuthAdd.vue
+++ b/frontend/src/modules/sysMgt/views/AuthAdd.vue
@@ -3,7 +3,7 @@
     <div class="contents_wrap">
       <div class="top_wrap">
         <h3 class="title">권한 관리</h3>
-        <p class="breadcrumb">시스템관리 &gt; 권한 관리</p>
+        <p class="breadcrumb">시스템관리 &gt; 권한 관리 &gt; 권한 추가</p>
       </div>
       <div class="info">
         <div class="title">권한 추가</div>
@@ -18,7 +18,7 @@
           <tr class="tr_input w75">
             <th>권한 코드</th>
             <td colspan="2"><input type="text" v-model.trim="authCd" ref="_authCd" maxlength="4"></td>
-            <th class="center">상태</th>
+            <th>상태</th>
             <td class="td_radio" colspan="2">
               <input type="radio" name="state" value="01" id="right_radio1" v-model="stat" checked>
               <label for="right_radio1">사용</label>
@@ -34,10 +34,10 @@
             <td class="check" rowspan="2">
               <p>메뉴 권한 체크</p>
               <input type="checkbox" id="right_check0" ref="checkedAuthMenuAll_" v-model="checkedAuthMenuAll">
-              <div class="label_group">
+              <!--<div class="label_group">
                 <label for="right_check0"></label>
                 <label for="right_check0">전체 체크</label>
-              </div>
+              </div>-->
             </td>
             <td class="check">
               <p>고객관리</p>
@@ -47,129 +47,134 @@
                 <label for="right_check1">청약고객관리</label>
               </div>
             </td>
-            <td class="check">
+            <td class="check system">
               <p>유치현황관리</p>
               <div class="label_group">
-          <tr>
-            <td class="td_radio">
-              <input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
-              <label for="channel_radio1">유치채널현황</label>
-              <br/><br/>
-              <input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
-              <label for="channel_radio2">유치현황관리</label>
+                <tr>
+                  <td class="td_radio">
+                    <input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
+                    <label for="channel_radio1">유치채널 현황</label>
+                  </td>
+                </tr>
+              </div>
+              <div class="label_group">
+                <tr>
+                  <td class="td_radio">
+                    <input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
+                    <label for="channel_radio2">유치현황 관리(유치채널)</label>
+                  </td>
+                </tr>
+              </div>
             </td>
-          </tr>
-      </div>
-      </td>
-      <td class="check">
-        <p>서비스관리</p>
-        <input type="checkbox" id="right_check4" value="2004" v-model="checkedAuthMenu">
-        <div class="label_group">
-          <label for="right_check4"></label>
-          <label for="right_check4">080수신거부 인증코드 조회</label>
-        </div>
-      </td>
-      <td class="check">
-        <p>정산</p>
-        <input type="checkbox" id="right_check5" value="2005" v-model="checkedAuthMenu">
-        <div class="label_group">
-          <label for="right_check5"></label>
-          <label for="right_check5">정산이력</label>
-        </div>
-      </td>
-      <td class="check">
-        <p>채널관리</p>
-        <input type="checkbox" id="right_check6" value="2006" v-model="checkedAuthMenu">
-        <div class="label_group">
-          <label for="right_check6"></label>
-          <label for="right_check6">알림톡 템플릿 관리</label>
-        </div>
-      </td>
-      </tr>
-      <tr>
-        <td class="check">
-          <p>발신번호관리</p>
-          <input type="checkbox" id="right_check7" value="2007" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check7"></label>
-            <label for="right_check7">발신프로필 관리</label>
-          </div>
-          <input type="checkbox" id="right_check8" value="2008" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check8"></label>
-            <label for="right_check8">문자 발신번호 관리</label>
-          </div>
-          <input type="checkbox" id="right_check9" value="2009" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check9"></label>
-            <label for="right_check9">발신번호 승인</label>
-          </div>
-        </td>
-        <td class="check">
-          <p>모니터링</p>
-          <input type="checkbox" id="right_check10" value="2010" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check10"></label>
-            <label for="right_check10">발송내역</label>
-          </div>
-          <input type="checkbox" id="right_check11" value="2011" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check11"></label>
-            <label for="right_check11">실시간발송현황</label>
-          </div>
-        </td>
-        <td class="check">
-          <p>리스크관리</p>
-          <input type="checkbox" id="right_check12" value="2012" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check12"></label>
-            <label for="right_check12">발신번호 차단</label>
-          </div>
-          <input type="checkbox" id="right_check13" value="2013" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check13"></label>
-            <label for="right_check13">080수신번호 차단</label>
-          </div>
-          <!-- <input type="checkbox" id="right_check14" value="2014" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check14"></label>
-            <label for="right_check14">메시지 차단</label>
-          </div> -->
-          <!-- <input type="checkbox" id="right_check15" value="2015" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check15"></label>
-            <label for="right_check15">차단 내역</label>
-          </div> -->
-        </td>
-        <td class="check">
-          <p>발송통계</p>
-          <input type="checkbox" id="right_check16" value="2016" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check16"></label>
-            <label for="right_check16">날짜별 통계</label>
-          </div>
-          <input type="checkbox" id="right_check17" value="2017" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check17"></label>
-            <label for="right_check17">사업자별 통계</label>
-          </div>
-        </td>
-        <td class="check">
-          <p>시스템 관리</p>
-          <input type="checkbox" id="right_check18" value="2018" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check18"></label>
-            <label for="right_check18">관리자/유치채널 관리</label>
-          </div>
-          <input type="checkbox" id="right_check19" value="2019" v-model="checkedAuthMenu">
-          <div class="label_group">
-            <label for="right_check19"></label>
-            <label for="right_check19">권한 관리</label>
-          </div>
-        </td>
-      </tr>
-      </tbody>
-      </table>
+            <td class="check">
+              <p>서비스관리</p>
+              <input type="checkbox" id="right_check4" value="2004" v-model="checkedAuthMenu">
+              <div class="label_group">
+                <label for="right_check4"></label>
+                <label for="right_check4">080수신거부 인증코드 조회</label>
+              </div>
+            </td>
+            <td class="check">
+              <p>정산</p>
+              <input type="checkbox" id="right_check5" value="2005" v-model="checkedAuthMenu">
+              <div class="label_group">
+                <label for="right_check5"></label>
+                <label for="right_check5">정산이력</label>
+              </div>
+            </td>
+            <td class="check">
+              <p>채널관리</p>
+              <input type="checkbox" id="right_check6" value="2006" v-model="checkedAuthMenu">
+              <div class="label_group">
+                <label for="right_check6"></label>
+                <label for="right_check6">알림톡 템플릿 관리</label>
+              </div>
+            </td>
+            </tr>
+            <tr>
+              <td class="check">
+                <p>발신번호관리</p>
+                <input type="checkbox" id="right_check7" value="2007" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check7"></label>
+                  <label for="right_check7">발신프로필 관리</label>
+                </div>
+                <input type="checkbox" id="right_check8" value="2008" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check8"></label>
+                  <label for="right_check8">문자 발신번호 관리</label>
+                </div>
+                <input type="checkbox" id="right_check9" value="2009" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check9"></label>
+                  <label for="right_check9">발신번호 승인</label>
+                </div>
+              </td>
+              <td class="check">
+                <p>모니터링</p>
+                <input type="checkbox" id="right_check10" value="2010" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check10"></label>
+                  <label for="right_check10">발송내역</label>
+                </div>
+                <input type="checkbox" id="right_check11" value="2011" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check11"></label>
+                  <label for="right_check11">실시간발송현황</label>
+                </div>
+              </td>
+              <td class="check">
+                <p>리스크관리</p>
+                <input type="checkbox" id="right_check12" value="2012" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check12"></label>
+                  <label for="right_check12">발신번호 차단</label>
+                </div>
+                <input type="checkbox" id="right_check13" value="2013" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check13"></label>
+                  <label for="right_check13">080수신번호 차단</label>
+                </div>
+                <!-- <input type="checkbox" id="right_check14" value="2014" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check14"></label>
+                  <label for="right_check14">메시지 차단</label>
+                </div> -->
+                <!-- <input type="checkbox" id="right_check15" value="2015" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check15"></label>
+                  <label for="right_check15">차단 내역</label>
+                </div> -->
+              </td>
+              <td class="check">
+                <p>발송통계</p>
+                <input type="checkbox" id="right_check16" value="2016" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check16"></label>
+                  <label for="right_check16">날짜별 통계</label>
+                </div>
+                <input type="checkbox" id="right_check17" value="2017" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check17"></label>
+                  <label for="right_check17">사업자별 통계</label>
+                </div>
+              </td>
+              <td class="check">
+                <p>시스템 관리</p>
+                <input type="checkbox" id="right_check18" value="2018" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check18"></label>
+                  <label for="right_check18">관리자/유치채널 관리</label>
+                </div>
+                <input type="checkbox" id="right_check19" value="2019" v-model="checkedAuthMenu">
+                <div class="label_group">
+                  <label for="right_check19"></label>
+                  <label for="right_check19">권한 관리</label>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
     </div>
     <div class="pop-btn2">
       <button class="btn-default" type="button" @click="authAddCancel()">취소</button>
diff --git a/frontend/src/modules/sysMgt/views/AuthModify.vue b/frontend/src/modules/sysMgt/views/AuthModify.vue
index 5e27dbf..6b39b33 100644
--- a/frontend/src/modules/sysMgt/views/AuthModify.vue
+++ b/frontend/src/modules/sysMgt/views/AuthModify.vue
@@ -18,7 +18,7 @@
           <tr class="tr_input w75">
             <th>권한 코드</th>
             <td colspan="2"><input type="text" v-model.trim="authCd" ref="_authCd" disabled></td>
-            <th class="center">상태</th>
+            <th>상태</th>
             <td class="td_radio" colspan="2">
               <input type="radio" name="state" value="01" id="right_radio1" v-model="stat" checked>
               <label for="right_radio1">사용</label>
@@ -34,10 +34,10 @@
             <td class="check" rowspan="2">
               <p>메뉴 권한 체크</p>
               <input type="checkbox" id="right_check0" v-model="checkedAuthMenuAll">
-              <div class="label_group">
+              <!--<div class="label_group">
                 <label for="right_check0"></label>
                 <label for="right_check0">전체 체크</label>
-              </div>
+              </div>-->
             </td>
             <td class="check">
               <p>고객관리</p>
@@ -50,16 +50,21 @@
             <td class="check">
               <p>유치현황관리</p>
               <div class="label_group">
-          <tr>
-            <td class="td_radio">
-              <input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
-              <label for="channel_radio1">유치채널현황</label>
-              <br/><br/>
-              <input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
-              <label for="channel_radio2">유치현황관리</label>
-            </td>
-          </tr>
-      </div>
+                <tr>
+                  <td class="td_radio">
+                    <input type="radio" name="userStat" value="2002" id="channel_radio1" v-model="channelAuth">
+                    <label for="channel_radio1">유치채널 현황</label>
+                  </td>
+                </tr>
+              </div>
+              <div class="label_group">
+                <tr>
+                  <td class="td_radio">
+                    <input type="radio" name="userStat" value="2003" id="channel_radio2" v-model="channelAuth">
+                    <label for="channel_radio2">유치현황 관리(유치채널)</label>
+                  </td>
+                </tr>
+              </div>
       </td>
       <td class="check">
         <p>서비스관리</p>