9e6b98f76170a12289fa7438d2f4adc599d13801.svn-base 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. <div data-options="dxView : { name: 'WorkRequestPopup' } ">
  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 data-bind="dxTabs: tabsOptionsInWorkRequestPopup" class="custom_tabs_wrap"></div>
  9. <div data-bind="dxMultiView: multiViewOptionsInWorkRequestPopup" style="padding: 0px;">
  10. <div data-options="dxTemplate: { name: 'workRequest' }">
  11. <div class="dx-fieldset">
  12. <div class="dx-field cw-multi-field-merge">
  13. <div class="dx-field-label cw-multi-field-label">@workTypeName</div>
  14. <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.WorkTypeName"></div>
  15. <!-- ko if: $data.viewModel.isEditModeInPopup -->
  16. <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
  17. dataSource: $data.viewModel.workTypes,
  18. displayExpr: 'Name' ,
  19. valueExpr: 'WorkTypeId' ,
  20. value: $data.dataModel.WorkTypeId }">
  21. </div>
  22. <!-- /ko -->
  23. </div>
  24. <div class="dx-field cw-multi-field">
  25. <div class="dx-field cw-multi-field-left">
  26. <div class="dx-field-label cw-multi-field-label-ex">@companyInCharge</div>
  27. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.ChargeCompanyName"></div>
  28. <!-- ko if: $data.viewModel.isEditModeInPopup -->
  29. <div class="dx-field-value" data-bind="dxSelectBox: {
  30. dataSource: $data.viewModel.companies,
  31. displayExpr: 'Name' ,
  32. valueExpr: 'CompanyId' ,
  33. value: $data.dataModel.ChargeCompanyId }">
  34. </div>
  35. <!-- /ko -->
  36. </div>
  37. <div class="dx-field cw-multi-field-right">
  38. <div class="dx-field-label cw-multi-field-label-ex">@businessFieldName</div>
  39. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup },text: $data.dataModel.BusinessFieldName"></div>
  40. <!-- ko if: $data.viewModel.isEditModeInPopup -->
  41. <div class="dx-field-value" data-bind="dxSelectBox: {
  42. dataSource: $data.viewModel.businessFields,
  43. displayExpr: 'Name' ,
  44. valueExpr: 'BusinessFieldId' ,
  45. value: $data.dataModel.BusinessFieldId }">
  46. </div>
  47. <!-- /ko -->
  48. </div>
  49. </div>
  50. <div class="dx-field cw-multi-field">
  51. <div class="dx-field cw-multi-field-left">
  52. <div class="dx-field-label cw-multi-field-label-ex">@requesterName</div>
  53. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.RequesterName "></div>
  54. <div class="dx-field-value" style="width: 110px;" data-bind="dxTextBox: { value: $data.dataModel.RequesterName, readOnly: true }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  55. <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: $data.viewModel.handleButtonSearchUser }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  56. </div>
  57. <div class="dx-field cw-multi-field-right">
  58. <div class="dx-field-label cw-multi-field-label-ex">@requesterPost</div>
  59. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.RequesterPost"></div>
  60. <div class="dx-field-value" data-bind="dxTextBox: { value: $data.dataModel.RequesterPost }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  61. </div>
  62. </div>
  63. <div class="dx-field cw-multi-field">
  64. <div class="dx-field cw-multi-field-left">
  65. <div class="dx-field-label cw-multi-field-label-ex">@requesterMobileNo</div>
  66. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.RequesterMobileNo"></div>
  67. <div class="dx-field-value" data-bind="dxTextBox: { value: $data.dataModel.RequesterMobileNo }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  68. </div>
  69. <div class="dx-field cw-multi-field-right">
  70. <!--<div class="dx-field-label cw-multi-field-label-ex">@requesterPost</div>
  71. <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.RequesterPost"></div>
  72. <div class="dx-field-value" data-bind="dxTextBox: { value: $data.dataModel.RequesterPost }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>-->
  73. </div>
  74. </div>
  75. <div class="dx-field cw-multi-field-merge">
  76. <div class="dx-field-label cw-multi-field-label">@targetFacility</div>
  77. <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.FacilityName"></div>
  78. <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { value: $data.dataModel.FacilityName, readOnly: true }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  79. <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: $data.viewModel.handleButtonSearchFacility }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  80. </div>
  81. <div class="dx-field cw-multi-field-merge">
  82. <div class="dx-field-label cw-multi-field-label">@requestTitle</div>
  83. <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.Title "></div>
  84. <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { value: $data.dataModel.Title }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  85. </div>
  86. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  87. <table>
  88. <caption class="skip">결과 옵션</caption>
  89. <tbody>
  90. <tr>
  91. <td class="result_item result_item_var minimal_height">@requestContent</td>
  92. </tr>
  93. <tr>
  94. <td class="result_con">
  95. <div class="dx-field-value" data-bind="dxTextArea: { value: $data.dataModel.Comment, height: 240 }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  96. <div class="dx-field-value cw-wordwrap" data-bind="text: $data.dataModel.Comment, css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }"></div>
  97. </td>
  98. </tr>
  99. </tbody>
  100. </table>
  101. </div>
  102. <!--<div class="dx-field cw-multi-field-merge" style="background: #FFFFFF;">
  103. <div class="dx-field-label cw-multi-field-label" style="width:100%">@requestComment</div>
  104. <div style="clear:both;"></div>
  105. <div style="background: blue;">
  106. <div class="dx-field-value cw-wordwrap" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.Comment"></div>
  107. <div class="dx-field-value" data-bind="dxTextArea: { value: $data.dataModel.Comment, height: 200 }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>
  108. </div>
  109. </div>-->
  110. </div>
  111. </div>
  112. <!-- ko if: showWorkOrderPage -->
  113. <div data-options="dxTemplate: { name: 'workOrder' }">
  114. <div class="dx-fieldset">
  115. <div class="dx-field cw-multi-field-merge">
  116. <div class="dx-field-label cw-multi-field-label">@workCodeEmergency</div>
  117. <div class="dx-field-value cw-multi-field-value" data-bind="text: $data.dataModel.FmsWorkCodeEmergency_Name"></div>
  118. </div>
  119. <div class="dx-field cw-multi-field">
  120. <div class="dx-field cw-multi-field-left">
  121. <div class="dx-field-label cw-multi-field-label-ex">@companyInCharge</div>
  122. <div class="dx-field-value" data-bind="text: $data.dataModel.CmCompany_Name"></div>
  123. </div>
  124. <div class="dx-field cw-multi-field-right">
  125. <div class="dx-field-label cw-multi-field-label-ex">@businessFieldName</div>
  126. <div class="dx-field-value" data-bind="text: $data.dataModel.CmBusinessField_Name"></div>
  127. </div>
  128. </div>
  129. <div class="dx-field cw-multi-field">
  130. <div class="dx-field cw-multi-field-left">
  131. <div class="dx-field-label cw-multi-field-label-ex">@workerName</div>
  132. <div class="dx-field-value" data-bind="text: $data.dataModel.WorkerUserName "></div>
  133. </div>
  134. <div class="dx-field cw-multi-field-right">
  135. <div class="dx-field-label cw-multi-field-label-ex">@workerPhoneNo</div>
  136. <div class="dx-field-value" data-bind="text: $data.dataModel.WorkerPhoneNo"></div>
  137. </div>
  138. </div>
  139. <div class="dx-field cw-multi-field-merge">
  140. <div class="dx-field-label cw-multi-field-label">@workTitle</div>
  141. <div class="dx-field-value cw-multi-field-value" data-bind="text: $data.dataModel.Title "></div>
  142. </div>
  143. <div class="dx-field cw-multi-field-merge" >
  144. <div class="dx-field-label cw-multi-field-label">@orderContents</div>
  145. <div class="dx-field-value cw-wordwrap" data-bind="text: $data.dataModel.Contents"></div>
  146. </div>
  147. </div>
  148. </div>
  149. <!-- /ko -->
  150. <div data-options="dxTemplate: { name: 'targetFacility' }">
  151. <div id="gridFacilityContainerInWorkRequest" data-bind="dxDataGrid: $data.dataGridOptions"></div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>