forked from dk96/QuotationMaker
417 lines
23 KiB
Plaintext
417 lines
23 KiB
Plaintext
@*
|
|
For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
|
|
*@
|
|
@{
|
|
Layout = "_LooperLayout";
|
|
}
|
|
|
|
@section Style {
|
|
<style type="text/css">
|
|
.cards tbody tr {
|
|
float: left;
|
|
width: 19rem;
|
|
margin: 0.5rem;
|
|
border: 0.0625rem solid rgba(0, 0, 0, .125);
|
|
border-radius: .25rem;
|
|
box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.cards tbody td {
|
|
display: block;
|
|
}
|
|
|
|
.cards thead {
|
|
display: none;
|
|
}
|
|
|
|
.cards td:before {
|
|
content: attr(data-label);
|
|
position: relative;
|
|
float: left;
|
|
color: #808080;
|
|
min-width: 4rem;
|
|
margin-left: 0;
|
|
margin-right: 1rem;
|
|
text-align: left;
|
|
}
|
|
|
|
tr.selected td:before {
|
|
color: #CCC;
|
|
}
|
|
|
|
.table .avatar {
|
|
width: 50px;
|
|
}
|
|
|
|
.cards .avatar {
|
|
width: 150px;
|
|
height: 150px;
|
|
margin: 15px;
|
|
}
|
|
</style>
|
|
}
|
|
@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/vendor/datepicker/js/bootstrap-datepicker.min.js"></script>
|
|
<script src="~/assets/vendor/datepicker/locales/bootstrap-datepicker.zh-TW.min.js"></script>
|
|
<script src="~/assets/javascript/custom/projectlist.js" asp-append-version="true"></script>
|
|
}
|
|
|
|
<!-- .page-inner -->
|
|
<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 -->
|
|
|
|
<div class="page-section">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<!-- #accordion2 -->
|
|
<div id="accordion1" class="card-expansion">
|
|
<!-- .card -->
|
|
<div class="card card-expansion-item expanded">
|
|
<div class="card-header border-0" id="headingOne1">
|
|
<button id="adv-search-btn" class="btn btn-reset d-flex justify-content-between w-100" data-toggle="collapse" data-target="#collapseOne1" aria-expanded="false" aria-controls="collapseOne1"><span>進階搜尋</span> <span class="collapse-indicator"><i class="fa fa-fw fa-chevron-down"></i></span></button>
|
|
</div>
|
|
<div>
|
|
<div id="collapseOne1" class="collapse" aria-labelledby="headingOne1" data-parent="#accordion1">
|
|
<div class="card-body pt-0">
|
|
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="control-label" for="dateStart">起</label>
|
|
<input id="dateStart" type="text" class="form-control flatpickr-input active" data-toggle="flatpickr" data-date-format="m.y" data-monthselect="true" readonly="readonly">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label class="control-label" for="dateEnd">迄</label>
|
|
<input id="dateEnd" type="text" class="form-control flatpickr-input active" data-toggle="flatpickr" data-date-format="m.y" data-monthselect="true" readonly="readonly">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="dept_select">單位</label>
|
|
<select class="custom-select custom-select-sm" id="dept_select" name="dept_select" required="">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="search_btn" style="display: block;"> </label>
|
|
<button type="button" class="btn btn-info btn-sm" id="search_btn">篩選</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- .page-section -->
|
|
<div class="page-section">
|
|
<button type="button" id="projectNewBtn" class="btn btn-primary btn-floated" 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><!-- /.page-inner -->
|
|
<!-- Keep in mind that modals should be placed outsite of page sidebar -->
|
|
<!-- .modal -->
|
|
<form id="clientProjectForm" name="clientProjectForm">
|
|
<div class="modal fade" id="clientProjectModal" tabindex="-1" role="dialog" aria-labelledby="clientProjectModalLabel" 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="clientProjectModalLabel" class="modal-title inline-editable">
|
|
<span class="sr-only">Client name</span> <input id="modelTitle" 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="project_method" />
|
|
<input type="hidden" id="project_uid" />
|
|
<!-- .form-row -->
|
|
<div class="form-row">
|
|
|
|
<div class="col-md-12" id="project_name_div">
|
|
<div class="form-group">
|
|
<label for="project_name">專案名稱</label> <input type="text" id="project_name" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12" id="prm_project_serial">
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<label class="control-label" for="company_select">客戶公司</label> <select id="company_select" class="form-control">
|
|
</select>
|
|
</div><!-- /.form-group -->
|
|
|
|
</div>
|
|
|
|
<div class="col-md-12" id="project_year_month_div">
|
|
<div class="form-group">
|
|
<label for="project_ps">備註</label> <input type="text" id="project_ps" maxlength="32" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
</div><!-- /.form-row -->
|
|
|
|
|
|
</div><!-- /.modal-body -->
|
|
<!-- .modal-footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" id="projectSaveBtn" 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="clientQuotationListForm" name="clientQuotationListForm">
|
|
<div class="modal fade" id="clientQuotationListModal" tabindex="-1" role="dialog" aria-labelledby="clientQuotationListModalLabel" 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="QuotationTitle" 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="quotation_project_uid" />
|
|
<input type="hidden" id="quotation_company_uid" />
|
|
<!-- .page-section -->
|
|
<div class="page-section">
|
|
<button type="button" id="QuotationListNewBtn" class="btn btn-primary btn-floated position-absolute" title="Add new client"><i class="fa fa-plus"></i></button>
|
|
|
|
<div class="section-block">
|
|
<div class="col-lg-12">
|
|
<div id="project_info_div" class="alert alert-info" role="alert">
|
|
專案名稱:
|
|
客戶名稱:
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- .card -->
|
|
<div class="card card-fluid">
|
|
<!-- .card-body -->
|
|
<div class="card-body">
|
|
<!-- .table -->
|
|
<table id="dt-responsive-quotation" class="table dt-responsive nowrap w-100">
|
|
<thead>
|
|
<tr>
|
|
<th> 報價單名稱 </th>
|
|
<th> 建立時間 </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="QuotationSaveBtn" 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="clientModelQuotationForm" name="clientModelQuotationForm">
|
|
<div class="modal fade" id="clientModelQuotationModal" tabindex="-1" role="dialog" aria-labelledby="clientModelQuotationModalLabel" data-backdrop="static" aria-hidden="true">
|
|
<!-- .modal-dialog -->
|
|
<div class="modal-dialog modal-xl" role="document">
|
|
<!-- .modal-content -->
|
|
<div class="modal-content">
|
|
<!-- .modal-header -->
|
|
<div class="modal-header">
|
|
<h6 id="quotationModalLabel" class="modal-title inline-editable">
|
|
<span class="sr-only">報價單內容</span> <input id="quotationTitle_name" type="text" class="form-control form-control-lg" value="" placeholder="報價單內容" readonly="readonly" 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="quotation_method" />
|
|
<input type="hidden" id="quotation_uid" />
|
|
<input type="hidden" id="quotation_version" />
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<label>報價單編輯方式 (儲存後無法變更)</label>
|
|
<div class="custom-control custom-radio mb-1">
|
|
<input type="radio" class="custom-control-input" name="rdGroup3" id="quotation_custom" checked> <label class="custom-control-label" for="quotation_custom">自訂</label>
|
|
</div>
|
|
<div class="custom-control custom-radio mb-1">
|
|
<input type="radio" class="custom-control-input" name="rdGroup3" id="quotation_temp"> <label class="custom-control-label" for="quotation_temp">範本</label>
|
|
<div class="custom-control-hint">
|
|
<div class="form-row">
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="modelProject_select">類型</label>
|
|
<select class="custom-select custom-select-sm" id="modelProject_select" name="modelProject_select" required="">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="modelQuotation_select">範本</label>
|
|
<select class="custom-select custom-select-sm" id="modelQuotation_select" name="modelQuotation_select" required="">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<div class="form-group">
|
|
<label for="search_btn" style="display: block;"> </label>
|
|
<button type="button" class="btn btn-info btn-sm" id="applyTemp_btn">套用範本</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input id="quotation_date" type="text" class="form-control flatpickr-input" data-toggle="flatpickr" data-date-format="Y/m/d" readonly="readonly" placeholder="報價日期"><label for="quotation_date">報價日期</label>
|
|
<input type="hidden" id="quotation_date" />
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input id="quotation_range" type="text" class="form-control flatpickr-input active" data-toggle="flatpickr" data-mode="range" data-date-format="Y/m/d" data-default-dates="['today', 'today']" readonly="readonly" placeholder="報價單有效期限">
|
|
<label for="quotation_range">報價單有效期限</label>
|
|
<input type="hidden" id="quotation_expStart" />
|
|
<input type="hidden" id="quotation_expEnd" />
|
|
<input type="hidden" id="quotation_expStart_old" />
|
|
<input type="hidden" id="quotation_expEnd_old" />
|
|
</div>
|
|
</div>
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="quotation_name" class="form-control" value="" placeholder="報價單名稱" maxlength="50" required=""> <label for="quotation_name">報價單名稱</label>
|
|
<input type="hidden" id="quotation_name_old" />
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<div class="form-group">
|
|
<label for="contactPerson_uid">窗口</label>
|
|
<select class="custom-select custom-select-sm" id="contactPerson_uid" name="contactPerson_uid" required="">
|
|
</select>
|
|
<input type="hidden" id="contactPerson_uid_old" />
|
|
</div>
|
|
<!-- grid row -->
|
|
<div id="quotatiion_div" class="row">
|
|
<div class="card-body border-top">
|
|
<button id="addModelMainItemBtn" type="button" class="btn btn-primary btn-lg btn-block">新增工作主項目</button>
|
|
</div>
|
|
|
|
|
|
<div id="modelItem_div" class="col-lg-12">
|
|
</div>
|
|
</div>
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="quotation_noTaxTotal" class="form-control" value="" placeholder="專案總價" maxlength="16" required="" readonly="readonly" /> <label for="quotation_noTaxTotal">專案總價</label>
|
|
<input type="hidden" id="quotation_noTaxTotal_old" />
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="quotation_specTotal" class="form-control" value="" placeholder="專案優惠總價" maxlength="14" required="" /> <label for="quotation_specTotal">專案優惠總價</label>
|
|
<input type="hidden" id="quotation_specTotal_old" />
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="quotation_tax" class="form-control" value="" placeholder="加值營業稅 VAT (5%)" maxlength="12" required="" /> <label for="quotation_tax">加值營業稅 VAT (5%)</label>
|
|
<input type="hidden" id="quotation_tax_old" />
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<!-- .form-group -->
|
|
<div class="form-group">
|
|
<div class="form-label-group">
|
|
<input type="text" id="quotation_grandTotal" class="form-control" value="" placeholder="總計 Grand Total" maxlength="15" required="" /> <label for="quotation_grandTotal">總計 Grand Total</label>
|
|
<input type="hidden" id="總計 Grand Total_old" />
|
|
</div>
|
|
</div><!-- /.form-group -->
|
|
<div class="form-group">
|
|
<label for="quotation_sa">製作及維護服務協議條款 </label>
|
|
<textarea class="form-control" id="quotation_sa" rows="6" placeholder="製作及維護服務協議條款"></textarea>
|
|
<textarea class="form-control" id="quotation_sa_old" rows="6" style="display:none;" placeholder="製作及維護服務協議條款"></textarea>
|
|
</div>
|
|
</div><!-- /.modal-body -->
|
|
<!-- .modal-footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" id="modelQuotationDialogSaveBtn" 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 --> |