<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>訂閱管理後台</title>
<!--共用css-->
<link rel="stylesheet" type="text/css" href="libary/bootstrap-4.5.0-dist/css/bootstrap.min.css">
<link rel="preconnect" type="text/css" href="https://fonts.gstatic.com">
<link rel="stylesheet" type="text/css"
href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap">
<link rel="stylesheet" type="text/css" href="libary/fontawesome-free-5.13.0-web/css/all.css">
<!-- <link rel="stylesheet" type="text/css" href="css/style.min.css"> -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- https://codepen.io/rexkirby/details/mzgLk -->
<aside>
<div>
<div class="ham-area align-items-baseline navbar-light">
<button type="button" class="navbar-toggler navbar-toggler-admin" type="button" data-toggle="modal"
data-target="#ItemsIconModal">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<!-- <h1>Side Nav</h1> -->
<nav class="leftColum">
<ul class="item-list">
<li>
<a href="index.html" class="items"><img src="images/icon/side-OTP.svg">統計與資訊</a>
<!-- <div class="item-bg"></div> -->
</li>
<li>
<a href="edu-manage.html" class="items"><img src="images/icon/side-HRM.svg">教育平台管理</a>
</li>
<li>
<a href="HRMS-manage.html" class="items active"><img src="images/icon/side-member.svg">HRMS管理</a>
</li>
<div class="version">目前版本：V 0.0.1</div>
</ul>
</nav>
<!-- <div class="vertical-line"></div> -->
</div>
</aside>
<header class="headerbar">
<!-- 會員選單 -->
<div class="login-cont">
<label>admin456，您好！</label>
<div class="d-flex justify-content-center">
<button type="button" class="btn-wt mr-2" data-toggle="modal"
data-target="#confirmBackToCalendarMgnt" data-dismiss="modal">修改密碼</button>
<button type="button" class="btn-wt mr-2" onclick="location.href='#'">登出</button>
</div>
</div>
<!-- menu 底圖 -->
<!-- <div class="menubg">
</div> -->
</header>
<article>
<div class="article-topic">
<img src="images/icon/icon-hrms.svg"><label>HRMS管理</label>
</div>
<div class="tab-cont">
<ul class="nav-tabs nav" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" id="adminMeb-tab" data-toggle="tab" href="#adminMeb" role="tab"
aria-controls="adminMeb" aria-selected="true">各公司出勤</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" id="RoleMeb-tab" data-toggle="tab" href="#RoleMeb" role="tab"
aria-controls="RoleMeb" aria-selected="false">異動記錄</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<!-- 各公司出勤 start -->
<div class="tab-pane fade show active" id="adminMeb" role="tabpanel" aria-labelledby="adminMeb-tab">
<!-- 手機版 -->
<div class="search-group phone-show row">
<button type="button" class="btn-wt mr-2" data-toggle="modal"
data-target="#addAdminCount"><img src="images/icon/icon-export.svg">匯出 Excel</button>
<button type="button" class="btn-wt blue mb-0" data-toggle="modal"
data-target="#addCompanyCount"><img src="images/icon/icon-add.svg">新增公司</button>
</div>
<div class="search-group phone-show w-100">
<hr class="line">
</div>
<div class="search-group">
<input type="text" class="input" placeholder="請輸入關鍵字">
<div class="form-group row">
<select name="select" class="custom-select blue">
<option class="itmes">全部</option>
<option class="itmes" value="簽約公司" seleted>簽約公司</option>
<option class="itmes" value="公司名稱">公司名稱</option>
</select>
</div>
<!-- <div class="dropdown-group">
<div class="dropdown dropdown-status">
<button type="button" class="btn dropdown-toggle" type="button" id="dropdownMenuCompany"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">全部</button>
<div class="dropdown-menu 72px" aria-labelledby="dropdownMenuCompany">
<a class="dropdown-item" href="#" seleted>全部</a>
<a class="dropdown-item" href="#">簽約公司</a>
<a class="dropdown-item" href="#">公司名稱</a>
</div>
</div>
</div> -->
<button type="button" class="btn-wt blue mr-auto"><img src="images/icon/icon-search.svg">搜尋</button>
<button type="button" class="btn-wt mr-2 NB-show" data-toggle="modal"
data-target="#addAdminCount"><img src="images/icon/icon-export.svg">匯出 Excel</button>
<button type="button" class="btn-wt blue NB-show" data-toggle="modal"
data-target="#addCompanyCount"><img src="images/icon/icon-add.svg">新增公司</button>
<hr class="line phone-show">
<div class="phone-show text-center">
<button type="button" class="btn-wt blue2 mb-1 mr-1 ml-1" data-toggle="modal"
data-target="#StopCompanyCount"><img src="images/icon/icon-stop.svg">停用</button>
<button type="button" class="btn-wt blue2 mr-1 ml-1" data-toggle="modal"
data-target="#StartCompanyCount"><img src="images/icon/icon-play.svg">啟用</button>
</div>
</div>
<div class="search-group phone-show">
<div class="sign-list">
<label class="mr-5"><img src="images/icon/icon-alert.svg">員工人數超過上限</label>
<label><img src="images/icon/icon-point.svg" class="mr-1">試用公司</label>
</div>
</div>
<table class="table table-bordered table-striped table-hrm phone table-rwd">
<!-- <table class="table table-striped table-borderless table-student table-rwd bulletinBoardListTBL"> -->
<thead>
<tr class="tr-rwd-hide">
<th class="pic-edit">
<div class="d-flex justify-content-center align-items-center">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheckAll"
id="checkyel00" name="defaultExampleRadios00">
<label class="custom-control-label" for="checkyel00"></label>
</div>
</div>
</th>
<th class="sortable sorter">狀態</th>
<th class="sortable sorter">簽約公司</th>
<th class="sortable sorter">公司名稱</th>
<th class="sortable sorter">簽約員工數</th>
<th class="sortable sorter">建立員工數</th>
<th class="sortable sorter">交付日期</th>
<th class="sortable sorter">到期日期</th>
<th class="pic-edit">編輯</th>
</tr>
</thead>
<tbody>
<tr>
<td class="buttonTD pic">
<div class="d-flex justify-content-center align-items-center NB-show">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="checkyel02" name="defaultExampleRadios02">
<label class="custom-control-label" for="checkyel02"></label>
</div>
</div>
</td>
<td data-th="狀態" class="phone-row">
<span class="mr-auto">使用中</span>
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="checkyel02a" name="defaultExampleRadios02">
<label class="custom-control-label" for="checkyel02a"></label>
</div>
</td>
<td data-th="簽約公司">AAA公司</td>
<td data-th="公司名稱">甲公司</td>
<td data-th="簽約員工數">130</td>
<td data-th="建立員工數">130</td>
<td data-th="交付日期">2021-10-27</td>
<td data-th="到期日期">2022-10-27</td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditCompanyCount">
<img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯</label>
</button>
</td>
</tr>
<tr>
<td class="buttonTD pic">
<div class="d-flex justify-content-center align-items-center NB-show">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="company02" name="defaultExampleRadios02">
<label class="custom-control-label" for="company02"></label>
</div>
</div>
</td>
<td data-th="狀態" class="phone-row">
<span class="mr-auto">使用中</span>
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="company02a" name="defaultExampleRadios02">
<label class="custom-control-label" for="company02a"></label>
</div>
</td>
<td data-th="簽約公司">BBB公司</td>
<td data-th="公司名稱">乙公司</td>
<td data-th="簽約員工數">100</td>
<td data-th="建立員工數">100</td>
<td data-th="交付日期">2021-10-05</td>
<td data-th="到期日期">2022-10-05</td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditCompanyCount">
<img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯</label>
</button>
</td>
</tr>
<tr>
<td class="buttonTD pic">
<div class="d-flex justify-content-center align-items-center NB-show">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="boardyel02" name="defaultExampleRadios02">
<label class="custom-control-label" for="boardyel02"></label>
</div>
</div>
</td>
<td data-th="狀態" class="phone-row">
<span class="mr-auto">停用中</span>
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="boardyel02a" name="defaultExampleRadios02">
<label class="custom-control-label" for="boardyel02a"></label>
</div>
</td>
<td data-th="簽約公司">CCC公司</td>
<td data-th="公司名稱">丙公司</td>
<td data-th="簽約員工數">99</td>
<td data-th="建立員工數">99</td>
<td data-th="交付日期">2021-09-01</td>
<td data-th="到期日期">2022-09-01</td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditCompanyCount">
<img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯</label>
</button>
</td>
</tr>
<tr>
<td class="buttonTD pic">
<div class="d-flex justify-content-center align-items-center NB-show">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="company04" name="defaultExampleRadios02">
<label class="custom-control-label" for="company04"></label>
</div>
</div>
</td>
<td data-th="狀態" class="phone-row">
<span class="mr-auto">使用中</span>
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="company04a" name="defaultExampleRadios02">
<label class="custom-control-label" for="company04a"></label>
</div>
</td>
<td data-th="簽約公司">DDD公司</td>
<td data-th="公司名稱">丁公司<img src="images/icon/icon-point.svg" class="ml-1"></td>
<td data-th="簽約員工數">87</td>
<td data-th="建立員工數">87</td>
<td data-th="交付日期">2021-08-05</td>
<td data-th="到期日期">2022-08-05</td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditCompanyCount">
<img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯</label>
</button>
</td>
</tr>
<tr>
<td class="buttonTD pic">
<div class="d-flex justify-content-center align-items-center NB-show">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="company05" name="defaultExampleRadios02">
<label class="custom-control-label" for="company05"></label>
</div>
</div>
</td>
<td data-th="狀態" class="phone-row">
<span class="mr-auto">已到期</span>
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="company05a" name="defaultExampleRadios02">
<label class="custom-control-label" for="company05a"></label>
</div>
</td>
<td data-th="簽約公司">EEE公司</td>
<td data-th="公司名稱">戊公司</td>
<td data-th="簽約員工數">120</td>
<td data-th="建立員工數">120</td>
<td data-th="交付日期">2021-10-05</td>
<td data-th="到期日期">2021-11-05</td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditCompanyCount">
<img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯</label>
</button>
</td>
</tr>
<tr>
<td class="buttonTD pic">
<div class="d-flex justify-content-center align-items-center NB-show">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="company06" name="defaultExampleRadios02">
<label class="custom-control-label" for="company06"></label>
</div>
</div>
</td>
<td data-th="狀態" class="phone-row">
<span class="mr-auto">導入中</span>
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="company06a" name="defaultExampleRadios02">
<label class="custom-control-label" for="company06a"></label>
</div>
</td>
<td data-th="簽約公司">FFF公司</td>
<td data-th="公司名稱">己公司</td>
<td data-th="簽約員工數">140</td>
<td data-th="建立員工數">150<img src="images/icon/icon-alert.svg" class="ml-1"></td>
<td data-th="交付日期">2021-10-29</td>
<td data-th="到期日期">2021-10-29</td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditCompanyCount">
<img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯</label>
</button>
</td>
</tr>
<tr>
<td class="buttonTD pic">
<div class="d-flex justify-content-center align-items-center NB-show">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="company07" name="defaultExampleRadios02">
<label class="custom-control-label" for="company07"></label>
</div>
</div>
</td>
<td data-th="狀態">使用中</td>
<td data-th="簽約公司" class="phone-row">
<span class="mr-auto">GGG公司</span>
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="company07a" name="defaultExampleRadios02">
<label class="custom-control-label" for="company07a"></label>
</div>
</td>
<td data-th="公司名稱">庚公司</td>
<td data-th="簽約員工數">38</td>
<td data-th="建立員工數">38</td>
<td data-th="交付日期">2021-09-15</td>
<td data-th="到期日期">2022-09-15</td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#EditCompanyCount">
<img src="images/icon/icon-edit.svg" class="NB-show">
<img src="images/icon/icon-edit-white.svg" class="phone-show">
<label class="phone-show">編輯</label>
</button>
</td>
</tr>
</tbody>
</table>
<div class="search-group d-flex justify-content-between NB-show">
<div>
<button type="button" class="btn-wt blue mr-2" data-toggle="modal"
data-target="#StopCompanyCount"><img src="images/icon/icon-stop.svg">停用</button>
<button type="button" class="btn-wt blue2" data-toggle="modal"
data-target="#StartCompanyCount"><img src="images/icon/icon-play.svg">啟用</button>
</div>
<div class="sign-list">
<label class="mr-5"><img src="images/icon/icon-alert.svg">員工人數超過上限</label>
<label><img src="images/icon/icon-point.svg" class="mr-1">試用公司</label>
</div>
</div>
<div class="row">
<div class="small pl-0 col-sm-6 col-12 d-flex align-items-end">備註：「導入中」不會給該公司SA帳密，要到交付日期當天再給。</div>
<div class="pagination mt-2 pr-0 col-sm-6 col-12">
<a class="pren all"></a>
<a class="pren"></a>
<a class="page-number active" href="#">1</a>
<a class="page-number" href="#">2</a>
<a class="next active" href="#"></a>
<a class="next all active" href="#"></a>
</div>
</div>
</div>
<!-- 各公司出勤 end -->
<!-- -------------------- -->
<!-- 異動記錄 start -->
<div class="tab-pane fade" id="RoleMeb" role="tabpanel" aria-labelledby="RoleMeb-tab">
<div class="search-group">
<input type="text" class="input" placeholder="請輸入關鍵字">
<div class="dropdown-group">
<div class="dropdown dropdown-status">
<button type="button" class="btn dropdown-toggle" type="button" id="dropdownMenuButton"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">全部</button>
<div class="dropdown-menu 72px" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#" seleted>狀態</a>
<a class="dropdown-item" href="#">公司名稱</a>
<a class="dropdown-item" href="#">簽約公司</a>
</div>
</div>
</div>
<button type="button" class="btn-wt blue"><img src="images/icon/icon-search.svg">搜尋</button>
</div>
<div class="search-group phone-show mb-n3">
<div class="sign-list">
<label class="mr-5"><img src="images/icon/icon-alert.svg">員工人數超過上限</label>
<label><img src="images/icon/icon-point.svg" class="mr-1">試用公司</label>
</div>
</div>
<table class="table table-bordered table-striped table-hrm table-rwd">
<!-- <table class="table table-striped table-borderless table-student table-rwd bulletinBoardListTBL"> -->
<thead>
<tr class="tr-rwd-hide">
<th class="sortable sorter">執行</th>
<th class="sortable sorter">執行日期</th>
<th class="sortable sorter">簽約公司</th>
<th class="sortable sorter">公司名稱</th>
<th class="sortable sorter">簽約員工數</th>
<th class="sortable sorter">交付日期</th>
<th class="sortable sorter">到期日期</th>
<th class="sortable sorter">停/啟用原因</th>
</tr>
</thead>
<tbody>
<tr>
<td data-th="執行">新增</td>
<td data-th="執行日期">2021-10-27</td>
<td data-th="簽約公司">AAA公司</td>
<td data-th="公司名稱">甲公司</td>
<td data-th="簽約員工數">130</td>
<td data-th="交付日期">2021-10-27</td>
<td data-th="到期日期">2022-10-27</td>
<td data-th="停/啟用原因">-</td>
</tr>
<tr>
<td data-th="執行">停用</td>
<td data-th="執行日期">2021-10-05</td>
<td data-th="簽約公司">BBB公司</td>
<td data-th="公司名稱">乙公司</td>
<td data-th="簽約員工數">100</td>
<td data-th="交付日期">2021-10-05</td>
<td data-th="到期日期">2022-10-05</td>
<td data-th="停/啟用原因">其他：公司倒閉</td>
</tr>
<tr>
<td data-th="執行">啟用</td>
<td data-th="執行日期">2021-09-01</td>
<td data-th="簽約公司">CCC公司</td>
<td data-th="公司名稱">丙公司</td>
<td data-th="簽約員工數">99</td>
<td data-th="交付日期">2021-09-01</td>
<td data-th="到期日期">2022-09-01</td>
<td data-th="停/啟用原因">調整合約人數</td>
</tr>
<tr>
<td data-th="執行">編輯</td>
<td data-th="執行日期">2021-08-05</td>
<td data-th="簽約公司">DDD公司</td>
<td data-th="公司名稱">丁公司</td>
<td data-th="簽約員工數">87</td>
<td data-th="交付日期">2021-08-05</td>
<td data-th="到期日期">2022-08-05</td>
<td data-th="停/啟用原因">87</td>
</tr>
<tr>
<td data-th="執行">編輯</td>
<td data-th="執行日期">2021-10-05</td>
<td data-th="簽約公司">EEE公司</td>
<td data-th="公司名稱">戊公司</td>
<td data-th="簽約員工數">120</td>
<td data-th="交付日期">2021-10-05</td>
<td data-th="到期日期">2021-11-05</td>
<td data-th="停/啟用原因">120</td>
</tr>
<tr>
<td data-th="執行">2021-10-29</td>
<td data-th="執行日期">2021-10-29</td>
<td data-th="簽約公司">FFF公司</td>
<td data-th="公司名稱">己公司</td>
<td data-th="簽約員工數">140</td>
<td data-th="交付日期">2021-10-29</td>
<td data-th="到期日期">2021-10-29</td>
<td data-th="停/啟用原因">15-</td>
</tr>
<tr>
<td data-th="執行">2021-09-15</td>
<td data-th="執行日期">2021-09-15</td>
<td data-th="簽約公司" class="phone-row">GGG公司</td>
<td data-th="公司名稱">庚公司<img src="images/icon/icon-point.svg" class="ml-1"></td>
<td data-th="簽約員工數">38</td>
<td data-th="交付日期">2021-09-15</td>
<td data-th="到期日期">2022-09-15</td>
<td data-th="停/啟用原因">試用到期</td>
</tr>
</tbody>
</table>
<div class="search-group d-flex align-items-center justify-content-end NB-show">
<label class="mr-5"><img src="images/icon/icon-alert.svg">員工人數超過上限</label>
<label><img src="images/icon/icon-point.svg" class="mr-1">試用公司</label>
</div>
<div class="pagination mt-2">
<a class="pren all"></a>
<a class="pren"></a>
<a class="page-number active" href="#">1</a>
<a class="page-number" href="#">2</a>
<a class="next active" href="#"></a>
<a class="next all active" href="#"></a>
</div>
</div>
<!-- 異動記錄 end -->
</div>
</div>
</article>
<!-- ********************* Modal ********************* -->
<!-- 修改密碼 -->
<div class="modal fade" id="confirmBackToCalendarMgnt" tabindex="-1" aria-labelledby="confirmBackToStudentMgnt"
aria-hidden="true">
<div class="modal-dialog changecode modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<label class="topic">修改密碼</label>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body password">
<div class="row form-group">
<span class="col-4">舊密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount"
value="">
<span class="small form-text text-danger w-100 text-center">密碼錯誤。</span>
</div>
<div class="row form-group">
<span class="col-4">新密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount"
value="">
<span class="small form-text text-danger w-100 text-center">新密碼與下列不同。</span>
</div>
<div class="row form-group">
<span class="col-4">確認密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount"
value="">
<span class="small form-text text-danger w-100 text-center">新密碼與上列不同。</span>
</div>
<div class="d-flex justify-content-center mt-5">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SuccessModal">確認</button>
</div>
<!-- <div class="message-group">
<label>舊密碼</label>
<div class="col-12 col-noPadding text-center">
<p>是否返回？</p>
<div class="submitBlock">
<div class="d-flex justify-content-around">
<button type="button" class="btn btn-wt" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" onclick="window.location.href='">確認</button>
</div>
</div>
</div>
</div> -->
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- /修改密碼 -->
<!-- 修改成功 -->
<div class="modal fade" id="SuccessModal" tabindex="-1" aria-labelledby="SuccessModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">修改成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
<!-- 修改成功 -->
<!-- 停用成功 -->
<div class="modal fade" id="StopSuccessModal" tabindex="-1" aria-labelledby="StopSuccessModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">停用成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
<!-- 停用成功 -->
<!-- 啟用成功 -->
<div class="modal fade" id="StartCompanyModal" tabindex="-1" aria-labelledby="StartCompanyModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">啟用成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
<!-- 停用成功 -->
<!-- 修改失敗 -->
<div class="modal fade" id="FailModal" tabindex="-1" aria-labelledby="FailModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">修改失敗</span>
<img src="images/icon/image-fail.svg" class="mt-3">
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!-- 修改成功 -->
<!-- 編輯成功 -->
<div class="modal fade" id="EditSuccessModal" tabindex="-1" aria-labelledby="EditSuccessModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">編輯成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
<!--編輯成功 -->
<!-- 新增成功 -->
<div class="modal fade" id="AddSuccessModal" tabindex="-1" aria-labelledby="AddSuccessModal"
aria-hidden="true">
<div class="modal-dialog success modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header whitebg">
<!-- <label class="topic">修改密碼</label> -->
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont">
<div class="row form-group justify-content-center">
<span class="col-12 text-center">新增成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div>
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
<!--新增成功 -->
<!-- 手機板選單 -->
<div class="modal ItemsIcon fade" id="ItemsIconModal" tabindex="-1" aria-labelledby="ItemsIconModal"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content ItemsIcon">
<div class="modal-header ItemsIcon">
<button type="button" class="close whitebg" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="">×</span>
</button>
</div>
<div class="modal-body checkcont height100">
<div class="phoneItem">
<ul class="item-list">
<li>
<a href="index.html" class="items"><img src="images/icon/side-OTP.svg">統計與資訊</a>
<!-- <div class="item-bg"></div> -->
</li>
<li>
<a href="edu-manage.html" class="items"><img src="images/icon/side-HRM.svg">教育平台管理</a>
</li>
<li>
<a href="HRMS-manage.html" class="items active"><img src="images/icon/side-member.svg">HRMS管理</a>
</li>
<li>
<a href="account.html" class="items"><img src="images/icon/icon-setting.svg">帳號設定</a>
</li>
</ul>
</div>
<!-- <div class="row form-group justify-content-center">
<span class="col-12 text-center">修改成功</span>
<img src="images/icon/image-success.svg" class="mt-3">
</div> -->
</div>
<!-- <div class="modal-footer">
</div> -->
</div>
</div>
</div>
<!-- 手機板選單 -->
<!-- 新增公司 -->
<div class="modal fade" id="addCompanyCount" tabindex="-1" aria-labelledby="addCompanyCount"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-message">
<div class="modal-content">
<div class="modal-header">
<label class="topic">新增公司</label>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body Addcont">
<div class="d-flex justify-content-end align-items-center mb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="TestcompanyAdd" name="defaultExaTest" checked>
<label class="custom-control-label" for="TestcompanyAdd">試用公司</label>
</div>
</div>
<div class="form-group row">
<div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck"
id="Testcompany" name="defaultTestcompany">
<label class="custom-control-label" for="Testcompany">試用公司</label>
</div>
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約公司名稱</label>
<select name="select" class="custom-select col-sm-8 col-12">
<option selected>請選擇簽約公司名稱</option>
<option value="Asia/Taipei">Asia/Taipei</option>
<option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option>
</select>
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">帳號</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">密碼</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">再次輸入密碼</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">所屬 tenant</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">Server IP</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">公司名稱</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">時區</label>
<select name="select" class="custom-select col-sm-8 col-12">
<!-- <option>請選擇簽約公司名稱</option> -->
<option value="Asia/Taipei" selected>Asia/Taipei</option>
<option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option>
</select>
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">交付日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">到期日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">建立員工數</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group mt-5">
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#AddSuccessModal">新增</button>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--新增公司 -->
<!-- 編輯公司 -->
<div class="modal fade" id="EditCompanyCount" tabindex="-1" aria-labelledby="EditCompanyCount" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-message">
<div class="modal-content">
<div class="modal-header">
<label class="topic">編輯</label>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body Addcont">
<div class="d-flex justify-content-end align-items-center mb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="Testcompany123" name="defaultExaTest">
<label class="custom-control-label" for="Testcompany123">試用公司</label>
</div>
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約公司名稱</label>
<select name="select" class="custom-select col-sm-8 col-12">
<option selected>請選擇簽約公司名稱</option>
<option value="Asia/Taipei" selected>Asia/Taipei</option>
<option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option>
</select>
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">帳號</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="ThisIsABook" disabled>
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">所屬 tenant</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="AAA公司">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">資料庫名稱</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="C system">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">Server IP</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="192.168.1.1">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">公司名稱</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 " placeholder="甲公司">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">時區</label>
<select name="select" class="custom-select col-sm-8 col-12">
<!-- <option>請選擇簽約公司名稱</option> -->
<option value="Asia/Taipei" selected>Asia/Taipei</option>
<option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option>
</select>
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">交付日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">到期日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<!-- <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">建立員工數</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div> -->
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="AAA公司">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group mt-5">
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#EditSuccessModal">確認</button>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--編輯公司 -->
<!-- 停用勾選公司 -->
<div class="modal fade" id="StopCompanyCount" tabindex="-1" aria-labelledby="StopCompanyCount"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-message">
<div class="modal-content">
<div class="modal-header">
<label class="topic">停用勾選公司</label>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body Addcont">
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">停用原因</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group mt-5">
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SureStopCompanyCount">儲存</button>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--停用勾選公司 -->
<!-- 確定停用公司 -->
<div class="modal fade" id="SureStopCompanyCount" tabindex="-1" aria-labelledby="SureStopCompanyCount"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-message">
<div class="modal-content">
<div class="modal-header">
<!-- <label class="topic">停用勾選公司</label> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body Addcont">
<div class="message-group mt-3">
<label class="title">確定停用</label>
</div>
<div class="message-group">
<label class="title">甲公司、乙公司？</label>
</div>
<!-- -->
<div class="form-group mt-5">
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#StopSuccessModal">確定</button>
</div>
</div>
<!-- -->
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--確定停用公司 -->
<!-- 啟用勾選公司 -->
<div class="modal fade" id="StartCompanyCount" tabindex="-1" aria-labelledby="StartCompanyCount"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-message">
<div class="modal-content">
<div class="modal-header">
<label class="topic">啟用勾選公司</label>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body Addcont">
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">啟用原因</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 ">
</div>
<div class="form-group mt-5">
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SureStartCompanyCount">儲存</button>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--啟用勾選公司 -->
<!-- 確定啟用公司 -->
<div class="modal fade" id="SureStartCompanyCount" tabindex="-1" aria-labelledby="SureStartCompanyCount"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-message">
<div class="modal-content">
<div class="modal-header">
<!-- <label class="topic">停用勾選公司</label> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body Addcont">
<div class="message-group mt-3">
<label class="title">確定啟用</label>
</div>
<div class="message-group">
<label class="title">A公司、B公司、C公司、D公司、E公司？</label>
</div>
<!-- -->
<div class="form-group mt-5">
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SureStartCompanyCount2">確定</button>
</div>
</div>
<!-- -->
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--確定啟用公司 -->
<!-- 確定啟用公司 -->
<div class="modal fade" id="SureStartCompanyCount2" tabindex="-1" aria-labelledby="SureStartCompanyCount2"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-message">
<div class="modal-content">
<div class="modal-header">
<!-- <label class="topic">停用勾選公司</label> -->
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body Addcont">
<div class="message-group mt-5">
<label class="title"><span class="text-danger">A公司</span>、<span class="text-danger">B公司</span>因已到期無法啟用，請前往編輯頁面修改到期日期</label>
</div>
<div class="message-group mt-5">
<label class="title"><span class="text-danger">A公司</span>、<span class="text-danger">B公司</span>因在導入中無法啟用，請前往編輯頁面修改交付日期</label>
</div>
<div class="message-group mt-5 mb-5">
<label class="title text-left">其餘公司皆已啟用成功</label>
</div>
<!-- -->
<!-- <div class="form-group mt-5">
<div class="d-flex justify-content-center">
<button type="button" class="btn btn-wt mr-3" data-dismiss="modal">取消</button>
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#StartCompanyModal">確定</button>
</div>
</div> -->
<!-- -->
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--確定啟用公司 -->
<!-- js files -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- <script type="text/javascript" src="js/popper.min.js"></script> -->
<script type="text/javascript" src="libary/bootstrap-4.5.0-dist/js/bootstrap.js"></script>
<script type="text/javascript" src="js/sortingTable.js"></script>
<script type="text/javascript" src="libary/slick-1.8.1/slick/slick.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
crossorigin="anonymous"></script>
<script src="js/main.js"></script>
<script src="js/sortable.min.js"></script>
<script>
$("#nav-btn").click(function () {
$("nav").toggle("slow");
});
</script>
<script>
//全選 出現刪除按鈕 全取消 刪除按鈕消失
$(".boardCheckAll").click(function () {
if ($(".boardCheckAll").prop("checked")) {
$(".boardCheck").each(function () {
$(this).prop("checked", true);
});
$(".ifSelected").css('visibility', 'visible');
} else {
$(".boardCheck").each(function () {
$(this).prop("checked", false);
});
$(".ifSelected").css('visibility', 'hidden');
}
});
</script>
<script>
$("#select_role").on('change', function () {
var select_role = $("#select_role").val();
var HRMmainAdmin = $("#HRMmainAdmin");
var HRMSuperAdmin = $("#HRMSuperAdmin");
var HRMadmin = $("#HRMadmin");
//var role_inquire = $("#role_iquire");
if (select_role == "總管理員") {
HRMmainAdmin.removeClass("d-none");
HRMadmin.addClass("d-none");
HRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (select_role == '超級管理員') {
HRMSuperAdmin.removeClass("d-none");
HRMmainAdmin.addClass("d-none");
HRMadmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (select_role == '一般管理員') {
HRMadmin.removeClass("d-none");
HRMSuperAdmin.addClass("d-none");
HRMmainAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
//} else if (select_role == '查詢者') {
// role_inquire.removeClass("d-none");
// admin.addClass("d-none");
// HRMmainAdmin.addClass("d-none");
// admin.addClass("d-none");
} else {
HRMadmin.addClass("d-none");
HRMmainAdmin.addClass("d-none");
HRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
}
});
$("#Editselect_role").on('change', function () {
var Editselect_role = $("#Editselect_role").val();
var EditHRMmainAdmin = $("#EditHRMmainAdmin");
var EditHRMSuperAdmin = $("#EditHRMSuperAdmin");
var EditHRMadmin = $("#EditHRMadmin");
//var role_inquire = $("#role_iquire");
if (Editselect_role == "總管理員") {
EditHRMmainAdmin.removeClass("d-none");
EditHRMadmin.addClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (Editselect_role == '超級管理員') {
EditHRMSuperAdmin.removeClass("d-none");
EditHRMmainAdmin.addClass("d-none");
EditHRMadmin.addClass("d-none");
//role_inquire.addClass("d-none");
} else if (Editselect_role == '一般管理員') {
EditHRMadmin.removeClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
EditHRMmainAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
//} else if (Editselect_role == '查詢者') {
// role_inquire.removeClass("d-none");
// admin.addClass("d-none");
// EditHRMmainAdmin.addClass("d-none");
// admin.addClass("d-none");
} else {
EditHRMadmin.addClass("d-none");
EditHRMmainAdmin.addClass("d-none");
EditHRMSuperAdmin.addClass("d-none");
//role_inquire.addClass("d-none");
}
});
</script>
</body>
</html>