mybatis join 관련한 기능 추가

This commit is contained in:
Suh
2024-01-09 13:08:26 +09:00
parent 97d48eaf95
commit b82403d064
9 changed files with 516 additions and 92 deletions

View File

@@ -3,4 +3,8 @@
}
.tab-pane{
background-color: rgb(208, 208, 208);
}
.form-check{
display: inline!important;
}

View File

@@ -187,9 +187,6 @@
*/
$(function() {
$("#div_personal_search").hide();
$("#search_btn").on("click", function () {
$("select[name='search_select'] option:selected").val();
});
$(".nav-item button").on("click", function(obj){
const selectedButtonId = $(obj.currentTarget).attr('id');
if(selectedButtonId === 'home-tab'){
@@ -201,6 +198,19 @@
}
});
});
function onSearch(isPersonalSearch){
let jsonData = {};
if(isPersonalSearch){
jsonData.searchOption = $("select[name='search_select'] option:selected").val();
jsonData.searchValue = $("#search_personal_input").val();
}else{
jsonData.searchValue = $("#search_group_input").val();
}
console.log(JSON.stringify(jsonData));
}
</script>
<div class="container-fluid">
<div class="row">
@@ -212,70 +222,71 @@
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="container">
<div class="row">
<div class="col-4">
<!-- 탭 부분 -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#group_authority_tab" type="button" role="tab" aria-controls="home" aria-selected="true">그룹 권한</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#personal_authority_tab" type="button" role="tab" aria-controls="profile" aria-selected="false">개인 권한</button>
</li>
</ul>
</div>
<div class="col-8">
<div id="div_group_search" class="text-end">
<input id="search_group_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
<button id="search_group_btn" type="button" class="btn btn-primary">검색</button>
</div>
<div id="div_personal_search" class="text-end">
<select name="search_select" class="form-select d-inline">
<option selected value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
<input id="search_personal_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
<button id="search_personal_btn" type="button" class="btn btn-primary">검색</button>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="container">
<div class="row">
<div class="col-4">
<!-- 탭 부분 -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="profile-tab" data-bs-toggle="tab" data-bs-target="#personal_authority_tab" type="button" role="tab" aria-controls="profile" aria-selected="false">개인 권한</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="home-tab" data-bs-toggle="tab" data-bs-target="#group_authority_tab" type="button" role="tab" aria-controls="home" aria-selected="true">그룹 권한</button>
</li>
</ul>
</div>
<div class="row">
<div class="col-12">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="group_authority_tab" role="tabpanel" aria-labelledby="group-authority-tab">
<table class="table" >
<thead class="table-dark">
<tr><th>번호</th><th>권한 명</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>사장 권한</td></tr>
<tr><td>2</td><td>관리자 권한</td></tr>
<tr><td>3</td><td>사원 권한</td></tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="personal_authority_tab" role="tabpanel" aria-labelledby="personal-authority-tab">
<table class="table" >
<thead class="table-dark">
<tr><th>번호</th><th>id</th><th>이름</th><th>권한 명</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
<tr><td>2</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
<tr><td>3</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
</tbody>
</table>
</div>
</div>
<div class="col-8">
<div id="div_group_search" class="text-end">
<input id="search_group_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
<button id="search_group_btn" type="button" class="btn btn-primary" onclick="onSearch(false)">검색</button>
</div>
<div id="div_personal_search" class="text-end">
<select name="search_select" class="form-select d-inline">
<option selected value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
</select>
<input id="search_personal_input" type="text" class="w-60 d-inline form-control" placeholder="검색">
<button id="search_personal_btn" type="button" class="btn btn-primary" onclick="onSearch(true)">검색</button>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="personal_authority_tab" role="tabpanel" aria-labelledby="personal-authority-tab">
<table class="table" >
<thead class="table-dark">
<tr><th>번호</th><th>ID</th><th>사용자 명</th><th>권한</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
<tr><td>2</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
<tr><td>3</td><td>230112</td><td>김이박</td><td>사장 권한</td></tr>
</tbody>
</table>
</div>
<div class="tab-pane fade" id="group_authority_tab" role="tabpanel" aria-labelledby="group-authority-tab">
<table class="table" >
<thead class="table-dark">
<tr><th>번호</th><th>권한 명</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>사장 권한</td></tr>
<tr><td>2</td><td>관리자 권한</td></tr>
<tr><td>3</td><td>사원 권한</td></tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- 탭 부분 끝 -->
</div>
<!-- 탭 부분 끝 -->
</div>
</div>
</div>