Skip to content

H
HRM-admin
Commit 9e33fc87 authored by FionaChen's avatar FionaChen
Browse files
Options

修改文字、新增modal 項目 

表格欄位
parent 5299b3df
Hide whitespace changes
Inline Side-by-side
Showing with 212 additions and 55 deletions
HRMS-manage.html
View file @ 9e33fc87
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<aside> <aside>
<div> <div>
<div class="ham-area align-items-baseline navbar-light"> <div class="ham-area align-items-baseline navbar-light">
<button type="button" class="navbar-toggler navbar-toggler-admin" type="button" data-toggle="modal" <button type="button" class="navbar-toggler navbar-toggler-admin" data-toggle="modal"
data-target="#ItemsIconModal"> data-target="#ItemsIconModal">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
...@@ -109,7 +109,7 @@ ...@@ -109,7 +109,7 @@
<div class="form-group row"> <div class="form-group row">
<select name="select" class="custom-select blue"> <select name="select" class="custom-select blue">
<option class="itmes">全部</option> <option class="itmes">全部</option>
<option class="itmes" value="簽約公司" seleted>簽約公司</option> <option class="itmes" value="簽約總公司" seleted>簽約總公司</option>
<option class="itmes" value="公司名稱">公司名稱</option> <option class="itmes" value="公司名稱">公司名稱</option>
</select> </select>
</div> </div>
...@@ -119,7 +119,7 @@ ...@@ -119,7 +119,7 @@
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">全部</button> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">全部</button>
<div class="dropdown-menu 72px" aria-labelledby="dropdownMenuCompany"> <div class="dropdown-menu 72px" aria-labelledby="dropdownMenuCompany">
<a class="dropdown-item" href="#" seleted>全部</a> <a class="dropdown-item" href="#" seleted>全部</a>
<a class="dropdown-item" href="#">簽約公司</a> <a class="dropdown-item" href="#">簽約總公司</a>
<a class="dropdown-item" href="#">公司名稱</a> <a class="dropdown-item" href="#">公司名稱</a>
</div> </div>
</div> </div>
...@@ -162,13 +162,14 @@ ...@@ -162,13 +162,14 @@
</div> </div>
</th> </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="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> <th class="pic-edit">編輯</th>
<th class="pic-edit2">修改密碼</th>
</tr> </tr>
</thead> </thead>
...@@ -191,7 +192,7 @@ ...@@ -191,7 +192,7 @@
<label class="custom-control-label" for="checkyel02a"></label> <label class="custom-control-label" for="checkyel02a"></label>
</div> </div>
</td> </td>
<td data-th="簽約公司">AAA公司</td> <td data-th="簽約總公司">AAA公司</td>
<td data-th="公司名稱">甲公司</td> <td data-th="公司名稱">甲公司</td>
<td data-th="簽約員工數">130</td> <td data-th="簽約員工數">130</td>
<td data-th="建立員工數">130</td> <td data-th="建立員工數">130</td>
...@@ -204,6 +205,13 @@ ...@@ -204,6 +205,13 @@
<label class="phone-show">編輯</label> <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#ChangePassword">
<img src="images/icon/icon_passwordChange.svg" class="NB-show iconPT ml-1">
<img src="images/icon/icon_passwordChange-wt.svg" class="phone-show iconPT ml-1">
<label class="phone-show">修改密碼</label>
</button>
</td>
</tr> </tr>
<tr> <tr>
...@@ -225,7 +233,7 @@ ...@@ -225,7 +233,7 @@
</div> </div>
</td> </td>
<td data-th="簽約公司">BBB公司</td> <td data-th="簽約總公司">BBB公司</td>
<td data-th="公司名稱">乙公司</td> <td data-th="公司名稱">乙公司</td>
<td data-th="簽約員工數">100</td> <td data-th="簽約員工數">100</td>
<td data-th="建立員工數">100</td> <td data-th="建立員工數">100</td>
...@@ -238,6 +246,13 @@ ...@@ -238,6 +246,13 @@
<label class="phone-show">編輯</label> <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#ChangePassword">
<img src="images/icon/icon_passwordChange.svg" class="NB-show iconPT ml-1">
<img src="images/icon/icon_passwordChange-wt.svg" class="phone-show iconPT ml-1">
<label class="phone-show">修改密碼</label>
</button>
</td>
</tr> </tr>
<tr> <tr>
...@@ -258,7 +273,7 @@ ...@@ -258,7 +273,7 @@
<label class="custom-control-label" for="boardyel02a"></label> <label class="custom-control-label" for="boardyel02a"></label>
</div> </div>
</td> </td>
<td data-th="簽約公司">CCC公司</td> <td data-th="簽約總公司">CCC公司</td>
<td data-th="公司名稱">丙公司</td> <td data-th="公司名稱">丙公司</td>
<td data-th="簽約員工數">99</td> <td data-th="簽約員工數">99</td>
<td data-th="建立員工數">99</td> <td data-th="建立員工數">99</td>
...@@ -271,6 +286,13 @@ ...@@ -271,6 +286,13 @@
<label class="phone-show">編輯</label> <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#ChangePassword">
<img src="images/icon/icon_passwordChange.svg" class="NB-show iconPT ml-1">
<img src="images/icon/icon_passwordChange-wt.svg" class="phone-show iconPT ml-1">
<label class="phone-show">修改密碼</label>
</button>
</td>
</tr> </tr>
<tr> <tr>
...@@ -291,7 +313,7 @@ ...@@ -291,7 +313,7 @@
<label class="custom-control-label" for="company04a"></label> <label class="custom-control-label" for="company04a"></label>
</div> </div>
</td> </td>
<td data-th="簽約公司">DDD公司</td> <td data-th="簽約總公司">DDD公司</td>
<td data-th="公司名稱">丁公司<img src="images/icon/icon-point.svg" class="ml-1"></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="建立員工數">87</td> <td data-th="建立員工數">87</td>
...@@ -304,6 +326,13 @@ ...@@ -304,6 +326,13 @@
<label class="phone-show">編輯</label> <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#ChangePassword">
<img src="images/icon/icon_passwordChange.svg" class="NB-show iconPT ml-1">
<img src="images/icon/icon_passwordChange-wt.svg" class="phone-show iconPT ml-1">
<label class="phone-show">修改密碼</label>
</button>
</td>
</tr> </tr>
<tr> <tr>
...@@ -324,7 +353,7 @@ ...@@ -324,7 +353,7 @@
<label class="custom-control-label" for="company05a"></label> <label class="custom-control-label" for="company05a"></label>
</div> </div>
</td> </td>
<td data-th="簽約公司">EEE公司</td> <td data-th="簽約總公司">EEE公司</td>
<td data-th="公司名稱">戊公司</td> <td data-th="公司名稱">戊公司</td>
<td data-th="簽約員工數">120</td> <td data-th="簽約員工數">120</td>
<td data-th="建立員工數">120</td> <td data-th="建立員工數">120</td>
...@@ -337,6 +366,13 @@ ...@@ -337,6 +366,13 @@
<label class="phone-show">編輯</label> <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#ChangePassword">
<img src="images/icon/icon_passwordChange.svg" class="NB-show iconPT ml-1">
<img src="images/icon/icon_passwordChange-wt.svg" class="phone-show iconPT ml-1">
<label class="phone-show">修改密碼</label>
</button>
</td>
</tr> </tr>
<tr> <tr>
...@@ -357,7 +393,7 @@ ...@@ -357,7 +393,7 @@
<label class="custom-control-label" for="company06a"></label> <label class="custom-control-label" for="company06a"></label>
</div> </div>
</td> </td>
<td data-th="簽約公司">FFF公司</td> <td data-th="簽約總公司">FFF公司</td>
<td data-th="公司名稱">己公司</td> <td data-th="公司名稱">己公司</td>
<td data-th="簽約員工數">140</td> <td data-th="簽約員工數">140</td>
<td data-th="建立員工數">150<img src="images/icon/icon-alert.svg" class="ml-1"></td> <td data-th="建立員工數">150<img src="images/icon/icon-alert.svg" class="ml-1"></td>
...@@ -370,6 +406,13 @@ ...@@ -370,6 +406,13 @@
<label class="phone-show">編輯</label> <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#ChangePassword">
<img src="images/icon/icon_passwordChange.svg" class="NB-show iconPT ml-1">
<img src="images/icon/icon_passwordChange-wt.svg" class="phone-show iconPT ml-1">
<label class="phone-show">修改密碼</label>
</button>
</td>
</tr> </tr>
<tr> <tr>
...@@ -383,7 +426,7 @@ ...@@ -383,7 +426,7 @@
</div> </div>
</td> </td>
<td data-th="狀態">使用中</td> <td data-th="狀態">使用中</td>
<td data-th="簽約公司" class="phone-row"> <td data-th="簽約總公司" class="phone-row">
<span class="mr-auto">GGG公司</span> <span class="mr-auto">GGG公司</span>
<div class="custom-control custom-checkbox phone-show"> <div class="custom-control custom-checkbox phone-show">
<input type="checkbox" class="custom-control-input boardCheck" <input type="checkbox" class="custom-control-input boardCheck"
...@@ -403,6 +446,13 @@ ...@@ -403,6 +446,13 @@
<label class="phone-show">編輯</label> <label class="phone-show">編輯</label>
</button> </button>
</td> </td>
<td class="buttonTD pic">
<button type="button" class="btn btn-blue-text" data-toggle="modal" data-target="#ChangePassword">
<img src="images/icon/icon_passwordChange.svg" class="NB-show iconPT ml-1">
<img src="images/icon/icon_passwordChange-wt.svg" class="phone-show iconPT ml-1">
<label class="phone-show">修改密碼</label>
</button>
</td>
</tr> </tr>
</tbody> </tbody>
...@@ -462,7 +512,7 @@ ...@@ -462,7 +512,7 @@
<div class="dropdown-menu 72px" aria-labelledby="dropdownMenuButton"> <div class="dropdown-menu 72px" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#" seleted>狀態</a> <a class="dropdown-item" href="#" seleted>狀態</a>
<a class="dropdown-item" href="#">公司名稱</a> <a class="dropdown-item" href="#">公司名稱</a>
<a class="dropdown-item" href="#">簽約公司</a> <a class="dropdown-item" href="#">簽約總公司</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -485,7 +535,7 @@ ...@@ -485,7 +535,7 @@
<tr class="tr-rwd-hide"> <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>
<th class="sortable sorter">簽約員工數</th> <th class="sortable sorter">簽約員工數</th>
<th class="sortable sorter">交付日期</th> <th class="sortable sorter">交付日期</th>
...@@ -498,7 +548,7 @@ ...@@ -498,7 +548,7 @@
<tr> <tr>
<td data-th="執行">新增</td> <td data-th="執行">新增</td>
<td data-th="執行日期">2021-10-27</td> <td data-th="執行日期">2021-10-27</td>
<td data-th="簽約公司">AAA公司</td> <td data-th="簽約總公司">AAA公司</td>
<td data-th="公司名稱">甲公司</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="交付日期">2021-10-27</td>
...@@ -509,7 +559,7 @@ ...@@ -509,7 +559,7 @@
<tr> <tr>
<td data-th="執行">停用</td> <td data-th="執行">停用</td>
<td data-th="執行日期">2021-10-05</td> <td data-th="執行日期">2021-10-05</td>
<td data-th="簽約公司">BBB公司</td> <td data-th="簽約總公司">BBB公司</td>
<td data-th="公司名稱">乙公司</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="交付日期">2021-10-05</td>
...@@ -520,7 +570,7 @@ ...@@ -520,7 +570,7 @@
<tr> <tr>
<td data-th="執行">啟用</td> <td data-th="執行">啟用</td>
<td data-th="執行日期">2021-09-01</td> <td data-th="執行日期">2021-09-01</td>
<td data-th="簽約公司">CCC公司</td> <td data-th="簽約總公司">CCC公司</td>
<td data-th="公司名稱">丙公司</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="交付日期">2021-09-01</td>
...@@ -531,7 +581,7 @@ ...@@ -531,7 +581,7 @@
<tr> <tr>
<td data-th="執行">編輯</td> <td data-th="執行">編輯</td>
<td data-th="執行日期">2021-08-05</td> <td data-th="執行日期">2021-08-05</td>
<td data-th="簽約公司">DDD公司</td> <td data-th="簽約總公司">DDD公司</td>
<td data-th="公司名稱">丁公司</td> <td data-th="公司名稱">丁公司</td>
<td data-th="簽約員工數">87</td> <td data-th="簽約員工數">87</td>
<td data-th="交付日期">2021-08-05</td> <td data-th="交付日期">2021-08-05</td>
...@@ -542,7 +592,7 @@ ...@@ -542,7 +592,7 @@
<tr> <tr>
<td data-th="執行">編輯</td> <td data-th="執行">編輯</td>
<td data-th="執行日期">2021-10-05</td> <td data-th="執行日期">2021-10-05</td>
<td data-th="簽約公司">EEE公司</td> <td data-th="簽約總公司">EEE公司</td>
<td data-th="公司名稱">戊公司</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-10-05</td>
...@@ -553,7 +603,7 @@ ...@@ -553,7 +603,7 @@
<tr> <tr>
<td data-th="執行">2021-10-29</td> <td data-th="執行">2021-10-29</td>
<td data-th="執行日期">2021-10-29</td> <td data-th="執行日期">2021-10-29</td>
<td data-th="簽約公司">FFF公司</td> <td data-th="簽約總公司">FFF公司</td>
<td data-th="公司名稱">己公司</td> <td data-th="公司名稱">己公司</td>
<td data-th="簽約員工數">140</td> <td data-th="簽約員工數">140</td>
<td data-th="交付日期">2021-10-29</td> <td data-th="交付日期">2021-10-29</td>
...@@ -564,7 +614,7 @@ ...@@ -564,7 +614,7 @@
<tr> <tr>
<td data-th="執行">2021-09-15</td> <td data-th="執行">2021-09-15</td>
<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="簽約總公司" class="phone-row">GGG公司</td>
<td data-th="公司名稱">庚公司<img src="images/icon/icon-point.svg" class="ml-1"></td> <td data-th="公司名稱">庚公司<img src="images/icon/icon-point.svg" class="ml-1"></td>
<td data-th="簽約員工數">38</td> <td data-th="簽約員工數">38</td>
<td data-th="交付日期">2021-09-15</td> <td data-th="交付日期">2021-09-15</td>
...@@ -624,22 +674,21 @@ ...@@ -624,22 +674,21 @@
</button> </button>
</div> </div>
<div class="modal-body password"> <div class="modal-body password">
<div class="row form-group"> <div class="row form-group">
<span class="col-4">舊密碼</span> <span class="col-4">舊密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount" <input type="password" class="form-control form-control-sm col-8" name="systemAdminAccount"
value=""> value="">
<span class="small form-text text-danger w-100 text-center">密碼錯誤。</span> <span class="small form-text text-danger w-100 text-center">密碼錯誤。</span>
</div> </div>
<div class="row form-group"> <div class="row form-group">
<span class="col-4">新密碼</span> <span class="col-4">新密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount" <input type="password" class="form-control form-control-sm col-8" name="systemAdminAccount"
value=""> value="">
<span class="small form-text text-danger w-100 text-center">新密碼與下列不同。</span> <span class="small form-text text-danger w-100 text-center">新密碼與下列不同。</span>
</div> </div>
<div class="row form-group"> <div class="row form-group">
<span class="col-4">確認密碼</span> <span class="col-4">確認密碼</span>
<input type="text" class="form-control form-control-sm col-8" name="systemAdminAccount" <input type="password" class="form-control form-control-sm col-8" name="systemAdminAccount"
value=""> value="">
<span class="small form-text text-danger w-100 text-center">新密碼與上列不同。</span> <span class="small form-text text-danger w-100 text-center">新密碼與上列不同。</span>
</div> </div>
...@@ -890,9 +939,9 @@ ...@@ -890,9 +939,9 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約公司名稱</label> <label class="col-sm-4 col-12 pl-0">簽約總公司名稱</label>
<select name="select" class="custom-select col-sm-8 col-12"> <select name="select" class="custom-select col-sm-8 col-12">
<option selected>請選擇簽約公司名稱</option> <option selected>請選擇簽約總公司名稱</option>
<option value="Asia/Taipei">Asia/Taipei</option> <option value="Asia/Taipei">Asia/Taipei</option>
<option value="XXXX">XXXX</option> <option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option> <option value="OOOO">OOOO</option>
...@@ -901,32 +950,36 @@ ...@@ -901,32 +950,36 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">帳號</label> <label class="col-sm-4 col-12 pl-0">帳號</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="Admin">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">密碼</label> <label class="col-sm-4 col-12 pl-0">密碼</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="password" class="form-control form-control-sm col-sm-8 col-12" placeholder="*******">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">再次輸入密碼</label> <label class="col-sm-4 col-12 pl-0">再次輸入密碼</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="password" 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">E-mail</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">所屬 tenant</label> <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 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">Server IP</label> <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 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">公司名稱</label> <label class="col-sm-4 col-12 pl-0">公司名稱</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">時區</label> <label class="col-sm-4 col-12 pl-0">時區</label>
<select name="select" class="custom-select col-sm-8 col-12"> <select name="select" class="custom-select col-sm-8 col-12">
<!-- <option>請選擇簽約公司名稱</option> --> <!-- <option>請選擇簽約總公司名稱</option> -->
<option value="Asia/Taipei" selected>Asia/Taipei</option> <option value="Asia/Taipei" selected>Asia/Taipei</option>
<option value="XXXX">XXXX</option> <option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option> <option value="OOOO">OOOO</option>
...@@ -935,23 +988,33 @@ ...@@ -935,23 +988,33 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">交付日期</label> <label class="col-sm-4 col-12 pl-0">交付日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 "> <input type="date" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">到期日期</label> <label class="col-sm-4 col-12 pl-0">到期日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="2022/01/11" disabled>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">建立員工數</label> <label class="col-sm-4 col-12 pl-0">建立員工數</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約</label> <label class="col-sm-4 col-12 pl-0">簽約</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label> <label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <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>
<div class="d-flex justify-content-start align-items-center mb-2 pl-0 col-sm-8 col-12">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="StopRightnow" name="defaultExaTest">
<label class="custom-control-label" for="StopRightnow">馬上啟用</label>
</div>
</div>
</div> </div>
<div class="form-group mt-5"> <div class="form-group mt-5">
...@@ -991,9 +1054,9 @@ ...@@ -991,9 +1054,9 @@
</div> </div>
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約公司名稱</label> <label class="col-sm-4 col-12 pl-0">簽約總公司名稱</label>
<select name="select" class="custom-select col-sm-8 col-12"> <select name="select" class="custom-select col-sm-8 col-12">
<option selected>請選擇簽約公司名稱</option> <option selected>請選擇簽約總公司名稱</option>
<option value="Asia/Taipei" selected>Asia/Taipei</option> <option value="Asia/Taipei" selected>Asia/Taipei</option>
<option value="XXXX">XXXX</option> <option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option> <option value="OOOO">OOOO</option>
...@@ -1008,7 +1071,10 @@ ...@@ -1008,7 +1071,10 @@
<label class="col-sm-4 col-12 pl-0">所屬 tenant</label> <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公司"> <input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="AAA公司">
</div> </div>
<div class="form-group row">
<label class="col-sm-4 col-12 pl-0">E-mail</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="test@abc.com">
</div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">資料庫名稱</label> <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"> <input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="C system">
...@@ -1019,12 +1085,12 @@ ...@@ -1019,12 +1085,12 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">公司名稱</label> <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="甲公司"> <input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="甲公司">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">時區</label> <label class="col-sm-4 col-12 pl-0">時區</label>
<select name="select" class="custom-select col-sm-8 col-12"> <select name="select" class="custom-select col-sm-8 col-12">
<!-- <option>請選擇簽約公司名稱</option> --> <!-- <option>請選擇簽約總公司名稱</option> -->
<option value="Asia/Taipei" selected>Asia/Taipei</option> <option value="Asia/Taipei" selected>Asia/Taipei</option>
<option value="XXXX">XXXX</option> <option value="XXXX">XXXX</option>
<option value="OOOO">OOOO</option> <option value="OOOO">OOOO</option>
...@@ -1033,23 +1099,24 @@ ...@@ -1033,23 +1099,24 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">交付日期</label> <label class="col-sm-4 col-12 pl-0">交付日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 "> <input type="date" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">到期日期</label> <label class="col-sm-4 col-12 pl-0">到期日期</label>
<input type="date" class="form-control form-control-sm col-sm-8 col-12 "> <input type="date" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<!-- <div class="form-group row"> <!-- <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">建立員工數</label> <label class="col-sm-4 col-12 pl-0">建立員工數</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> --> </div> -->
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">簽約</label> <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公司"> <input type="text" class="form-control form-control-sm col-sm-8 col-12" placeholder="100">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label> <label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
<span class="small form-text text-danger w-100 text-center">必填欄位</span>
</div> </div>
<div class="form-group mt-5"> <div class="form-group mt-5">
...@@ -1070,6 +1137,51 @@ ...@@ -1070,6 +1137,51 @@
<!--編輯公司 --> <!--編輯公司 -->
<!-- 修改密碼 -->
<div class="modal fade" id="ChangePassword" tabindex="-1" aria-labelledby="ChangePassword"
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="row form-group">
<span class="col-4">帳號</span>
<input type="text" class="form-control form-control-sm col-8" name=""
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="password" class="form-control form-control-sm col-8" name=""
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="password" class="form-control form-control-sm col-8" name=""
value="">
<span class="small form-text text-danger w-100 text-center">新密碼與上列不同。</span>
</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="#SuccessModal">儲存</button>
</div>
</div>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<!--修改密碼 -->
...@@ -1085,14 +1197,23 @@ ...@@ -1085,14 +1197,23 @@
</button> </button>
</div> </div>
<div class="modal-body Addcont"> <div class="modal-body Addcont">
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">停用原因</label> <label class="col-sm-4 col-12 pl-0">停用原因</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12"> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label> <label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <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>
<div class="d-flex justify-content-start align-items-center mb-2 pl-0 col-sm-8 col-12">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input boardCheck"
id="StopAccount" name="defaultExaTest">
<label class="custom-control-label" for="StopAccount">特殊停用</label>
</div>
</div>
</div> </div>
<div class="form-group mt-5"> <div class="form-group mt-5">
...@@ -1101,9 +1222,7 @@ ...@@ -1101,9 +1222,7 @@
<button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SureStopCompanyCount">儲存</button> <button type="button" class="btn btn-wt blue" data-toggle="modal" data-dismiss="modal" data-target="#SureStopCompanyCount">儲存</button>
</div> </div>
</div> </div>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
</div> </div>
...@@ -1169,7 +1288,7 @@ ...@@ -1169,7 +1288,7 @@
</div> </div>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-4 col-12 pl-0">金鑰</label> <label class="col-sm-4 col-12 pl-0">金鑰</label>
<input type="text" class="form-control form-control-sm col-sm-8 col-12 "> <input type="text" class="form-control form-control-sm col-sm-8 col-12">
</div> </div>
<div class="form-group mt-5"> <div class="form-group mt-5">
......
css/style.css
View file @ 9e33fc87
...@@ -355,6 +355,10 @@ label.btn input[type="radio"].with-gap:checked + label:after { ...@@ -355,6 +355,10 @@ label.btn input[type="radio"].with-gap:checked + label:after {
padding: 8px 16px; padding: 8px 16px;
} }
.table.table-hrm td .iconPT {
width: 30px;
}
.table.table-bordered { .table.table-bordered {
border: 1px solid #fff; border: 1px solid #fff;
} }
...@@ -371,11 +375,30 @@ label.btn input[type="radio"].with-gap:checked + label:after { ...@@ -371,11 +375,30 @@ label.btn input[type="radio"].with-gap:checked + label:after {
width: 48px; width: 48px;
} }
.table thead th.pic-edit2 {
width: 96px;
}
.table tbody td.pic-edit { .table tbody td.pic-edit {
width: 48px; width: 48px;
text-align: center; text-align: center;
} }
.table tbody td.pic-edit2 {
width: 96px;
text-align: center;
}
.table tbody td .fas.fa-unlock-alt {
font-size: 36px;
color: #35a9e1;
text-align: center;
}
.table tbody td .fas.fa-unlock-alt.wt {
color: #fff;
}
.pagination { .pagination {
font-size: 0; font-size: 0;
display: -webkit-box; display: -webkit-box;
...@@ -1273,6 +1296,9 @@ h1 { ...@@ -1273,6 +1296,9 @@ h1 {
.table.table-hrm td.pic, .table.table-hrm th.pic { .table.table-hrm td.pic, .table.table-hrm th.pic {
padding: 0px; padding: 0px;
} }
.table.table-hrm .iconPT {
width: 36px !important;
}
.table-rwd { .table-rwd {
min-width: 100%; min-width: 100%;
} }
......
images/icon/icon_passwordChange-wt.svg 0 → 100644
View file @ 9e33fc87
<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
<g fill="#ffffff" fill-rule="evenodd">
<path d="m55.94 40.06 4.5 4.5a1.496 1.496 0 0 0 2.12 0 1.498 1.498 0 0 0 0-2.12l-1.069-1.07a11.949 11.949 0 0 1 3.993 2.646A11.91 11.91 0 0 1 69 52.5c0 3.206-1.248 6.218-3.516 8.484a1.501 1.501 0 0 0 1.06 2.56 1.49 1.49 0 0 0 1.061-.439A14.89 14.89 0 0 0 72 52.5a14.89 14.89 0 0 0-4.395-10.605 14.87 14.87 0 0 0-7.349-4.03l2.304-2.305A1.498 1.498 0 0 0 61.5 33c-.384 0-.768.147-1.06.44l-4.5 4.5a1.498 1.498 0 0 0-.325.487c-.15.366-.15.78 0 1.146.077.184.186.35.325.487M52.5 60a1.498 1.498 0 0 0-1.06 2.56l1.069 1.07a11.949 11.949 0 0 1-3.993-2.646A11.91 11.91 0 0 1 45 52.5a11.91 11.91 0 0 1 3.516-8.484 1.501 1.501 0 0 0-1.06-2.56 1.49 1.49 0 0 0-1.061.439A14.89 14.89 0 0 0 42 52.5a14.89 14.89 0 0 0 4.395 10.605 14.87 14.87 0 0 0 7.348 4.03L51.44 69.44A1.498 1.498 0 0 0 52.5 72c.384 0 .768-.147 1.06-.44l4.5-4.5c.139-.138.248-.303.325-.487.15-.366.15-.78 0-1.146a1.498 1.498 0 0 0-.325-.488l-4.5-4.5A1.496 1.496 0 0 0 52.5 60M36 24h-6V12c0-3.307-2.692-6-6-6s-6 2.693-6 6v12h-6V12c0-6.617 5.384-12 12-12s12 5.383 12 12v12z"/>
<path d="M24 48a6 6 0 1 1 0-12 6 6 0 0 1 0 12m21-24H3c-1.656 0-3 1.344-3 3v30c0 1.656 1.344 3 3 3h34.395A20.95 20.95 0 0 1 36 52.5c0-5.61 2.184-10.884 6.151-14.849a7.446 7.446 0 0 1 5.304-2.196c.185 0 .362.038.545.053V27c0-1.656-1.344-3-3-3"/>
</g>
</svg>
images/icon/icon_passwordChange.svg 0 → 100644
View file @ 9e33fc87
<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
<g fill="#35a9e1" fill-rule="evenodd">
<path d="m55.94 40.06 4.5 4.5a1.496 1.496 0 0 0 2.12 0 1.498 1.498 0 0 0 0-2.12l-1.069-1.07a11.949 11.949 0 0 1 3.993 2.646A11.91 11.91 0 0 1 69 52.5c0 3.206-1.248 6.218-3.516 8.484a1.501 1.501 0 0 0 1.06 2.56 1.49 1.49 0 0 0 1.061-.439A14.89 14.89 0 0 0 72 52.5a14.89 14.89 0 0 0-4.395-10.605 14.87 14.87 0 0 0-7.349-4.03l2.304-2.305A1.498 1.498 0 0 0 61.5 33c-.384 0-.768.147-1.06.44l-4.5 4.5a1.498 1.498 0 0 0-.325.487c-.15.366-.15.78 0 1.146.077.184.186.35.325.487M52.5 60a1.498 1.498 0 0 0-1.06 2.56l1.069 1.07a11.949 11.949 0 0 1-3.993-2.646A11.91 11.91 0 0 1 45 52.5a11.91 11.91 0 0 1 3.516-8.484 1.501 1.501 0 0 0-1.06-2.56 1.49 1.49 0 0 0-1.061.439A14.89 14.89 0 0 0 42 52.5a14.89 14.89 0 0 0 4.395 10.605 14.87 14.87 0 0 0 7.348 4.03L51.44 69.44A1.498 1.498 0 0 0 52.5 72c.384 0 .768-.147 1.06-.44l4.5-4.5c.139-.138.248-.303.325-.487.15-.366.15-.78 0-1.146a1.498 1.498 0 0 0-.325-.488l-4.5-4.5A1.496 1.496 0 0 0 52.5 60M36 24h-6V12c0-3.307-2.692-6-6-6s-6 2.693-6 6v12h-6V12c0-6.617 5.384-12 12-12s12 5.383 12 12v12z"/>
<path d="M24 48a6 6 0 1 1 0-12 6 6 0 0 1 0 12m21-24H3c-1.656 0-3 1.344-3 3v30c0 1.656 1.344 3 3 3h34.395A20.95 20.95 0 0 1 36 52.5c0-5.61 2.184-10.884 6.151-14.849a7.446 7.446 0 0 1 5.304-2.196c.185 0 .362.038.545.053V27c0-1.656-1.344-3-3-3"/>
</g>
</svg>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment