298 lines
17 KiB
Plaintext
298 lines
17 KiB
Plaintext
<div class="row mb-5">
|
||
<div class="card border mb-g w-100">
|
||
<!-- notice the additions of utility paddings and display properties on .card-header -->
|
||
<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-sm btn-success ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-plus mr-1"></span> 新增
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-cog mr-1"></span> 修改
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row d-flex justify-content-between">
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="addressLabel">地址： </p>
|
||
<select class="form-control" id="company_select">
|
||
<option value="0" selected>全部</option>
|
||
</select>
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="power_station_name_text">電站名稱：</p>
|
||
<select class="form-control" id="company_select">
|
||
<option value="0" selected>全部</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="col-xl-2 justify-content-center">
|
||
<input type="text" id="addressDetail" name="addressDetail" class="form-control">
|
||
</div>
|
||
|
||
</div>
|
||
<div class="row d-flex justify-content-between">
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="power_station_id_text">電站代碼： </p>
|
||
<label class="form-label" id="power_station_id_label" for="power_station_id">電站編號</label>
|
||
<input type="text" id="power_station_id" name="power_station_id" disabled="disabled" class="form-control">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="power_station_name_text">電站名稱：</p>
|
||
<label class="form-label" id="power_station_name_label" for="power_station_name">電站名稱</label>
|
||
<input type="text" id="power_station_name" name="power_station_name" class="form-control">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p>是否為代管 ：</p>
|
||
<p class="color-info-600">
|
||
<div class="custom-control custom-switch">
|
||
<input type="checkbox" class="custom-control-input" id="IsEscrow" name="IsEscrow" disabled="disabled">
|
||
<label class="custom-control-label" for="IsEscrow" id="IsEscrowLabel">No</label>
|
||
</div>
|
||
</p>
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="ElectricityMeterAt_text">台電掛錶日 </p>
|
||
<label class="form-label" id="ElectricityMeterAt_Label" for="ElectricityMeterAt">台電掛錶日</label>
|
||
<input type="date" id="ElectricityMeterAt" name="ElectricityMeterAt" class="form-control">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="EstimatedRecoveryTime_text">預計回收年限：</p>
|
||
<label class="form-label" id="EstimatedRecoveryTime_Label" for="EstimatedRecoveryTime">預計回收年限</label>
|
||
<input type="text" id="EstimatedRecoveryTime" name="EstimatedRecoveryTime" class="form-control">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="CreatedBy_text">資料建立：</p>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex justify-content-between mb-5">
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="GeneratingCapacity_text">電廠發電容量 <br>(kW)</p>
|
||
<label class="form-label" id="GeneratingCapacity_Label" for="GeneratingCapacity">電廠發電容量</label>
|
||
<input type="text" id="GeneratingCapacity" name="GeneratingCapacity" class="form-control">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="power_station_operation_personnel_text">運維人員：</p>
|
||
<select class="js-example-basic-multiple form-control" id="power_station_operation_personnel" multiple="multiple">
|
||
</select>
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="EscrowName_text">被代管公司 ：</p>
|
||
<label class="form-label" id="EscrowName_Lable" for="EscrowName">被代管公司</label>
|
||
<input type="text" id="EscrowName" name="EscrowName" class="form-control" disabled="disabled">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="PowerRate_text">授電費率：</p>
|
||
<label class="form-label" id="PowerRate_Label" for="PowerRate">授電費率</label>
|
||
<input type="text" id="PowerRate" name="PowerRate" class="form-control">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="Coordinate_Text">座標：</p>
|
||
<label class="form-label" id="Coordinate_Label" for="Coordinate">座標</label>
|
||
<input type="text" id="Coordinate" name="Coordinate" class="form-control">
|
||
</div>
|
||
<div class="col-xl-2 justify-content-center">
|
||
<p id="CreatedAt_Text">建立時間：</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">逆變器</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-4">
|
||
<p id="InverterBrand_text">廠牌：<span class="color-info-600">AUO</span></p>
|
||
<label class="form-label" id="InverterBrand_Label" for="InverterBrand">廠牌</label>
|
||
<input type="text" id="InverterBrand" name="InverterBrand" class="form-control">
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p id="InverterProductModel_text">型號 ：<span class="color-info-600">PM060MW2_305</span></p>
|
||
<label class="form-label" id="InverterProductModel_Label" for="InverterProductModel">型號</label>
|
||
<input type="text" id="InverterProductModel" name="InverterProductModel" class="form-control">
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p id="InverterAmount_text">數量：<span class="color-info-600">400</span></p>
|
||
<label class="form-label" id="InverterAmount_Label" for="InverterAmount">數量</label>
|
||
<input type="text" id="InverterAmount" name="InverterAmount" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">光電板</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-4">
|
||
<p id="PhotovoltaicPanelBrand_text">廠牌：<span class="color-info-600">ABLYTEK</span></p>
|
||
<label class="form-label" id="PhotovoltaicPanelBrand_Label" for="PhotovoltaicPanelBrand">廠牌</label>
|
||
<input type="text" id="PhotovoltaicPanelBrand" name="PhotovoltaicPanelBrand" class="form-control">
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p id="PhotovoltaicPanelSpecification_text">規格 ：<span class="color-info-600">1640×992×40</span></p>
|
||
<label class="form-label" id="PhotovoltaicPanelSpecification_Label" for="PhotovoltaicPanelSpecification">規格</label>
|
||
<input type="text" id="PhotovoltaicPanelSpecification" name="PhotovoltaicPanelSpecification" class="form-control">
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p id="PhotovoltaicPanelAmount_text">數量：<span class="color-info-600">1116</span></p>
|
||
<label class="form-label" id="PhotovoltaicPanelAmount_Label" for="PhotovoltaicPanelAmount">數量</label>
|
||
<input type="text" id="PhotovoltaicPanelAmount" name="PhotovoltaicPanelAmount" class="form-control">
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p id="PhotovoltaicPanelProductModel_text">型號 ：<span class="color-info-600">6MN6A295</span></p>
|
||
<label class="form-label" id="PhotovoltaicPanelProductModel_Label" for="PhotovoltaicPanelProductModel">型號</label>
|
||
<input type="text" id="PhotovoltaicPanelProductModel" name="PhotovoltaicPanelProductModel" class="form-control">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="row mb-5" id="BoEPart">
|
||
<div class="card border mb-g w-100">
|
||
<!-- notice the additions of utility paddings and display properties on .card-header -->
|
||
<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-sm btn-success ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-plus mr-1"></span> 新增
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-cog mr-1"></span> 修改
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">經濟部能源局</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-6">
|
||
<p>能源局同意檔案：<span class="color-info-600">台北市內湖區中山路一段1001號</span></p>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<p>折扣率 ：<span class="color-info-600">2018-01-01</span></p>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<p>能源局設備登記編號：<span class="color-info-600">25.0726625,121.5725953</span></p>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<p>租金比例 (%) <span class="color-info-600">10</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xl-6">
|
||
<h5 class="border-bottom font-weight-bold mb-3 pl-5 pb-3">台電資訊</h5>
|
||
<div class="row d-flex justify-content-between px-5">
|
||
<div class="col-xl-4">
|
||
<p>契約編號 <span class="color-info-600">鋼鐵人</span></p>
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p>售電期限(年) <span class="color-info-600">20</span></p>
|
||
</div>
|
||
<div class="col-xl-4 text-right">
|
||
<p>正式購電日 <span class="color-info-600">2018-10-01</span></p>
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p>簽約日期 <span class="color-info-600">0828-123456</span></p>
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p>每期抄錶日 <span class="color-info-600">10日</span></p>
|
||
</div>
|
||
<div class="col-xl-4 text-right">
|
||
<p>正式售電日 <span class="color-info-600">2018-10-01</span></p><br><br>
|
||
<p>資料建立：<span class="color-info-600">蜘蛛人</span></p>
|
||
<p>建立時間：<span class="color-info-600">2018-10-01 12:00</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<div class="row mb-5" id="land_buildingPart">
|
||
<div class="card border mb-g w-100">
|
||
<!-- notice the additions of utility paddings and display properties on .card-header -->
|
||
<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-sm btn-success ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-plus mr-1"></span> 新增
|
||
</a>
|
||
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-cog mr-1"></span> 修改
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="card-body">
|
||
<div class="row d-flex justify-content-between">
|
||
<div class="col-xl">
|
||
<p>地址 <span class="color-info-600">台北市內湖區中山路一段1001號</span></p>
|
||
<p>經緯度 <span class="color-info-600">25.0726625,121.5725953</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>租約公證日期 <span class="color-info-600">新竹巨城站</span></p>
|
||
<p>租金比例 (%) <span class="color-info-600">10</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>地主姓名 <span class="color-info-600">鋼鐵人</span></p>
|
||
<p>電話 <span class="color-info-600">0828-123456</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>房屋用途 <span class="color-info-600">工廠</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>資料建立 <span class="color-info-600">蜘蛛人</span></p>
|
||
<p>建立時間 <span class="color-info-600">2018-10-01 12:00</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="card-body">
|
||
<div class="row d-flex justify-content-between">
|
||
<div class="col-xl">
|
||
<p>地址 <span class="color-info-600">台北市內湖區中山路一段1001號</span></p>
|
||
<p>經緯度 <span class="color-info-600">25.0726625,121.5725953</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>租約公證日期 <span class="color-info-600">新竹巨城站</span></p>
|
||
<p>租金比例 (%) <span class="color-info-600">10</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>地主姓名 <span class="color-info-600">鋼鐵人</span></p>
|
||
<p>電話 <span class="color-info-600">0828-123456</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>房屋用途 <span class="color-info-600">工廠</span></p>
|
||
</div>
|
||
<div class="col-xl">
|
||
<p>資料建立 <span class="color-info-600">蜘蛛人</span></p>
|
||
<p>建立時間 <span class="color-info-600">2018-10-01 12:00</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
<div class="card-body">
|
||
<div class="row">
|
||
<div class="col-12 text-right">
|
||
<a href="javascript:;" class="btn btn-sm btn-success ml-auto waves-effect waves-themed">
|
||
<span class="fal fa-plus mr-1"></span> 新增
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|