forked from dk96/QuotationMaker
220 lines
12 KiB
Plaintext
220 lines
12 KiB
Plaintext
@*
|
|
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
|
|
*@
|
|
@{
|
|
Layout = "_LooperLayout";
|
|
}
|
|
|
|
@section Style {
|
|
<link rel="stylesheet" href="~/assets/vendor/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css">
|
|
}
|
|
@section Script {
|
|
<script src="~/assets/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
|
|
<script src="~/assets/vendor/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
|
|
<script src="~/assets/vendor/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
|
|
<script src="~/assets/javascript/pages/dataTables.bootstrap.js"></script>
|
|
<script src="~/assets/javascript/custom/companylist.js" asp-append-version="true"></script>
|
|
}
|
|
|
|
<div class="page-inner">
|
|
<!-- .page-title-bar -->
|
|
<header class="page-title-bar">
|
|
<!-- .breadcrumb -->
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item active">
|
|
<a href="#"><i class="breadcrumb-icon fa fa-angle-left mr-2"></i>客戶清單</a>
|
|
</li>
|
|
</ol>
|
|
</nav><!-- /.breadcrumb -->
|
|
<!-- title -->
|
|
<h1 class="page-title"> 客戶清單 </h1>
|
|
<p class="text-muted"> </p><!-- /title -->
|
|
</header><!-- /.page-title-bar -->
|
|
<!-- .page-section -->
|
|
<div class="page-section">
|
|
<button type="button" id="maintItemNewModal" class="btn btn-primary btn-floated position-absolute" title="Add new client"><i class="fa fa-plus"></i></button>
|
|
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<!-- .card-body -->
|
|
<div class="card-body">
|
|
<!-- .table -->
|
|
<table id="dt-responsive" class="table dt-responsive nowrap w-100">
|
|
<thead>
|
|
<tr>
|
|
<th> 公司名稱 </th>
|
|
<th> 統編 </th>
|
|
<th> 電話 </th>
|
|
<th> 地址 </th>
|
|
<th> 功能 </th>
|
|
</tr>
|
|
</thead>
|
|
|
|
</table><!-- /.table -->
|
|
</div><!-- /.card-body -->
|
|
</div><!-- /.card -->
|
|
</div><!-- /.page-section -->
|
|
</div>
|
|
|
|
<!-- .modal -->
|
|
<form id="clientItemEditForm" name="clientItemEditForm">
|
|
<div class="modal fade" id="mainItemModal" tabindex="-1" role="dialog" aria-labelledby="mainItemModalLabel" data-backdrop="static"
|
|
data-keyboard="false" aria-hidden="true">
|
|
<!-- .modal-dialog -->
|
|
<div class="modal-dialog" role="document">
|
|
<!-- .modal-content -->
|
|
<div class="modal-content">
|
|
<!-- .modal-header -->
|
|
<div class="modal-header">
|
|
<h6 id="mainItemModalLabel" class="modal-title inline-editable">
|
|
<span class="sr-only">客戶公司資料</span> <input id="group_content" type="text" class="form-control form-control-lg" value="" placeholder="客戶公司資料" readonly="readonly " required="">
|
|
</h6>
|
|
</div><!-- /.modal-header -->
|
|
<!-- .modal-body -->
|
|
<div class="modal-body">
|
|
<input type="hidden" id="company_method" />
|
|
<input type="hidden" id="company_uid" />
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_company_name" class="form-control" value="" placeholder="公司名稱" maxlength="30" required=""> <label for="modal_company_name">公司名稱</label>
|
|
</div>
|
|
</div>
|
|
<!-- /.form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_company_serialNo" class="form-control" value="" placeholder="統編" maxlength="30" required=""> <label for="modal_company_serialNo">統編</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- /.form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_company_address" class="form-control" value="" placeholder="地址" maxlength="35" required=""> <label for="modal_company_address">地址</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- /.form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_company_tel" class="form-control" value="" placeholder="電話" maxlength="20" required=""> <label for="modal_company_tel">電話</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- /.form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_company_fax" class="form-control" value="" placeholder="傳真" maxlength="20" required=""> <label for="modal_company_fax">傳真</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
</div><!-- /.modal-body -->
|
|
<!-- .modal-footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" id="mainItemDialogSaveBtn" class="btn btn-primary">Save</button> <button type="button" class="btn btn-light" data-dismiss="modal">Close</button>
|
|
</div><!-- /.modal-footer -->
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div>
|
|
</form><!-- /.modal -->
|
|
<!-- .modal -->
|
|
<form id="clientSubItemListForm" name="clientSubItemListForm">
|
|
<div class="modal fade" id="clientSubItemListModal" tabindex="-1" role="dialog" aria-labelledby="clientSubItemListModalLabel" data-backdrop="static"
|
|
data-keyboard="false" aria-hidden="true">
|
|
<!-- .modal-dialog -->
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<!-- .modal-content -->
|
|
<div class="modal-content">
|
|
<!-- .modal-header -->
|
|
<div class="modal-header">
|
|
<h6 id="clientNewModalLabel" class="modal-title inline-editable">
|
|
<span class="sr-only">窗口列表</span> <input id="mainItemTitle" type="text" class="form-control form-control-lg" placeholder="窗口列表" required="">
|
|
</h6>
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
|
|
</button>
|
|
</div><!-- /.modal-header -->
|
|
<!-- .modal-body -->
|
|
<div class="modal-body">
|
|
<input type="hidden" id="subItemList_method" />
|
|
<input type="hidden" id="subItemList_contactPerson_uid" />
|
|
<input type="hidden" id="subItemList_company_uid" />
|
|
<!-- .page-section -->
|
|
<div class="page-section">
|
|
<button type="button" id="subItemListNewBtn" class="btn btn-primary btn-floated position-absolute" title="Add new client"><i class="fa fa-plus"></i></button>
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<!-- .card-body -->
|
|
<div class="card-body">
|
|
<!-- .table -->
|
|
<table id="dt-responsive-subItem" class="table dt-responsive nowrap w-100">
|
|
<thead>
|
|
<tr>
|
|
<th> 姓名 </th>
|
|
<th> Email </th>
|
|
<th> 電話 </th>
|
|
<th style="width: 25px;"> </th>
|
|
</tr>
|
|
</thead>
|
|
|
|
</table><!-- /.table -->
|
|
</div><!-- /.card-body -->
|
|
</div><!-- /.card -->
|
|
</div><!-- /.page-section -->
|
|
</div><!-- /.modal-body -->
|
|
<!-- .modal-footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" id="kolSaveBtn" style="visibility:hidden;" class="btn btn-primary">儲存</button> <button id="closeBtn" type="button" class="btn btn-light" data-dismiss="modal">關閉</button>
|
|
</div><!-- /.modal-footer -->
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div>
|
|
</form><!-- /.modal -->
|
|
|
|
<!-- .modal -->
|
|
<form id="clientSubItemModalForm" name="clientSubItemModalForm">
|
|
<div class="modal fade" id="clientSubItemModal" tabindex="-1" role="dialog" aria-labelledby="clientSubItemModalLabel" data-backdrop="static"
|
|
data-keyboard="false" aria-hidden="true">
|
|
<!-- .modal-dialog -->
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<!-- .modal-content -->
|
|
<div class="modal-content">
|
|
<!-- .modal-header -->
|
|
<div class="modal-header">
|
|
<h6 id="clientSubItemModalLabel" class="modal-title inline-editable">
|
|
<span class="sr-only">Client name</span> <input id="clientSubItemModalTitle" type="text" class="form-control form-control-lg" placeholder="子項目資料新增與維護" required="">
|
|
</h6>
|
|
<button type="button" class="close" data-dismiss="modal">
|
|
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
|
|
</button>
|
|
</div><!-- /.modal-header -->
|
|
<!-- .modal-body -->
|
|
<div class="modal-body">
|
|
<input type="hidden" id="clientSubItem_method" />
|
|
<input type="hidden" id="clientSubItem_contactPerson_uid" />
|
|
<input type="hidden" id="clientSubItem_company_uid" />
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_contactPerson_name" class="form-control" value="" placeholder="姓名" maxlength="16" required=""> <label for="modal_contactPerson_name">姓名</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_contactPerson_email" class="form-control" value="" placeholder="Email" maxlength="30" required=""> <label for="modal_contactPerson_name">Email</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="modal_contactPerson_tel" class="form-control" value="" placeholder="電話" maxlength="20" required=""> <label for="modal_contactPerson_tel">電話</label>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
|
|
</div><!-- /.modal-body -->
|
|
<!-- .modal-footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" id="clientSubItemSaveBtn" class="btn btn-primary">儲存</button> <button id="closeBtn" type="button" class="btn btn-light" data-dismiss="modal">關閉</button>
|
|
</div><!-- /.modal-footer -->
|
|
</div><!-- /.modal-content -->
|
|
</div><!-- /.modal-dialog -->
|
|
</div>
|
|
</form><!-- /.modal --> |