123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152 |
- <div data-options="dxView : { name: 'SearchViewDateTimeBox' } ">
- <div class="dx-field search-field-box">
- <ul class="search-row-layout">
- <li class="form-label">
- <div class="dx-field-label">@timeType</div>
- </li>
- <li class="form-field">
- <!-- cyim 2016.08.22 : 성능분석 그래프의 경우 시간 데이타만 표시되어야 한다 -->
- <div class="dx-field-value" data-bind="dxSelectBox: {
- disabled: false,
- dataSource: timeBoxForSearch.typeDataSource,
- displayExpr: 'Name' ,
- valueExpr: 'TimeTypeId' ,
- value: timeBoxForSearch.type ,
- readOnly: timeBoxForSearch.isReadOnly
- }">
- </div>
- </li>
- <!-- ko if: timeBoxForSearch.isHour -->
- <li>
- <div class="dx-field search-field-box">
- <ul class="search-row-layout">
- <li class="form-label">
- <div class="dx-field-label">@startDateTime</div>
- </li>
- <li class="form-field">
- <!-- V14.1-V15.1 hcLee width:108px padding:5px 이 필요하다 -->
- <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
- <div class="dx-field-value dxbox_one_thirty_five" style="width:108px; padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.startDate, format: 'date', }"></div>
- <div class="dx-field-value dxbox_one_thirty_five" style="width:108px; padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.startTime, format: 'time', }"></div>
- </li>
- <li style="margin-top: 35px;" class="form-label">
- <div class="dx-field-label">@endDateTime</div>
- </li>
- <li class="form-field">
- <!-- V14.1-V15.1 hcLee width:108px padding:5px 이 필요하다 -->
- <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
- <div class="dx-field-value dxbox_one_thirty_five" style="width:108px;padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.endDate, format: 'date' }"></div>
- <!-- <div class="dx-field-value" data-bind="dxDateBox: { value: timeBoxForSearch.hour.endTime, format: 'time', closeOnValueChange: timeBoxForSearch.hour.timeChange }"></div>-->
- <div class="dx-field-value dxbox_one_thirty_five" style="width:108px; padding-left:5px" data-bind="dxDateBox: { value: timeBoxForSearch.hour.endTime, format: 'time' }"></div>
- </li>
- </ul>
- <ul class="search-row-layout">
- <li class="form-field" style="width: 100%;">
- <div style="width: inherit;">
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@todayS', clickAction: timeBoxForSearch.hour.setToday }"></div>
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@3days', clickAction: timeBoxForSearch.hour.set3days }"></div>
- <div style="float: right;" data-bind="dxButton: { text: '@24hours', clickAction: timeBoxForSearch.hour.set24hours }"></div>
- </div>
- </li>
- </ul>
- </div>
- </li>
- <!-- /ko -->
- <!-- ko if: timeBoxForSearch.isDay -->
- <li>
- <div class="dx-field search-field-box">
- <ul class="search-row-layout">
- <li class="form-label">
- <div class="dx-field-label">@startDate</div>
- </li>
- <li class="form-field">
- <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
- <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.day.startDate, format: 'date' }"></div>
- </li>
- <li class="form-label">
- <div class="dx-field-label">@endDate</div>
- </li>
- <li class="form-field">
- <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
- <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.day.endDate, format: 'date' }"></div>
- </li>
- </ul>
- <ul class="search-row-layout">
- <li class="form-field" style="width: 100%;">
- <div style="width: inherit;">
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@thisMonth', clickAction: timeBoxForSearch.day.setThisMonth }"></div>
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@1month', clickAction: timeBoxForSearch.day.set1month }"></div>
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@1week', clickAction: timeBoxForSearch.day.set1week }"></div>
- <div style="float: right;" data-bind="dxButton: { text: '@3days', clickAction: timeBoxForSearch.day.set3days }"></div>
- </div>
- </li>
- </ul>
- </div>
- </li>
- <!-- /ko -->
- <!-- ko if: timeBoxForSearch.isMonth -->
- <li>
- <div class="dx-field search-field-box">
- <ul class="search-row-layout">
- <li class="form-label">
- <div class="dx-field-label">@startDate</div>
- </li>
- <li class="form-field">
- <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
- <div class="dx-field-value dxbox_one_thirty_five" data-bind ="dxDateBox: { value: timeBoxForSearch.month.startDate, format: 'date' }"></div>
- </li>
- <li class="form-label">
- <div class="dx-field-label">@endDate</div>
- </li>
- <li class="form-field">
- <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
- <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.month.endDate, format: 'date' }"></div>
- </li>
- </ul>
- <ul class="search-row-layout">
- <li class="form-field" style="width: 100%;">
- <div style="width: inherit;">
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@thisYear', clickAction: timeBoxForSearch.month.setThisYear }"></div>
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@12months', clickAction: timeBoxForSearch.month.set1year}"></div>
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@6months', clickAction: timeBoxForSearch.month.set6months }"></div>
- <div style="float: right;" data-bind="dxButton: { text: '@3months', clickAction: timeBoxForSearch.month.set3months }"></div>
- </div>
- </li>
- </ul>
- </div>
- </li>
- <!-- /ko -->
- <!-- ko if: timeBoxForSearch.isYear -->
- <li>
- <div class="dx-field search-field-box">
- <ul class="search-row-layout">
- <li class="form-label">
- <div class="dx-field-label">@startDate</div>
- </li>
- <li class="form-field">
- <div class="dx-field-value" data-bind="dxNumberBox: { value: timeBoxForSearch.year.startYear, min: 1900 }"></div>
- </li>
- <li class="form-label">
- <div class="dx-field-label">@endDate</div>
- </li>
- <li class="form-field">
- <div class="dx-field-value" data-bind="dxNumberBox: { value: timeBoxForSearch.year.endYear, min: 1900 }"></div>
- </li>
- </ul>
- <ul class="search-row-layout">
- <li class="form-field" style="width: 100%;">
- <div style="width: inherit;">
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@10years', clickAction: timeBoxForSearch.year.set10years }"></div>
- <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@5years', clickAction: timeBoxForSearch.year.set5years}"></div>
- <div style="float: right;" data-bind="dxButton: { text: '@3years', clickAction: timeBoxForSearch.year.set3years }"></div>
- </div>
- </li>
- </ul>
- </div>
- </li>
- <!-- /ko -->
- </ul>
- </div>
- </div>
|