d3db1e51e8e52d810610a1726534b32632551673.svn-base 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. <div data-options="dxView : { name: 'CivilComplaintPopup' } ">
  2. <div data-bind="dxPopup: popupOptions ">
  3. <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;">
  4. <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div>
  5. </div>
  6. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  7. <div id="popupDetail" data-bind="dxscrollview: { }">
  8. <div class="dx-fieldset" style="float: left; width: 460px">
  9. <!-- <div class="dx-field cw-multi-field-merge">
  10. <div class="dx-field-label cw-multi-field-label-ex">@requestDate</div>
  11. <div class="dx-field-value" data-bind="text: $G.date(dataModel.RequestDate())"></div>
  12. </div>-->
  13. <div class="dx-field cw-multi-field-merge">
  14. <div class="dx-field-label cw-multi-field-label-ex">@businessFieldName</div>
  15. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BusinessFieldName"></div>
  16. <!-- ko if: isEditModeInPopup -->
  17. <div class="dx-field-value" data-bind="dxSelectBox: {
  18. dataSource: businessFields,
  19. displayExpr: 'Name' ,
  20. valueExpr: 'BusinessFieldId' ,
  21. value: dataModel.BusinessFieldId
  22. }"></div>
  23. <!-- /ko -->
  24. </div>
  25. <div class="dx-field cw-multi-field-merge">
  26. <div class="dx-field-label cw-multi-field-label">@workTypeName</div>
  27. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.WorkTypeName"></div>
  28. </div>
  29. <!--<div class="dx-field cw-multi-field-merge">
  30. <div class="dx-field-label cw-multi-field-label">@workProgressName</div>
  31. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.WorkProgressName"></div>
  32. </div>
  33. -->
  34. <div class="dx-field cw-multi-field-merge">
  35. <div class="dx-field-label cw-multi-field-label-ex">@workDueDate</div>
  36. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.date( dataModel.StartWorkDate() )"></div>
  37. <!-- jks 2015.12.04 달력아이콘 위치 수정 -->
  38. <div class="dx-field-value dxDateBox_IconLocation" data-bind="dxDateBox: { value: dataModel.StartWorkDate, format: 'date' , min: new Date(moment().add(-1,'M')) }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  39. </div>
  40. <div class="dx-field cw-multi-field-merge">
  41. <div class="dx-field-label cw-multi-field-label-ex">@requesterName</div>
  42. <div class="dx-field-value" data-bind="text: dataModel.RequestUserName "></div>
  43. </div>
  44. <div class="dx-field cw-multi-field-merge">
  45. <div class="dx-field-label cw-multi-field-label-ex">@requestTitle</div>
  46. <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Title "></div>
  47. <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { width: 340, value: dataModel.Title }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  48. </div>
  49. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  50. <table>
  51. <caption class="skip">요청내용</caption>
  52. <tbody>
  53. <tr>
  54. <td class="result_item result_item_var minimal_height">@requestContent</td>
  55. </tr>
  56. <tr>
  57. <td class="result_con">
  58. <!-- jks 2015.12.07 입력영역 확대 -->
  59. <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Content, height: 160 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  60. <div class="dx-field-value cw-wordwrap" style="height: 160px;" data-bind="text: dataModel.Content, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  61. </td>
  62. </tr>
  63. </tbody>
  64. </table>
  65. </div>
  66. <!-- ko if: popup.isReject -->
  67. <div class="dx-field cw-multi-field-merge">
  68. <div class="dx-field-label cw-multi-field-label-ex">@rejectUserName</div>
  69. <div class="dx-field-value" data-bind="text: dataModel.RejectUserName"></div>
  70. </div>
  71. <div class="dx-field cw-multi-field-merge">
  72. <div class="dx-field-label cw-multi-field-label-ex">@rejectDate</div>
  73. <div class="dx-field-value" data-bind="text: $G.date(dataModel.RejectDate())"></div>
  74. </div>
  75. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  76. <table>
  77. <caption class="skip">반려사유</caption>
  78. <tbody>
  79. <tr>
  80. <td class="result_item result_item_var minimal_height">@rejectReason</td>
  81. </tr>
  82. <tr>
  83. <td class="result_con">
  84. <div class="dx-field-value" data-bind="dxTextArea: { value: dataModel.RejectReason, height: 140 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  85. <div class="dx-field-value cw-wordwrap" style="height: 140px;" data-bind="text: dataModel.RejectReason, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  86. </td>
  87. </tr>
  88. </tbody>
  89. </table>
  90. </div>
  91. <!-- /ko -->
  92. <!-- ko ifnot: popup.isReject -->
  93. <!-- ko ifnot: isNewInPopup -->
  94. <!--
  95. <p class="body_sub_title_2depth">작업이력</p>
  96. <div style="height:200px; margin: 0 auto" data-bind="dxScrollView: { showScrollbar: 'always' }">
  97. <div id="listContainer" data-bind="dxList: { dataSource: workResultCheckItems, pullRefreshEnabled: true , itemClickAction: onItemClick}">
  98. <div data-options="dxTemplate:{ name:'item' }">
  99. <p> <i data-bind="text: $G.date(CheckDate())"></i> - <i data-bind="text: TextResult"></i> </p>
  100. </div>
  101. </div>
  102. </div> 2015 11 09 hcLee-->
  103. <!-- /ko -->
  104. <!-- /ko -->
  105. </div>
  106. <!-- <div class="dx-fieldset" style="float: left; padding-left: 0px !important; width:560px;">-->
  107. <div class="dx-fieldset" style="float: left; width:460px;">
  108. <p class="body_sub_title_2depth">@facilityList</p>
  109. <div id="gridContainer2" class="dx-field-value" style="height: 405px; margin-top:-10px" data-bind="dxDataGrid: popup.facilityDataGridOptions"></div>
  110. <!-- ko if: popup.modifiableFacilityDataGridOptions -->
  111. <div id="gridContainer3" class="dx-field-value" style="height: 405px; margin-top:-10px" data-bind="dxDataGrid: popup.modifiableFacilityDataGridOptions"></div>
  112. <!-- /ko -->
  113. <!-- ko ifnot: popup.isReject -->
  114. <!-- ko ifnot: isNewInPopup -->
  115. <!--
  116. <p class="body_sub_title_2depth" style="margin-top:420px">작업이력상세</p>
  117. <div class="dx-field cw-multi-field-merge">
  118. <div class="dx-field-label cw-multi-field-label-ex">작업일</div>
  119. <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.selectedItemCheckDate, format: 'date' }"></div>
  120. </div>
  121. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  122. <table>
  123. <caption class="skip">작업내용</caption>
  124. <tbody>
  125. <tr>
  126. <td class="result_item result_item_var minimal_height">작업내용</td>
  127. </tr>
  128. <tr>
  129. <td class="result_con">
  130. <div id="selectedTextResult" class="dx-field-value" data-bind="dxTextArea: { value: dataModel.selectedItemTextResult, height: 160 }"></div>
  131. </td>
  132. </tr>
  133. <tr>
  134. <td></td>
  135. </tr>
  136. </tbody>
  137. </table>
  138. </div>-->
  139. <!-- /ko -->
  140. <!-- /ko -->
  141. </div>
  142. <!--<div class="dx-fieldset" style="float: left; width: 400px">
  143. <p class="body_sub_title_2depth">작업이력</p>
  144. <div style="height:200px; margin: 0 auto" data-bind="dxScrollView: { showScrollbar: 'always' }">
  145. <div id="listContainer" data-bind="dxList: { dataSource: workResultCheckItems, pullRefreshEnabled: true , itemClickAction: onItemClick}">
  146. <div data-options="dxTemplate:{ name:'item' }">
  147. <p> <i data-bind="text: $G.date(CheckDate())"></i> - <i data-bind="text: TextResult"></i> </p>
  148. </div>
  149. </div>
  150. </div>
  151. </div>-->
  152. <!--<div class="dx-fieldset" style="float: left; padding-left: 0px !important; width:395px">
  153. <p class="body_sub_title_2depth">작업이력상세</p>
  154. <div class="dx-field cw-multi-field-merge">
  155. <div class="dx-field-label cw-multi-field-label-ex">작업일</div>
  156. <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.selectedItemCheckDate, format: 'date' }"></div>
  157. </div>
  158. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  159. <table>
  160. <caption class="skip">작업내용</caption>
  161. <tbody>
  162. <tr>
  163. <td class="result_item result_item_var minimal_height">작업내용</td>
  164. </tr>
  165. <tr>
  166. <td class="result_con">
  167. <div id="selectedTextResult" class="dx-field-value" data-bind="dxTextArea: { value: dataModel.selectedItemTextResult, height: 160 }"></div>
  168. </td>
  169. </tr>
  170. <tr>
  171. <td></td>
  172. </tr>
  173. </tbody>
  174. </table>
  175. </div>
  176. </div>-->
  177. </div>
  178. </div>
  179. </div>
  180. </div>