7861c6f6aaa6996cfb549214e34f54ee9f2925ed.svn-base 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <div data-options="dxView : { name: 'ChargePrice', title: '고지서 조회', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <!--<iframe id="price" style="height:780px;width:100%;"></iframe>-->
  5. <p class="body_sub_title">고지서 조회</p>
  6. <!--상단 차트 레이아웃-->
  7. <div class="chart_wrap_box" style="width: 100%;height:800px;">
  8. <div class="fl" style="margin-left:10px;font-size:12px;">고지서 일자</div><br />
  9. <div id="startDatePicker" class="fl" data-bind="dxDateBox: startDatePicker"></div>
  10. <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>
  11. <div id="gasBtn" class="fl" style="margin-left:10px;" data-bind="dxButton: {text: '가스', onClick: gasButtonClicked}"></div>
  12. <div id="waterBtn" class="fl" style="margin-left:10px;" data-bind="dxButton: {text: '수도', onClick: waterButtonClicked}"></div>
  13. <div id="modifyBtn" style="margin-left:10px;position:absolute;left:85%;" data-bind="dxButton: {text: '수정', onClick: modifyButtonClicked}"></div>
  14. <br /><br />
  15. <div class="dx-clearfix" style="width: 100%; height: 100%;" data-options="dxTemplate: { name: 'content' } "><br />
  16. <div id="priceTypeId" style="font-size: 20px; font-weight: bold; text-align: left;"></div><br />
  17. <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 />
  18. <div id="detail" style="width: 100%; height: 100%; overflow: scroll; ">
  19. <!--<div id="powerChargeTable" class="dx-fieldset" style="width:80%;position:absolute;height:15%;">
  20. <div class="dx-field cw-multi-field">
  21. <div class="dx-field cw-multi-field-left">
  22. <div class="dx-field-label cw-multi-field-label-ex">기본요금</div>
  23. <div id="labelBaseCharge" class="dx-field-value" data-bind="text: '6,240,000'"></div>
  24. <div id="txtBaseCharge" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '6,240,000' , placeholder: '기본요금' , visible : false}"></div>
  25. </div>
  26. <div class="dx-field cw-multi-field-right">
  27. <div class="dx-field-label cw-multi-field-label-ex">전력량요금</div>
  28. <div id="labelPowerCharge" class="dx-field-value" data-bind="text: '18,066,539'"></div>
  29. <div id="txtPowerCharge" style="margin-left: 10px; position: absolute; left: 62%;" data-bind="dxTextBox: { value: '18,066,539' , placeholder: '전력량요금' , visible : false}"></div>
  30. </div>
  31. </div>
  32. <div class="dx-field cw-multi-field-merge">
  33. <div class="dx-field cw-multi-field-left">
  34. <div class="dx-field-label cw-multi-field-label-ex">지상역률료</div>
  35. <div id="labelPrice1" class="dx-field-value" data-bind="text: '18,066,539'"></div>
  36. <div id="txtPrice1" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '-62,400' , placeholder: '지상역률료' , visible : false}"></div>
  37. </div>
  38. <div class="dx-field cw-multi-field-right">
  39. <div class="dx-field-label cw-multi-field-label-ex">진상역률료</div>
  40. <div id="labelPrice2" class="dx-field-value" data-bind="text: '0'"></div>
  41. <div id="txtPrice2" style="margin-left: 10px; position: absolute; left: 62%;" data-bind="dxTextBox: { value: '0' , placeholder: '진상역률료' , visible : false}"></div>
  42. </div>
  43. </div>
  44. <div class="dx-field cw-multi-field-merge">
  45. <div class="dx-field" style="float:left;width:33%;">
  46. <div class="dx-field-label cw-multi-field-label-ex">전기요금계</div>
  47. <div id="labelTotalPrice" class="dx-field-value" data-bind="text: '24,244,139'"></div>
  48. <div id="txtTotalPrice" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '24,244,139' , placeholder: '전기요금계' , visible : false}"></div>
  49. </div>
  50. <div class="dx-field" style="float:left;width:33%;">
  51. <div class="dx-field-label cw-multi-field-label-ex">부가가치세</div>
  52. <div id="labelVat" class="dx-field-value" data-bind="text:'2,424,414'"></div>
  53. <div id="txtVat" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '2,424,414' , placeholder: '부가가치세' , visible : false}"></div>
  54. </div>
  55. <div class="dx-field" style="float:left;width:33%;">
  56. <div class="dx-field-label cw-multi-field-label-ex">전력기금</div>
  57. <div id="labelPrice3" class="dx-field-value" data-bind="text:'897,030'"></div>
  58. <div id="txtPrice3" style="margin-left: 10px; position: absolute; left: 78%" data-bind="dxTextBox: { value: '897,030' , placeholder: '전력기금' , visible : false}"></div>
  59. </div>
  60. </div>
  61. <div class="dx-field cw-multi-field-merge">
  62. <div class="dx-field cw-multi-field-left">
  63. <div class="dx-field-label cw-multi-field-label-ex">원단위절사</div>
  64. <div id="labelRound" class="dx-field-value" data-bind="text: '-3'"></div>
  65. <div id="txtRound" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '-3' , placeholder: '원단위절사' , visible : false}"></div>
  66. </div>
  67. <div class="dx-field cw-multi-field-right">
  68. <div class="dx-field-label cw-multi-field-label-ex">당월요금계</div>
  69. <div id="labelTotalCharge" class="dx-field-value" data-bind="text: '27,565,580'"></div>
  70. <div id="txtTotalCharge" style="margin-left: 10px; position: absolute; left: 62%;" data-bind="dxTextBox: { value: '27,565,580' , placeholder: '당월요금계' , visible : false}"></div>
  71. </div>
  72. </div>
  73. <div class="dx-field cw-multi-field-merge">
  74. <div class="dx-field" style="float:left;width:33%;">
  75. <div class="dx-field-label cw-multi-field-label-ex">TV수신료</div>
  76. <div id="labelTv" class="dx-field-value" data-bind="text: '65,000'"></div>
  77. <div id="txtTv" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '65,000' , placeholder: 'TV수신료' , visible : false}"></div>
  78. </div>
  79. <div class="dx-field" style="float:left;width:33%;">
  80. <div class="dx-field-label cw-multi-field-label-ex">당월사용량</div>
  81. <div id="labelUsage" class="dx-field-value" data-bind="text: '166,158'"></div>
  82. <div id="txtUsage" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '166,158' , placeholder: '당월사용량' , visible : false}"></div>
  83. </div>
  84. <div class="dx-field" style="float:left;width:33%;">
  85. <div class="dx-field-label cw-multi-field-label-ex">청구금액</div>
  86. <div id="labelResultCharge" class="dx-field-value" data-bind="text: '27,630,580'"></div>
  87. <div id="txtResultCharge" style="margin-left: 10px; position: absolute; left: 78%;" data-bind="dxTextBox: { value: '27,630,580' , placeholder: '청구금액' , visible : false}"></div>
  88. </div>
  89. </div>
  90. </div>
  91. <div id="gasChargeTable" class="dx-fieldset" style="width: 80%; visibility: hidden; position: absolute; height: 15%;">
  92. <div class="dx-field cw-multi-field-merge">
  93. <div class="dx-field" style="float:left;width:33%;">
  94. <div class="dx-field-label cw-multi-field-label-ex">사용량</div>
  95. <div id="labelGasUsage" class="dx-field-value" data-bind="text: '6,089.00'"></div>
  96. <div id="txtGasUsage" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '6,089.00' , placeholder: '사용량' , visible : false}"></div>
  97. </div>
  98. <div class="dx-field" style="float:left;width:33%;">
  99. <div class="dx-field-label cw-multi-field-label-ex">열량</div>
  100. <div id="labelHeat" class="dx-field-value" data-bind="text:'260,211.00'"></div>
  101. <div id="txtHeat" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '260,211.00' , placeholder: '열량' , visible : false}"></div>
  102. </div>
  103. <div class="dx-field" style="float:left;width:33%;">
  104. <div class="dx-field-label cw-multi-field-label-ex">금액</div>
  105. <div id="labelGasPrice" class="dx-field-value" data-bind="text:'5,004,660'"></div>
  106. <div id="txtGasPrice" style="margin-left: 10px; position: absolute; left: 78%;" data-bind="dxTextBox: { value: '5,004,660' , placeholder: '금액' , visible : false}"></div>
  107. </div>
  108. </div>
  109. </div>
  110. <div id="waterChargeTable" class="dx-fieldset" style="width: 80%; visibility: hidden; position: absolute; height: 15%;">
  111. <div class="dx-field cw-multi-field-merge">
  112. <div class="dx-field" style="float:left;width:33%;">
  113. <div class="dx-field-label cw-multi-field-label-ex">상수도요금</div>
  114. <div id="labelWater1" class="dx-field-value" data-bind="text: '12,370'"></div>
  115. <div id="txtWater1" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '12,370' , placeholder: '상수도요금' , visible : false}"></div>
  116. </div>
  117. <div class="dx-field" style="float:left;width:33%;">
  118. <div class="dx-field-label cw-multi-field-label-ex">하수도요금</div>
  119. <div id="labelWater2" class="dx-field-value" data-bind="text:'6,610'"></div>
  120. <div id="txtWater2" style="margin-left: 10px; position: absolute; left: 46%;" data-bind="dxTextBox: { value: '6,610' , placeholder: '하수도요금' , visible : false}"></div>
  121. </div>
  122. <div class="dx-field" style="float:left;width:33%;">
  123. <div class="dx-field-label cw-multi-field-label-ex">물이용부담금</div>
  124. <div id="labelWaterUsage" class="dx-field-value" data-bind="text:'3,730'"></div>
  125. <div id="txtWaterUsage" style="margin-left: 10px; position: absolute; left: 78%;" data-bind="dxTextBox: { value: '3,730' , placeholder: '물이용부담금' , visible : false}"></div>
  126. </div>
  127. </div>
  128. <div class="dx-field cw-multi-field-merge">
  129. <div class="dx-field cw-multi-field-left">
  130. <div class="dx-field-label cw-multi-field-label-ex">합계</div>
  131. <div id="labelWaterCharge" class="dx-field-value" data-bind="text: '22,710'"></div>
  132. <div id="txtWaterCharge" style="margin-left: 10px; position: absolute; left: 14%;" data-bind="dxTextBox: { value: '22,710' , placeholder: '합계' , visible : false}"></div>
  133. </div>
  134. </div>
  135. </div>-->
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>