123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147 |
- <div data-options="dxView : { name: 'ChargePrice', title: '고지서 조회', pane: 'master' } ">
- <div data-options="dxContent : { targetPlaceholder: 'content' } ">
- <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
- <!--<iframe id="price" style="height:780px;width:100%;"></iframe>-->
- <p class="body_sub_title">고지서 조회</p>
- <!--상단 차트 레이아웃-->
- <div class="chart_wrap_box" style="width: 100%;height:800px;">
- <div class="fl" style="margin-left:10px;font-size:12px;">고지서 일자</div><br />
- <div id="startDatePicker" class="fl" data-bind="dxDateBox: startDatePicker"></div>
- <div id="powerBtn" class="fl" style="margin-left: 10px; background-image: linear-gradient(180deg,#9babc3 0%,#41618c 100%);" data-bind="dxButton: {text: '전력', onClick: powerButtonClicked}"></div>
- <div id="gasBtn" class="fl" style="margin-left:10px;" data-bind="dxButton: {text: '가스', onClick: gasButtonClicked}"></div>
- <div id="waterBtn" class="fl" style="margin-left:10px;" data-bind="dxButton: {text: '수도', onClick: waterButtonClicked}"></div>
-
- <div id="modifyBtn" style="margin-left:10px;position:absolute;left:85%;" data-bind="dxButton: {text: '수정', onClick: modifyButtonClicked}"></div>
- <br /><br />
- <div class="dx-clearfix" style="width: 100%; height: 100%;" data-options="dxTemplate: { name: 'content' } "><br />
- <div id="priceTypeId" style="font-size: 20px; font-weight: bold; text-align: left;"></div><br />
- <div class="fl" style="line-height:220%;">사용기간 </div><div id="startDate" class="fl" data-bind="dxDateBox: startDate"></div><div class="fl" style="line-height:220%;"> ~ </div><div id="endDate" class="fl" data-bind="dxDateBox: endDate"></div><br />
- <div id="detail" style="width: 100%; height: 100%; overflow: scroll; ">
- <!--<div id="powerChargeTable" class="dx-fieldset" style="width:80%;position:absolute;height:15%;">
- <div class="dx-field cw-multi-field">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">기본요금</div>
- <div id="labelBaseCharge" class="dx-field-value" data-bind="text: '6,240,000'"></div>
- <div id="txtBaseCharge" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '6,240,000' , placeholder: '기본요금' , visible : false}"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">전력량요금</div>
- <div id="labelPowerCharge" class="dx-field-value" data-bind="text: '18,066,539'"></div>
- <div id="txtPowerCharge" style="margin-left: 10px; position: absolute; left: 62%;" data-bind="dxTextBox: { value: '18,066,539' , placeholder: '전력량요금' , visible : false}"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">지상역률료</div>
- <div id="labelPrice1" class="dx-field-value" data-bind="text: '18,066,539'"></div>
- <div id="txtPrice1" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '-62,400' , placeholder: '지상역률료' , visible : false}"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">진상역률료</div>
- <div id="labelPrice2" class="dx-field-value" data-bind="text: '0'"></div>
- <div id="txtPrice2" style="margin-left: 10px; position: absolute; left: 62%;" data-bind="dxTextBox: { value: '0' , placeholder: '진상역률료' , visible : false}"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">전기요금계</div>
- <div id="labelTotalPrice" class="dx-field-value" data-bind="text: '24,244,139'"></div>
- <div id="txtTotalPrice" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '24,244,139' , placeholder: '전기요금계' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">부가가치세</div>
- <div id="labelVat" class="dx-field-value" data-bind="text:'2,424,414'"></div>
- <div id="txtVat" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '2,424,414' , placeholder: '부가가치세' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">전력기금</div>
- <div id="labelPrice3" class="dx-field-value" data-bind="text:'897,030'"></div>
- <div id="txtPrice3" style="margin-left: 10px; position: absolute; left: 78%" data-bind="dxTextBox: { value: '897,030' , placeholder: '전력기금' , visible : false}"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">원단위절사</div>
- <div id="labelRound" class="dx-field-value" data-bind="text: '-3'"></div>
- <div id="txtRound" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '-3' , placeholder: '원단위절사' , visible : false}"></div>
- </div>
- <div class="dx-field cw-multi-field-right">
- <div class="dx-field-label cw-multi-field-label-ex">당월요금계</div>
- <div id="labelTotalCharge" class="dx-field-value" data-bind="text: '27,565,580'"></div>
- <div id="txtTotalCharge" style="margin-left: 10px; position: absolute; left: 62%;" data-bind="dxTextBox: { value: '27,565,580' , placeholder: '당월요금계' , visible : false}"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">TV수신료</div>
- <div id="labelTv" class="dx-field-value" data-bind="text: '65,000'"></div>
- <div id="txtTv" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '65,000' , placeholder: 'TV수신료' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">당월사용량</div>
- <div id="labelUsage" class="dx-field-value" data-bind="text: '166,158'"></div>
- <div id="txtUsage" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '166,158' , placeholder: '당월사용량' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">청구금액</div>
- <div id="labelResultCharge" class="dx-field-value" data-bind="text: '27,630,580'"></div>
- <div id="txtResultCharge" style="margin-left: 10px; position: absolute; left: 78%;" data-bind="dxTextBox: { value: '27,630,580' , placeholder: '청구금액' , visible : false}"></div>
- </div>
- </div>
- </div>
- <div id="gasChargeTable" class="dx-fieldset" style="width: 80%; visibility: hidden; position: absolute; height: 15%;">
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">사용량</div>
- <div id="labelGasUsage" class="dx-field-value" data-bind="text: '6,089.00'"></div>
- <div id="txtGasUsage" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '6,089.00' , placeholder: '사용량' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">열량</div>
- <div id="labelHeat" class="dx-field-value" data-bind="text:'260,211.00'"></div>
- <div id="txtHeat" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '260,211.00' , placeholder: '열량' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">금액</div>
- <div id="labelGasPrice" class="dx-field-value" data-bind="text:'5,004,660'"></div>
- <div id="txtGasPrice" style="margin-left: 10px; position: absolute; left: 78%;" data-bind="dxTextBox: { value: '5,004,660' , placeholder: '금액' , visible : false}"></div>
- </div>
- </div>
- </div>
- <div id="waterChargeTable" class="dx-fieldset" style="width: 80%; visibility: hidden; position: absolute; height: 15%;">
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">상수도요금</div>
- <div id="labelWater1" class="dx-field-value" data-bind="text: '12,370'"></div>
- <div id="txtWater1" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '12,370' , placeholder: '상수도요금' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">하수도요금</div>
- <div id="labelWater2" class="dx-field-value" data-bind="text:'6,610'"></div>
- <div id="txtWater2" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '6,610' , placeholder: '하수도요금' , visible : false}"></div>
- </div>
- <div class="dx-field" style="float:left;width:33%;">
- <div class="dx-field-label cw-multi-field-label-ex">물이용부담금</div>
- <div id="labelWaterUsage" class="dx-field-value" data-bind="text:'3,730'"></div>
- <div id="txtWaterUsage" style="margin-left: 10px; position: absolute; left: 78%;" data-bind="dxTextBox: { value: '3,730' , placeholder: '물이용부담금' , visible : false}"></div>
- </div>
- </div>
- <div class="dx-field cw-multi-field-merge">
- <div class="dx-field cw-multi-field-left">
- <div class="dx-field-label cw-multi-field-label-ex">합계</div>
- <div id="labelWaterCharge" class="dx-field-value" data-bind="text: '22,710'"></div>
- <div id="txtWaterCharge" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '22,710' , placeholder: '합계' , visible : false}"></div>
- </div>
- </div>
- </div>-->
- </div>
- </div>
- </div>
- </div>
- </div>
|