76 lines
3.4 KiB
Plaintext
76 lines
3.4 KiB
Plaintext
<div class="row mb-5">
|
|
<div class="panel-toolbar ml-2">
|
|
<div class="d-flex position-relative ml-auto" style="max-width: 8rem;">
|
|
<div class="form-group">
|
|
<select class="form-control select_user_company" id="select_company_role_roleManager_tab" name="select_user_company_rolemanager_tab" data-tab="#tab-role-manager">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-toolbar ml-2">
|
|
<div class="d-flex position-relative ml-auto" style="max-width: 8rem;">
|
|
<input type="text" class="form-control form-control-sm" id="role_name" name="role_name" placeholder="角色名稱">
|
|
</div>
|
|
</div>
|
|
<button type="button" class="btn btn-primary btn-sm waves-effect waves-themed ml-2" onclick="SearchRole()">搜尋</button>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<a href="javascript:;" class="btn btn-success waves-effect waves-themed mb-3" onclick="AddRole()"><span class="fal fa-plus mr-1"></span> 新增</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<!-- datatable start -->
|
|
<table id="role_table" class="table table-bordered table-hover m-0 text-center">
|
|
<thead class="thead-themed">
|
|
<tr>
|
|
<th>#</th>
|
|
<th>公司</th>
|
|
<th>名稱</th>
|
|
<th>建立人</th>
|
|
<th>建立時間</th>
|
|
<th>功能</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal 角色資料 -->
|
|
<div class="modal fade" id="role-modal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
|
|
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h4 class="modal-title">
|
|
角色資料 - 新增
|
|
</h4>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true"><i class="fal fa-times"></i></span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form class="role-form" id="role-form">
|
|
<div class="row">
|
|
<div class="form-group col-lg-6" style="display:none">
|
|
<label class="form-label" for="role_companyId_modal">公司</label>
|
|
<input type="text" id="role_companyId_modal" name="role_companyId_modal" class="form-control" disabled>
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="user_name_modal"><span class="text-danger">*</span>名稱</label>
|
|
<input type="text" id="role_name_modal" name="role_name_modal" class="form-control">
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
|
|
<button type="button" class="btn btn-primary" onclick="SaveRole()">確定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /.Modal 人員基本資料 -->
|