290 lines
14 KiB
Plaintext
290 lines
14 KiB
Plaintext
<div class="row mb-5">
|
|
<div class="card border mb-g w-100">
|
|
<div class="card-header bg-fusion-50 pr-3 d-flex align-items-center flex-wrap justify-content-between">
|
|
<!-- we wrap header title inside a div tag with utility padding -->
|
|
<div class="card-title font-weight-bold">控制器</div>
|
|
<div class="text-right ">
|
|
<a href="javascript:;" class="btn btn-success waves-effect waves-themed mb-3" id="addController-btn" onclick="AddController()">
|
|
<span class="fal fa-plus mr-1"></span> 新增
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="w-100">
|
|
<table id="Controller_table" class="table table-bordered table-hover m-0 text-center">
|
|
<thead class="thead-themed">
|
|
<tr>
|
|
<th>控制器編號</th>
|
|
<th>建立時間</th>
|
|
<th>建立人</th>
|
|
<th>功能</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card border mb-g w-100">
|
|
<div class="card-header bg-fusion-50 pr-3 d-flex align-items-center flex-wrap justify-content-between">
|
|
<!-- we wrap header title inside a div tag with utility padding -->
|
|
<div class="card-title font-weight-bold">逆變器</div>
|
|
<div class="text-right">
|
|
<a href="javascript:;" class="btn btn-success waves-effect waves-themed mb-3" id="addInverter-btn" onclick="AddInverter()">
|
|
<span class="fal fa-plus mr-1"></span> 新增
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="w-100">
|
|
<table id="Inverter_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>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card border mb-g w-100">
|
|
<div class="card-header bg-fusion-50 pr-3 d-flex align-items-center flex-wrap justify-content-between">
|
|
<!-- we wrap header title inside a div tag with utility padding -->
|
|
<div class="card-title font-weight-bold">裝置設定</div>
|
|
<div class="text-right">
|
|
<a href="javascript:;" class="btn btn-success waves-effect waves-themed mb-3" id="addDevice-btn" onclick="AddDevice()">
|
|
<span class="fal fa-plus mr-1"></span> 新增
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="w-100">
|
|
<table id="Device_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>
|
|
<th>DBName</th>
|
|
<th>tableName</th>
|
|
<th>columnName</th>
|
|
<th>備註</th>
|
|
<th>功能</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card border mb-g w-100">
|
|
<div class="card-header bg-fusion-50 pr-3 d-flex align-items-center flex-wrap justify-content-between">
|
|
<!-- we wrap header title inside a div tag with utility padding -->
|
|
<div class="card-title font-weight-bold">共用裝置</div>
|
|
<div class="text-right">
|
|
<a href="javascript:;" class="btn btn-success waves-effect waves-themed mb-3" id="addShareDevice-btn" onclick="AddShareDevice()">
|
|
<span class="fal fa-plus mr-1"></span> 新增
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="w-100">
|
|
<table id="ShareDevice_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>
|
|
<th>DBName</th>
|
|
<th>tableName</th>
|
|
<th>columnName</th>
|
|
<th>備註</th>
|
|
<th>功能</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="Controller-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="Controller-form" id="Controller-form">
|
|
<div class="row">
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="Controller_Count_modal"><span class="text-danger">*</span>控制器數量</label>
|
|
<input type="number" id="Controller_Count_modal" name="Device_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="SaveController()">確定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="Inverter-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="Inverter-form" id="Inverter-form">
|
|
<div class="row">
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="Inverter_ControllerId_modal"><span class="text-danger">*</span>逆變器編號</label>
|
|
<select class="form-control" id="Inverter_ControllerId_modal">
|
|
</select>
|
|
</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="SaveInverter()">確定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="Device-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="Device-form" id="Device-form">
|
|
|
|
<div class="row">
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="Device_Controller_modal"><span class="text-danger">*</span>控制器編號</label>
|
|
<select class="form-control" id="Device_Controller_modal">
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="Device_Type_modal"><span class="text-danger">*</span>裝置類型</label>
|
|
<select class="form-control" id="Device_Type_modal">
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="Device_Brand_modal"><span class="text-danger">*</span>廠牌</label>
|
|
<input type="text" id="Device_Brand_modal" name="Device_Brand_modal" class="form-control">
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="Device_ProductModel_modal"><span class="text-danger">*</span>型號</label>
|
|
<input type="text" id="Device_ProductModel_modal" name="Device_ProductModel_modal" class="form-control">
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<div style="margin-bottom: 0.3rem">
|
|
<label class="form-label" for="Device_DBName_modal"><span class="text-danger">*</span>DBName</label>
|
|
<input type="text" id="Device_DBName_modal" name="Device_DBName_modal" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<div style="margin-bottom: 0.3rem">
|
|
<label class="form-label" for="Device_TableName_modal"><span class="text-danger">*</span>tableName</label>
|
|
<input type="text" id="Device_TableName_modal" name="Device_TableName_modal" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<div style="margin-bottom: 0.3rem">
|
|
<label class="form-label" for="Device_ColName_modal"><span class="text-danger">*</span>columnName</label>
|
|
<input type="text" id="Device_ColName_modal" name="Device_ColName_modal" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<div style="margin-bottom: 0.3rem">
|
|
<label class="form-label" for="Device_Remark_modal">備註</label>
|
|
<input type="text" id="Device_Remark_modal" name="Device_Remark_modal" class="form-control">
|
|
</div>
|
|
</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="SaveDevice()">確定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="ShareDevice-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="ShareDevice-form" id="ShareDevice-form">
|
|
<div class="row">
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="ShareDevice_PowerStationId_modal"><span class="text-danger">*</span>電站編號</label>
|
|
<select class="form-control" id="ShareDevice_PowerStationId_modal">
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-lg-6">
|
|
<label class="form-label" for="ShareDevice_UID_modal"><span class="text-danger">*</span>設備編號</label>
|
|
<select class="form-control" id="ShareDevice_UID_modal">
|
|
</select>
|
|
</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="SaveShareDevice()">確定</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |