373 lines
24 KiB
Plaintext
373 lines
24 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-25 py-2 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-warning ml-auto waves-effect waves-themed" id="add-station-info-btn" onclick="SaveStationInfo()">
|
|
<span class="fal fa-save mr-1"></span> 儲存
|
|
</a>
|
|
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed" id="edit-station-info-btn" onclick="ChangeMode('station_info', 'edit')">
|
|
<span class="fal fa-cog mr-1"></span> 修改
|
|
</a>
|
|
<a href="javascript:;" class="btn btn-sm btn-dark ml-auto waves-effect waves-themed" id="canecl-station-info-btn" onclick="ChangeMode('station_info', 'view')">
|
|
<span class="fal fa-redo mr-1"></span> 取消
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row mb-3 d-flex justify-content-between">
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="city_label">縣市</label>
|
|
<div class="col-xl-8">
|
|
<select class="form-control" id="select_city">
|
|
<option value="0" selected>全部</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="area_label">地區</label>
|
|
<div class="col-xl-8">
|
|
<select class="form-control" id="select_area">
|
|
<option value="0" selected>全部</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row align-items-center">
|
|
<label class="col-xl-4 form-label" id="area_label">地址</label>
|
|
<div class="col-xl-8">
|
|
<label id="address_detail_text" class="color-info-600"></label>
|
|
<input type="text" id="address_detail" name="address_detail" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="solar_tpye_label">電站類型</label>
|
|
<div class="col-xl-8">
|
|
<select class="form-control" id="select_solar_tpye">
|
|
<option value="0" selected>自建躉售</option>
|
|
<option value="1" selected>租建躉售</option>
|
|
<option value="2" selected>自建自用</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3 d-flex justify-content-between">
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="power_station_code_label" for="power_station_code">電站編號</label>
|
|
<div class="col-xl-8">
|
|
<label id="power_station_code_text" class="color-info-600"></label>
|
|
@*<input type="text" id="power_station_code" name="power_station_code" disabled="disabled" class="form-control">*@
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="power_station_name_label" for="power_station_name">電站名稱</label>
|
|
<div class="col-xl-8">
|
|
<label id="power_station_name_text" class="color-info-600"></label>
|
|
<input type="text" id="power_station_name" name="power_station_name" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label">是否為代管</label>
|
|
<div class="col-xl-8">
|
|
<p class="color-info-600">
|
|
<div class="custom-control custom-switch">
|
|
<input type="checkbox" class="custom-control-input" id="check_escrow" name="check_escrow" disabled="disabled">
|
|
<label class="custom-control-label" for="check_escrow" id="check_escrow_label">No</label>
|
|
</div>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="escrow_name_lable" for="escrow_name">被代管公司</label>
|
|
<div class="col-xl-8">
|
|
<label id="escrow_name_text" class="color-info-600"></label>
|
|
<input type="text" id="escrow_name" name="escrow_name" class="form-control" disabled="disabled">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3 d-flex justify-content-between">
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="electricity_meter_at_label" for="electricity_meter_at">台電掛錶日</label>
|
|
<div class="col-xl-8">
|
|
<label id="electricity_meter_at_text" class="color-info-600"></label>
|
|
<input type="date" id="electricity_meter_at" name="electricity_meter_at" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="power_rate_label" for="power_rate">授電費率</label>
|
|
<div class="col-xl-8">
|
|
<label id="power_rate_text" class="color-info-600"></label>
|
|
<input type="number" step="0.001" id="power_rate" name="power_rate" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="estimated_recovery_time_label" for="estimated_recovery_time">預計回收年限</label>
|
|
<div class="col-xl-8">
|
|
<label id="estimated_recovery_time_text" class="color-info-600"></label>
|
|
<input type="number" step="1" id="estimated_recovery_time" name="estimated_recovery_time" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="generating_capacity_label" for="generating_capacity">電廠發電容量(kW)</label>
|
|
<div class="col-xl-8">
|
|
<label id="generating_capacity_text" class="color-info-600"></label>
|
|
<input type="number" step="0.1" id="generating_capacity" name="generating_capacity" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-5 d-flex justify-content-between ">
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="power_station_operation_personnel_label">運維人員</label>
|
|
<div class="col-xl-8">
|
|
<select class="js-example-basic-multiple form-control" id="power_station_operation_personnel" multiple="multiple">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="coordinate_label" for="coordinate">座標</label>
|
|
<div class="col-xl-8">
|
|
<label id="coordinate_text" class="color-info-600"></label>
|
|
<input type="text" id="coordinate" name="coordinate" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="coordinate_label" for="coordinate">Line Token</label>
|
|
<div class="col-xl-8">
|
|
<label id="line_token_text" class="color-info-600"></label>
|
|
<input type="text" id="line_token" name="line_token" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="coordinate_label" for="coordinate">
|
|
預估發電度數(kW/日)
|
|
</label>
|
|
<div class="col-xl-8">
|
|
<label id="estimate_kwh_text" class="color-info-600"></label>
|
|
<input type="number" step="0.01" id="estimate_kwh" name="estimate_kwh" class="form-control">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row mb-5 d-flex justify-content-between ">
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="coordinate_label" for="coordinate">
|
|
預估發電度數(kW/日)
|
|
</label>
|
|
<div class="col-xl-8">
|
|
<label id="estimate_efficacy_text" class="color-info-600"></label>
|
|
<input type="number" step="0.01" id="estimate_efficacy" name="estimate_efficacy" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="select_power_station_company_title">
|
|
電站歸屬
|
|
</label>
|
|
<div class="col-xl-8">
|
|
<select class="form-control" id="select_power_station_company">
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="created_by_title">資料建立</label>
|
|
<div class="col-xl-8">
|
|
<label id="created_by_text" class="color-info-600"></label>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" id="created_at_title">建立時間</label>
|
|
<div class="col-xl-8">
|
|
<label id="created_at_text" class="color-info-600"></label>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="row align-items-end">
|
|
@*
|
|
<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 row">
|
|
<label class="col-xl-4 form-label" id="inverter_brand_label" for="inverter_brand">廠牌</label>
|
|
<div class="col-xl-8">
|
|
<label id="inverter_brand_text" class="color-info-600"></label>
|
|
<input type="text" id="inverter_brand" name="inverter_brand" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 row">
|
|
<label class="col-xl-4 form-label" id="inverter_product_model_label" for="inverter_product_model">型號</label>
|
|
<div class="col-xl-8">
|
|
<label id="inverter_product_model_text" class="color-info-600"></label>
|
|
<input type="text" id="inverter_product_model" name="inverter_product_model" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-4 row">
|
|
<label class="col-xl-4 form-label" id="inverter_amount_label" for="inverter_amount">數量</label>
|
|
<div class="col-xl-8">
|
|
<label id="inverter_amount_text" class="color-info-600"></label>
|
|
<input type="text" id="inverter_amount" name="inverter_amount" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
*@
|
|
<div class="col-xl-8">
|
|
<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-3 mb-3 row">
|
|
<label class="col-xl-4 form-label" id="photovoltaic_panel_brand_label" for="photovoltaic_panel_brand">廠牌</label>
|
|
<div class="col-xl-8">
|
|
<label id="photovoltaic_panel_brand_text" class="color-info-600"></label>
|
|
<input type="text" id="photovoltaic_panel_brand" name="photovoltaic_panel_brand" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 mb-3 row">
|
|
<label class="col-xl-4 form-label" id="photovoltaic_panel_specification_label" for="photovoltaic_panel_specification">規格</label>
|
|
<div class="col-xl-8">
|
|
<label id="photovoltaic_panel_specification_text" class="color-info-600"></label>
|
|
<input type="text" id="photovoltaic_panel_specification" name="photovoltaic_panel_specification" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 mb-3 row">
|
|
<label class="col-xl-4 form-label" id="photovoltaic_panel_amount_label" for="photovoltaic_panel_amount">數量</label>
|
|
<div class="col-xl-8">
|
|
<label id="photovoltaic_panel_amount_text" class="color-info-600"></label>
|
|
<input type="number" step="1" id="photovoltaic_panel_amount" name="photovoltaic_panel_amount" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 mb-3 row">
|
|
<label class="col-xl-4 form-label" id="photovoltaic_panel_product_model_label" for="photovoltaic_panel_product_model">型號</label>
|
|
<div class="col-xl-8">
|
|
<label id="photovoltaic_panel_product_model_text" class="color-info-600"></label>
|
|
<input type="text" id="photovoltaic_panel_product_model" name="photovoltaic_panel_product_model" class="form-control">
|
|
</div>
|
|
</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-25 py-2 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-warning ml-auto waves-effect waves-themed" id="add-boe-tpc-btn" onclick="SaveBoETPCInfo()">
|
|
<span class="fal fa-save mr-1"></span> 儲存
|
|
</a>
|
|
<a href="javascript:;" class="btn btn-sm btn-info ml-auto waves-effect waves-themed" id="edit-boe-tpc-btn" onclick="ChangeMode('BOE_TPC', 'edit')">
|
|
<span class="fal fa-cog mr-1"></span> 修改
|
|
</a>
|
|
<a href="javascript:;" class="btn btn-sm btn-dark ml-auto waves-effect waves-themed" id="canecl-boe-tpc-btn" onclick="ChangeMode('BOE_TPC', 'view')">
|
|
<span class="fal fa-redo 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 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label">能源局同意檔案</label>
|
|
<div class="col-xl-8">
|
|
<a id="link-boe-file" class="color-info-600" href="link/to/your/download/file" download>Download link</a>
|
|
<input type="file" id="BoE_file" name="BoE_file" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label">折扣率</label>
|
|
<div class="col-xl-8">
|
|
<label id="BoE_discount_rate_text" class="color-info-600"></label>
|
|
<input type="number" step="1" id="BoE_discount_rate" name="BoE_discount_rate" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" for="BoE_device_register_number">能源局設備登記編號</label>
|
|
<div class="col-xl-8">
|
|
<label id="BoE_device_register_number_text" class="color-info-600"></label>
|
|
<input type="text" id="BoE_device_register_number" name="BoE_device_register_number" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label">租金比例(%)</label>
|
|
<div class="col-xl-8">
|
|
<label id="BoE_rent_ratio_text" class="color-info-600"></label>
|
|
<input type="number" step="1" id="BoE_rent_ratio" name="BoE_rent_ratio" class="form-control">
|
|
</div>
|
|
</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-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" for="TPC_contract_number">契約編號</label>
|
|
<div class="col-xl-8">
|
|
<label id="TPC_contract_number_text" class="color-info-600"></label>
|
|
<input type="text" id="TPC_contract_number" name="TPC_contract_number" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" for="TPC_contract_at">簽約日期</label>
|
|
<div class="col-xl-8">
|
|
<label id="TPC_contract_at_text" class="color-info-600"></label>
|
|
<input type="date" id="TPC_contract_at" name="TPC_contract_at" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" for="TPC_sell_deadline">售電期限(年)</label>
|
|
<div class="col-xl-8">
|
|
<label id="TPC_sell_deadline_text" class="color-info-600"></label>
|
|
<input type="number" step="1" id="TPC_sell_deadline" name="TPC_sell_deadline" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" for="TPC_meter_reading">每期抄錶日</label>
|
|
<div class="col-xl-8">
|
|
<label id="TPC_meter_reading_text" class="color-info-600"></label>
|
|
<input type="number" step="1" id="TPC_meter_reading" name="TPC_meter_reading" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" for="TPC_purchase_electricity_at">正式購電日</label>
|
|
<div class="col-xl-8">
|
|
<label id="TPC_purchase_electricity_at_text" class="color-info-600"></label>
|
|
<input type="date" id="TPC_purchase_electricity_at" name="TPC_purchase_electricity_at" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 mb-3 row justify-content-center align-items-center">
|
|
<label class="col-xl-4 form-label" for="TPC_sell_electricity_at">正式售電日</label>
|
|
<div class="col-xl-8">
|
|
<label id="TPC_sell_electricity_at_text" class="color-info-600"></label>
|
|
<input type="date" id="TPC_sell_electricity_at" name="TPC_sell_electricity_at" class="form-control">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row d-flex justify-content-end px-5">
|
|
<div class="col-xl-6 mb-3 row justify-content-end align-items-center">
|
|
<label class="col-xl-12 text-right" id="BOE_TPC_created_by_title">資料建立 <span id="BOE_TPC_created_by_text" class="ml-3 color-info-600"></span></label>
|
|
</div>
|
|
</div>
|
|
<div class="row d-flex justify-content-end px-5">
|
|
<div class="col-xl-6 mb-3 row justify-content-end align-items-center">
|
|
<label class="col-xl-12 text-right" id="BOE_TPC_created_at_title">建立時間 <span id="BOE_TPC_created_at_text" class="ml-3 color-info-600"></span></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-5" id="land_buildingPart">
|
|
</div>
|