411c170a1923d5d653520632bfcbde387cec59eb.svn-base 8.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <div data-options="dxView : { name: 'SearchViewDateTimeBox' } ">
  2. <div class="dx-field search-field-box">
  3. <ul class="search-row-layout">
  4. <li class="form-label">
  5. <div class="dx-field-label">@timeType</div>
  6. </li>
  7. <li class="form-field">
  8. <!-- cyim 2016.08.22 : 성능분석 그래프의 경우 시간 데이타만 표시되어야 한다 -->
  9. <div class="dx-field-value" data-bind="dxSelectBox: {
  10. disabled: false,
  11. dataSource: timeBoxForSearch.typeDataSource,
  12. displayExpr: 'Name' ,
  13. valueExpr: 'TimeTypeId' ,
  14. value: timeBoxForSearch.type ,
  15. readOnly: timeBoxForSearch.isReadOnly
  16. }">
  17. </div>
  18. </li>
  19. <!-- ko if: timeBoxForSearch.isHour -->
  20. <li>
  21. <div class="dx-field search-field-box">
  22. <ul class="search-row-layout">
  23. <li class="form-label">
  24. <div class="dx-field-label">@startDateTime</div>
  25. </li>
  26. <li class="form-field">
  27. <!-- V14.1-V15.1 hcLee width:108px padding:5px 이 필요하다 -->
  28. <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
  29. <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>
  30. <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>
  31. </li>
  32. <li style="margin-top: 35px;" class="form-label">
  33. <div class="dx-field-label">@endDateTime</div>
  34. </li>
  35. <li class="form-field">
  36. <!-- V14.1-V15.1 hcLee width:108px padding:5px 이 필요하다 -->
  37. <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
  38. <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>
  39. <!-- <div class="dx-field-value" data-bind="dxDateBox: { value: timeBoxForSearch.hour.endTime, format: 'time', closeOnValueChange: timeBoxForSearch.hour.timeChange }"></div>-->
  40. <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>
  41. </li>
  42. </ul>
  43. <ul class="search-row-layout">
  44. <li class="form-field" style="width: 100%;">
  45. <div style="width: inherit;">
  46. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@todayS', clickAction: timeBoxForSearch.hour.setToday }"></div>
  47. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@3days', clickAction: timeBoxForSearch.hour.set3days }"></div>
  48. <div style="float: right;" data-bind="dxButton: { text: '@24hours', clickAction: timeBoxForSearch.hour.set24hours }"></div>
  49. </div>
  50. </li>
  51. </ul>
  52. </div>
  53. </li>
  54. <!-- /ko -->
  55. <!-- ko if: timeBoxForSearch.isDay -->
  56. <li>
  57. <div class="dx-field search-field-box">
  58. <ul class="search-row-layout">
  59. <li class="form-label">
  60. <div class="dx-field-label">@startDate</div>
  61. </li>
  62. <li class="form-field">
  63. <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
  64. <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.day.startDate, format: 'date' }"></div>
  65. </li>
  66. <li class="form-label">
  67. <div class="dx-field-label">@endDate</div>
  68. </li>
  69. <li class="form-field">
  70. <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
  71. <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.day.endDate, format: 'date' }"></div>
  72. </li>
  73. </ul>
  74. <ul class="search-row-layout">
  75. <li class="form-field" style="width: 100%;">
  76. <div style="width: inherit;">
  77. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@thisMonth', clickAction: timeBoxForSearch.day.setThisMonth }"></div>
  78. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@1month', clickAction: timeBoxForSearch.day.set1month }"></div>
  79. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@1week', clickAction: timeBoxForSearch.day.set1week }"></div>
  80. <div style="float: right;" data-bind="dxButton: { text: '@3days', clickAction: timeBoxForSearch.day.set3days }"></div>
  81. </div>
  82. </li>
  83. </ul>
  84. </div>
  85. </li>
  86. <!-- /ko -->
  87. <!-- ko if: timeBoxForSearch.isMonth -->
  88. <li>
  89. <div class="dx-field search-field-box">
  90. <ul class="search-row-layout">
  91. <li class="form-label">
  92. <div class="dx-field-label">@startDate</div>
  93. </li>
  94. <li class="form-field">
  95. <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
  96. <div class="dx-field-value dxbox_one_thirty_five" data-bind ="dxDateBox: { value: timeBoxForSearch.month.startDate, format: 'date' }"></div>
  97. </li>
  98. <li class="form-label">
  99. <div class="dx-field-label">@endDate</div>
  100. </li>
  101. <li class="form-field">
  102. <!-- jks-2016-02-03 오른쪽 매뉴 달력 아이콘 칸 135px 늘이기-->
  103. <div class="dx-field-value dxbox_one_thirty_five" data-bind="dxDateBox: { value: timeBoxForSearch.month.endDate, format: 'date' }"></div>
  104. </li>
  105. </ul>
  106. <ul class="search-row-layout">
  107. <li class="form-field" style="width: 100%;">
  108. <div style="width: inherit;">
  109. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@thisYear', clickAction: timeBoxForSearch.month.setThisYear }"></div>
  110. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@12months', clickAction: timeBoxForSearch.month.set1year}"></div>
  111. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@6months', clickAction: timeBoxForSearch.month.set6months }"></div>
  112. <div style="float: right;" data-bind="dxButton: { text: '@3months', clickAction: timeBoxForSearch.month.set3months }"></div>
  113. </div>
  114. </li>
  115. </ul>
  116. </div>
  117. </li>
  118. <!-- /ko -->
  119. <!-- ko if: timeBoxForSearch.isYear -->
  120. <li>
  121. <div class="dx-field search-field-box">
  122. <ul class="search-row-layout">
  123. <li class="form-label">
  124. <div class="dx-field-label">@startDate</div>
  125. </li>
  126. <li class="form-field">
  127. <div class="dx-field-value" data-bind="dxNumberBox: { value: timeBoxForSearch.year.startYear, min: 1900 }"></div>
  128. </li>
  129. <li class="form-label">
  130. <div class="dx-field-label">@endDate</div>
  131. </li>
  132. <li class="form-field">
  133. <div class="dx-field-value" data-bind="dxNumberBox: { value: timeBoxForSearch.year.endYear, min: 1900 }"></div>
  134. </li>
  135. </ul>
  136. <ul class="search-row-layout">
  137. <li class="form-field" style="width: 100%;">
  138. <div style="width: inherit;">
  139. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@10years', clickAction: timeBoxForSearch.year.set10years }"></div>
  140. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '@5years', clickAction: timeBoxForSearch.year.set5years}"></div>
  141. <div style="float: right;" data-bind="dxButton: { text: '@3years', clickAction: timeBoxForSearch.year.set3years }"></div>
  142. </div>
  143. </li>
  144. </ul>
  145. </div>
  146. </li>
  147. <!-- /ko -->
  148. </ul>
  149. </div>
  150. </div>