Merge pull request 'pdf 디자인변경 및 크기변경' (#260) from dev into prd-deploy
Reviewed-on: #260
This commit is contained in:
commit
eb0e813942
@ -2357,8 +2357,7 @@ public class PwrGnrSimService {
|
||||
|
||||
// chart 데이터
|
||||
String[] color = {
|
||||
"#B5D4F5", "#FFE899", "#FBC3AB", "#D1D1D1", "#FFE899", "#B5D0F0", "#C1E4B8", "#A3C9EE",
|
||||
"#F7BBA2", "#BEBEBE", "#A8BBE0", "#B5D7A3"
|
||||
"#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc", "#0066cc"
|
||||
};
|
||||
StringBuilder sb2 = new StringBuilder();
|
||||
for (int i = 0; i < onlyData.length; i++) {
|
||||
|
||||
Binary file not shown.
Binary file not shown.
@ -2,6 +2,19 @@
|
||||
<html lang="ja">
|
||||
<head>
|
||||
<style>
|
||||
@page { size: A4; margin: 10mm 12mm; }
|
||||
.section1, .section2, .section3 .section4 .section5 .section6{
|
||||
page-break-before: always;
|
||||
page-break-after: always;
|
||||
page-break-inside: avoid;
|
||||
|
||||
/* 실제 출력 높이: 297mm - 20mm = 277mm */
|
||||
max-height: 277mm;
|
||||
overflow: hidden;
|
||||
|
||||
padding: 5mm;
|
||||
}
|
||||
.section:first-child { page-break-before: auto; }
|
||||
@media print {
|
||||
body {
|
||||
print-color-adjust: exact;
|
||||
@ -9,14 +22,25 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*.section:first-child {*/
|
||||
/* page-break-before: auto;*/
|
||||
/*}*/
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Malgun Gothic', sans-serif;
|
||||
font-size: 9px; /* 폰트 작게 */
|
||||
line-height: 1.2; /* 줄간격 좁게 */
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
font-family: M-Gothic;
|
||||
font-size: 11px;
|
||||
font-size: 9px;
|
||||
border-collapse: collapse;
|
||||
margin: 0 auto;
|
||||
line-height: 150%;
|
||||
line-height: 115%;
|
||||
color: #333
|
||||
}
|
||||
|
||||
@ -25,9 +49,9 @@
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 5px 5px 3px;
|
||||
padding: 3px 3px 2px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
font-size: 9px;
|
||||
border: 1px solid #000
|
||||
}
|
||||
|
||||
@ -82,8 +106,8 @@
|
||||
|
||||
.guide-content {
|
||||
white-space: pre-line;
|
||||
line-height: 1.4;
|
||||
font-size: 14px;
|
||||
line-height: 1.2;
|
||||
font-size: 9px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@ -109,7 +133,7 @@
|
||||
}
|
||||
|
||||
.y-axis td {
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
padding: 12.3px 0
|
||||
@ -139,7 +163,7 @@
|
||||
}
|
||||
|
||||
.chart-wrapper td.month-cell {
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
padding-top: 7px
|
||||
}
|
||||
|
||||
@ -156,7 +180,7 @@
|
||||
/* 타이틀 */
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 40px;
|
||||
font-size: 30px;
|
||||
letter-spacing: 10px;
|
||||
font-weight: bold;
|
||||
margin: 10px 0 30px;
|
||||
@ -172,7 +196,7 @@
|
||||
/* 총액퍼블 */
|
||||
.all-price-wrap {
|
||||
text-align: center;
|
||||
margin-bottom: 50px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.all-price {
|
||||
@ -183,7 +207,7 @@
|
||||
|
||||
.all-price span {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -196,13 +220,13 @@
|
||||
/* 태양전지 */
|
||||
.sun-volt {
|
||||
display: inline-block;
|
||||
margin-bottom: 30px;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.sun-volt span {
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -210,7 +234,7 @@
|
||||
width: 130px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-size: 15px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.price-table td.end {
|
||||
@ -243,7 +267,7 @@
|
||||
}
|
||||
|
||||
.estimate-info span {
|
||||
font-size: 13px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -258,14 +282,14 @@
|
||||
}
|
||||
|
||||
.estimate-tit-form span {
|
||||
font-size: 13px;
|
||||
font-size: 11px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.estimate-tit-form .estimate-tit {
|
||||
display: inline-block;
|
||||
width: 82px;
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
text-align: right;
|
||||
@ -287,13 +311,13 @@
|
||||
|
||||
.product-count .tit, .product-num .tit {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.product-count span, .product-num span {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.product-form {
|
||||
@ -303,7 +327,7 @@
|
||||
.product-form .tit {
|
||||
display: inline-block;
|
||||
width: 62px;
|
||||
font-size: 12px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
text-align: right;
|
||||
@ -311,11 +335,11 @@
|
||||
|
||||
.product-form span {
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.store-info-tit {
|
||||
font-size: 13px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
@ -328,13 +352,13 @@
|
||||
|
||||
.store-info span {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.store-info .number {
|
||||
display: block;
|
||||
font-size: 13px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.store-info .number span {
|
||||
@ -369,7 +393,7 @@
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="section1 ">
|
||||
<div class="section1">
|
||||
<h1 class="title">御 見 積 書</h1>
|
||||
|
||||
<table class="product-info-wrap">
|
||||
@ -456,7 +480,7 @@
|
||||
<span>円 (消費税込)</span>
|
||||
</div>
|
||||
</div>
|
||||
<table class="price-table mb20">
|
||||
<table class="price-table mb10">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 60px;">No</th>
|
||||
|
||||
@ -2,6 +2,19 @@
|
||||
<html lang="ja">
|
||||
<head>
|
||||
<style>
|
||||
@page { size: A4; margin: 10mm 12mm; }
|
||||
.section3 {
|
||||
page-break-before: always;
|
||||
page-break-after: always;
|
||||
page-break-inside: avoid;
|
||||
|
||||
/* 실제 출력 높이: 297mm - 20mm = 277mm */
|
||||
max-height: 277mm;
|
||||
overflow: hidden;
|
||||
|
||||
padding: 5mm;
|
||||
}
|
||||
.section:first-child { page-break-before: auto; }
|
||||
@media print {
|
||||
body {
|
||||
print-color-adjust: exact;
|
||||
@ -9,14 +22,21 @@
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Malgun Gothic', sans-serif;
|
||||
font-size: 9px; /* 폰트 작게 */
|
||||
line-height: 1.2; /* 줄간격 좁게 */
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
font-family: M-Gothic;
|
||||
font-size: 11px;
|
||||
font-size: 9px;
|
||||
border-collapse: collapse;
|
||||
margin: 0 auto;
|
||||
line-height: 150%;
|
||||
line-height: 115%;
|
||||
color: #333
|
||||
}
|
||||
|
||||
@ -25,9 +45,9 @@
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 5px 5px 3px;
|
||||
padding: 3px 3px 2px;
|
||||
text-align: center;
|
||||
font-size: 8px;
|
||||
font-size: 9px;
|
||||
border: 1px solid #000
|
||||
}
|
||||
|
||||
@ -48,16 +68,8 @@
|
||||
width: 15%
|
||||
}
|
||||
|
||||
.col-10 {
|
||||
width: 10%
|
||||
}
|
||||
|
||||
.col-13 {
|
||||
width: 13%
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 1040px;
|
||||
max-width: 740px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
@ -65,25 +77,42 @@
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.al-l {
|
||||
text-align: left !important
|
||||
}
|
||||
|
||||
.al-r {
|
||||
text-align: right !important
|
||||
}
|
||||
|
||||
/* 가이드박스 */
|
||||
.guide-box {
|
||||
position: relative;
|
||||
border: 1px solid #000;
|
||||
padding: 15px;
|
||||
margin: 10px 0;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.guide-image {
|
||||
margin-right: 15px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.guide-content {
|
||||
white-space: pre-line;
|
||||
line-height: 1.4;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
line-height: 1.2;
|
||||
font-size: 9px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* 차트퍼블 */
|
||||
.chart-wrapper {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
margin: 20px 0;
|
||||
height: 324.3px;
|
||||
margin: 30px 0;
|
||||
height: 324.3px
|
||||
}
|
||||
|
||||
.chart-wrapper td {
|
||||
@ -100,7 +129,7 @@
|
||||
}
|
||||
|
||||
.y-axis td {
|
||||
font-size: 12px;
|
||||
font-size: 10px;
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
padding: 12.3px 0
|
||||
@ -125,12 +154,12 @@
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 13.4px;
|
||||
width: 18px;
|
||||
width: 30px;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.chart-wrapper td.month-cell {
|
||||
font-size: 11px;
|
||||
font-size: 10px;
|
||||
padding-top: 7px
|
||||
}
|
||||
|
||||
@ -144,144 +173,456 @@
|
||||
padding: 1px
|
||||
}
|
||||
|
||||
.chart-wrap {
|
||||
overflow: hidden;
|
||||
/* 타이틀 */
|
||||
.title {
|
||||
text-align: center;
|
||||
font-size: 30px;
|
||||
letter-spacing: 10px;
|
||||
font-weight: bold;
|
||||
margin: 10px 0 30px;
|
||||
border-top: 1px solid #000;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.left-side {
|
||||
margin-right: 20px;
|
||||
width: 570px;
|
||||
float: left;
|
||||
/* 비고퍼블 */
|
||||
.note th, .note td {
|
||||
padding: 10px
|
||||
}
|
||||
|
||||
.right-side {
|
||||
width: 430px;
|
||||
float: right;
|
||||
/* 총액퍼블 */
|
||||
.all-price-wrap {
|
||||
text-align: center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tit {
|
||||
.all-price {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.all-price span {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.all-price-value {
|
||||
width: 300px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* 태양전지 */
|
||||
.sun-volt {
|
||||
display: inline-block;
|
||||
margin-bottom: 20px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.sun-volt span {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sun-volt-value {
|
||||
width: 130px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.price-table td.end {
|
||||
background-color: #eee;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.product-info-wrap {
|
||||
table-layout: fixed;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.product-info-wrap td {
|
||||
border: none;
|
||||
padding: 0;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* 견적서 정의 */
|
||||
.estimate-wrap {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.estimate-info {
|
||||
display: inline-block;
|
||||
margin-bottom: 40px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.estimate-info span {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.estimate-info-name {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/* tit-form */
|
||||
.estimate-tit-form {
|
||||
display: block;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.estimate-tit-form span {
|
||||
font-size: 11px;
|
||||
border-bottom: 1px solid #000;
|
||||
}
|
||||
|
||||
.estimate-tit-form .estimate-tit {
|
||||
display: inline-block;
|
||||
width: 82px;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* 물품 */
|
||||
.product-wrap > div {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.product-num {
|
||||
display: inline-block;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.product-count {
|
||||
display: inline-block;;
|
||||
}
|
||||
|
||||
.product-count .tit, .product-num .tit {
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.product-count span, .product-num span {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.product-form {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product-form .tit {
|
||||
display: inline-block;
|
||||
width: 62px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.product-form span {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.store-info-tit {
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.product-info-wrap .store-info {
|
||||
display: block;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.store-info span {
|
||||
display: block;
|
||||
font-size: 10px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.store-info .number {
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.store-info .number span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.approval-table {
|
||||
width: 200px;
|
||||
margin: 0 0 0 auto;
|
||||
}
|
||||
|
||||
.approval-table th {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.approval-table td {
|
||||
padding: 30px 0;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.guide-image{
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 20px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.guide-img-tit{
|
||||
text-align: center;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!--<div class="section3">-->
|
||||
<!-- <table class="mb20">-->
|
||||
<!-- <tbody>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th class="col-10">物件番号</th>-->
|
||||
<!-- <td id="objectNo"></td>-->
|
||||
<!-- <th class="col-10">作成日</th>-->
|
||||
<!-- <td class="col-13" id="drawingEstimateCreateDate"></td>-->
|
||||
<!-- <th class="col-10">都道府県</th>-->
|
||||
<!-- <td class="col-13" id="prefName"></td>-->
|
||||
<!-- <th class="col-10">日射量観測地点</th>-->
|
||||
<!-- <td class="col-13" id="areaName"></td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th class="col-10">システム容量</th>-->
|
||||
<!-- <td id="capacity"></td>-->
|
||||
<!-- <th class="col-10">年間予測発電量</th>-->
|
||||
<!-- <td id="anlFrcsGnrt"></td>-->
|
||||
<!-- <th class="col-10">積雪条件</th>-->
|
||||
<!-- <td id="snowfall"></td>-->
|
||||
<!-- <th class="col-10">風速条件</th>-->
|
||||
<!-- <td id="standardWindSpeedId"></td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- <div class="chart-wrap">-->
|
||||
<!-- <div class="left-side">-->
|
||||
<!-- <div id="pwrGnrChartImg">-->
|
||||
<!-- <table class="chart-wrapper">-->
|
||||
<!-- <tbody>-->
|
||||
<!-- <tr id="htmlX">-->
|
||||
<!-- <td class="y-axis-wrap">-->
|
||||
<!-- <table class="y-axis">-->
|
||||
<!-- <tbody id="htmlY">-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <td class="month-cell"></td>-->
|
||||
<!-- <td class="month-cell">1月</td>-->
|
||||
<!-- <td class="month-cell">2月</td>-->
|
||||
<!-- <td class="month-cell">3月</td>-->
|
||||
<!-- <td class="month-cell">4月</td>-->
|
||||
<!-- <td class="month-cell">5月</td>-->
|
||||
<!-- <td class="month-cell">6月</td>-->
|
||||
<!-- <td class="month-cell">7月</td>-->
|
||||
<!-- <td class="month-cell">8月</td>-->
|
||||
<!-- <td class="month-cell">9月</td>-->
|
||||
<!-- <td class="month-cell">10月</td>-->
|
||||
<!-- <td class="month-cell">11月</td>-->
|
||||
<!-- <td class="month-cell">12月</td>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="tit">-->
|
||||
<!-- ● 予測発電量[kWh]-->
|
||||
<!-- </div>-->
|
||||
<!-- <table class="mb20 month-table">-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th>1月</th>-->
|
||||
<!-- <th>2月</th>-->
|
||||
<!-- <th>3月</th>-->
|
||||
<!-- <th>4月</th>-->
|
||||
<!-- <th>5月</th>-->
|
||||
<!-- <th>6月</th>-->
|
||||
<!-- <th>7月</th>-->
|
||||
<!-- <th>8月</th>-->
|
||||
<!-- <th>9月</th>-->
|
||||
<!-- <th>10月</th>-->
|
||||
<!-- <th>11月</th>-->
|
||||
<!-- <th>12月</th>-->
|
||||
<!-- <th>合計</th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody>-->
|
||||
<!-- <tr id="frcPwrGnrList_detail">-->
|
||||
<!-- </tr>-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<!-- <div class="right-side">-->
|
||||
<!-- <table class="mb20">-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th class="col-15">屋根面</th>-->
|
||||
<!-- <th class="col-15">傾斜角度</th>-->
|
||||
<!-- <th class="col-15">方位角(度)</th>-->
|
||||
<!-- <th>太陽電池モジュール</th>-->
|
||||
<!-- <th class="col-15">枚数(枚)</th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody id="roofModuleList_detail">-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- <table class="mb20">-->
|
||||
<!-- <thead>-->
|
||||
<!-- <tr>-->
|
||||
<!-- <th>パワーコンディショナー</th>-->
|
||||
<!-- <th class="col-20">台</th>-->
|
||||
<!-- </tr>-->
|
||||
<!-- </thead>-->
|
||||
<!-- <tbody id="pcsList_detail">-->
|
||||
<!-- </tbody>-->
|
||||
<!-- </table>-->
|
||||
<!-- </div>-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="tit">-->
|
||||
<!-- ● Hanwha Japan 年間発電量シミュレーション案内事項-->
|
||||
<!-- </div>-->
|
||||
<!-- <div class="guide-box">-->
|
||||
<!-- <pre class="guide-content" id="guideInfo"></pre>-->
|
||||
<!-- </div>-->
|
||||
<!--</div>-->
|
||||
<div class="section3">
|
||||
<table class="mb20">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th class="col-10">物件番号</th>
|
||||
<th class="col-15">物件番号</th>
|
||||
<td id="objectNo"></td>
|
||||
<th class="col-10">作成日</th>
|
||||
<td class="col-13" id="drawingEstimateCreateDate"></td>
|
||||
<th class="col-10">都道府県</th>
|
||||
<td class="col-13" id="prefName"></td>
|
||||
<th class="col-10">日射量観測地点</th>
|
||||
<td class="col-13" id="areaName"></td>
|
||||
<th class="col-15">作成日</th>
|
||||
<td id="drawingEstimateCreateDate"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-10">システム容量</th>
|
||||
<th class="col-15">都道府県</th>
|
||||
<td id="prefName"></td>
|
||||
<th class="col-15">日射量観測地点</th>
|
||||
<td id="areaName"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-15">システム容量</th>
|
||||
<td id="capacity"></td>
|
||||
<th class="col-10">年間予測発電量</th>
|
||||
<th class="col-15">年間予測発電量</th>
|
||||
<td id="anlFrcsGnrt"></td>
|
||||
<th class="col-10">積雪条件</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="col-15">積雪条件</th>
|
||||
<td id="snowfall"></td>
|
||||
<th class="col-10">風速条件</th>
|
||||
<th class="col-15">風速条件</th>
|
||||
<td id="standardWindSpeedId"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="chart-wrap">
|
||||
<div class="left-side">
|
||||
<div id="pwrGnrChartImg">
|
||||
<table class="chart-wrapper">
|
||||
<tbody>
|
||||
<tr id="htmlX">
|
||||
<td class="y-axis-wrap">
|
||||
<table class="y-axis">
|
||||
<tbody id="htmlY">
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="month-cell"></td>
|
||||
<td class="month-cell">1月</td>
|
||||
<td class="month-cell">2月</td>
|
||||
<td class="month-cell">3月</td>
|
||||
<td class="month-cell">4月</td>
|
||||
<td class="month-cell">5月</td>
|
||||
<td class="month-cell">6月</td>
|
||||
<td class="month-cell">7月</td>
|
||||
<td class="month-cell">8月</td>
|
||||
<td class="month-cell">9月</td>
|
||||
<td class="month-cell">10月</td>
|
||||
<td class="month-cell">11月</td>
|
||||
<td class="month-cell">12月</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="pwrGnrChartImg">
|
||||
<table class="chart-wrapper">
|
||||
<tbody>
|
||||
<tr id="htmlX">
|
||||
<td class="y-axis-wrap">
|
||||
<table class="y-axis">
|
||||
<tbody id="htmlY">
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="month-cell"></td>
|
||||
<td class="month-cell">1月</td>
|
||||
<td class="month-cell">2月</td>
|
||||
<td class="month-cell">3月</td>
|
||||
<td class="month-cell">4月</td>
|
||||
<td class="month-cell">5月</td>
|
||||
<td class="month-cell">6月</td>
|
||||
<td class="month-cell">7月</td>
|
||||
<td class="month-cell">8月</td>
|
||||
<td class="month-cell">9月</td>
|
||||
<td class="month-cell">10月</td>
|
||||
<td class="month-cell">11月</td>
|
||||
<td class="month-cell">12月</td>
|
||||
</tr>
|
||||
|
||||
<div class="tit">
|
||||
● 予測発電量[kWh]
|
||||
</div>
|
||||
<table class="mb20 month-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>1月</th>
|
||||
<th>2月</th>
|
||||
<th>3月</th>
|
||||
<th>4月</th>
|
||||
<th>5月</th>
|
||||
<th>6月</th>
|
||||
<th>7月</th>
|
||||
<th>8月</th>
|
||||
<th>9月</th>
|
||||
<th>10月</th>
|
||||
<th>11月</th>
|
||||
<th>12月</th>
|
||||
<th>合計</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="frcPwrGnrList_detail">
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="right-side">
|
||||
<table class="mb20">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-15">屋根面</th>
|
||||
<th class="col-15">傾斜角度</th>
|
||||
<th class="col-15">方位角(度)</th>
|
||||
<th>太陽電池モジュール</th>
|
||||
<th class="col-15">枚数(枚)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="roofModuleList_detail">
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="mb20">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>パワーコンディショナー</th>
|
||||
<th class="col-20">台</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="pcsList_detail">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="tit">
|
||||
<div>
|
||||
● 予測発電量[kWh]
|
||||
</div>
|
||||
|
||||
<table class="mb20 month-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>1月</th>
|
||||
<th>2月</th>
|
||||
<th>3月</th>
|
||||
<th>4月</th>
|
||||
<th>5月</th>
|
||||
<th>6月</th>
|
||||
<th>7月</th>
|
||||
<th>8月</th>
|
||||
<th>9月</th>
|
||||
<th>10月</th>
|
||||
<th>11月</th>
|
||||
<th>12月</th>
|
||||
<th>合計</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr id="frcPwrGnrList_detail">
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="mb20">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-15">屋根面</th>
|
||||
<th class="col-15">傾斜角度</th>
|
||||
<th class="col-15">方位角(度)</th>
|
||||
<th>太陽電池モジュール</th>
|
||||
<th class="col-15">枚数(枚)</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="roofModuleList_detail">
|
||||
</tbody>
|
||||
</table>
|
||||
<table class="mb20">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>パワーコンディショナー</th>
|
||||
<th class="col-20">台</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="pcsList_detail">
|
||||
</tbody>
|
||||
</table>
|
||||
<div>
|
||||
● Hanwha Japan 年間発電量シミュレーション案内事項
|
||||
</div>
|
||||
<div class="guide-box">
|
||||
<pre class="guide-content" id="guideInfo"></pre>
|
||||
<pre class="guide-content" id="guideInfo">
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user