256 lines
13 KiB
Plaintext
256 lines
13 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 d-flex justify-content-center">
|
||
<p>電站代碼 </p>
|
||
<p class="color-info-600">PEP-NTP001</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>電站名稱：</p>
|
||
<p class="color-info-600">新竹巨城站</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>是否為代管 ：</p>
|
||
<p class="color-info-600">
|
||
<div class="custom-control custom-switch">
|
||
<input type="radio" class="custom-control-input" id="customSwitch3radio" checked="" disabled="" name="defaultSwitchRadioExample2">
|
||
<label class="custom-control-label" for="customSwitch3radio">Yes</label>
|
||
</div>
|
||
</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>台電掛錶日 </p>
|
||
<p class="color-info-600">2018-12-26</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>預計回收年限：</p>
|
||
<p class="color-info-600">20</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>資料建立：</p>
|
||
<p class="color-info-600">蜘蛛人</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex justify-content-between mb-5">
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>電廠發電容量 <br>(kW)</p>
|
||
<p class="color-info-600">362.7</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>運維人員：</p>
|
||
<p class="color-info-600">美國隊長<br>鋼鐵人</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>被代管公司 ：</p>
|
||
<p class="color-info-600">台達電</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>授電費率：</p>
|
||
<p class="color-info-600">PM060MW2_305</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>座標：</p>
|
||
<p class="color-info-600">25.0726625,<br>121.5725953</p>
|
||
</div>
|
||
<div class="col-xl-2 d-flex justify-content-center">
|
||
<p>建立時間：</p>
|
||
<p class="color-info-600">2018-10-01 12:00</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>廠牌：<span class="color-info-600">AUO</span></p>
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p>型號 ：<span class="color-info-600">PM060MW2_305</span></p>
|
||
</div>
|
||
<div class="col-xl-4 text-right">
|
||
<p>數量：<span class="color-info-600">400</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">ABLYTEK</span></p>
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p>規格 ：<span class="color-info-600">1640×992×40</span></p>
|
||
</div>
|
||
<div class="col-xl-4 text-right">
|
||
<p>數量：<span class="color-info-600">1116</span></p>
|
||
</div>
|
||
<div class="col-xl-4">
|
||
<p>型號 ：<span class="color-info-600">6MN6A295</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<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">
|
||
<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">
|
||
<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> |