<div data-options="dxView : { name: 'ChargePrice2', 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: 690px;"> <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> <br /> <br /> <div class="dx-clearfix" style="width: 100%; height: 100%;" data-options="dxTemplate: { name: 'content' } "> <br /> <div id="tabOptions" data-bind="dxTabs: tabOptions"></div> <!--<div id="priceTypeId" style="font-size: 20px; font-weight: bold; text-align: left;"></div>--> <div class="fl" style="line-height:350%;">사용기간 </div> <div id="startDate" class="fl" style="margin:10px;" data-bind="dxDateBox: startDate"></div> <div class="fl" style="line-height:350%;"> ~ </div> <div id="endDate" class="fl" style="margin:10px;" data-bind="dxDateBox: endDate"></div> <div id="modifyBtn" class="fr" style="margin:10px;" data-bind="dxButton: {text: '수정', onClick: modifyButtonClicked, disabled: hasnotModificationPermission}"></div> <div id="detail" style="width: 100%; height: 100%; overflow: hidden "> </div> </div> </div> </div> </div>