cd67240c8cc2dbd5e569afaaf1784e89d577767f.svn-base 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <div data-options="dxView : { name: 'MaterialStoredPopup2'} ">
  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: materialStoredPopupToolbarItems }"></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: 600px">
  9. <div class="dx-field cw-multi-field">
  10. <div class="dx-field cw-multi-field-left">
  11. <div class="dx-field-label cw-multi-field-label">@storedDate</div>
  12. <div class="dx-field-value" data-bind="text: $G.date( dataModel.StoredDate() )"></div>
  13. </div>
  14. <div class="dx-field cw-multi-field-right">
  15. <div class="dx-field-label cw-multi-field-label-ex">@storedTime</div>
  16. <div class="dx-field-value" data-bind="text: $G.time( dataModel.StoredDate())"></div>
  17. </div>
  18. </div>
  19. <div class="dx-field cw-multi-field">
  20. <div class="dx-field cw-multi-field-left">
  21. <div class="dx-field-label cw-multi-field-label">@businessField</div>
  22. <div class="dx-field-value" data-bind="text:dataModel.BusinessFieldName "></div>
  23. </div>
  24. <div class="dx-field cw-multi-field-right">
  25. <div class="dx-field-label cw-multi-field-label-ex">@storedUserName</div>
  26. <div class="dx-field-value" data-bind="text: dataModel.StoredUserName"></div>
  27. </div>
  28. </div>
  29. <div class="dx-field cw-multi-field-merge">
  30. <div class="dx-field-label cw-multi-field-label">@purchaseOrderDocument</div>
  31. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.PurchaseOrderTitle, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  32. <!-- ko if: isEditModeInPopup -->
  33. <!-- jks-2015-12-30 넓이168px로 맞추기 -->
  34. <div class="dx-field-value cw-multi-field-value dxDateBox_IconLocation" style="width: 300px" data-bind="dxTextBox: { value: dataModel.PurchaseOrderTitle, readOnly: true }"></div>
  35. <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: handleButtonSearchPurchaseOrder }"></div>
  36. <!-- /ko -->
  37. </div>
  38. <div class="dx-field cw-multi-field-merge">
  39. <div class="dx-field-label cw-multi-field-label">@warehouseName</div>
  40. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.WarehouseName, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  41. <!-- ko if: isEditModeInPopup -->
  42. <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
  43. dataSource: warehouses,
  44. displayExpr: 'Name' ,
  45. valueExpr: 'WarehouseId' ,
  46. value: dataModel.WarehouseId }">
  47. </div>
  48. <!-- /ko -->
  49. </div>
  50. <div class="dx-field cw-multi-field-merge">
  51. <div class="dx-field-label cw-multi-field-label">자재위치</div>
  52. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.LocationInWarehouse, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  53. <!-- ko if: isEditModeInPopup -->
  54. <!-- jks-2015-12-30 넓이168px로 맞추기 -->
  55. <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { value: dataModel.LocationInWarehouse }"></div>
  56. <!-- /ko -->
  57. </div>
  58. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  59. <table>
  60. <caption class="skip">비고</caption>
  61. <tbody>
  62. <tr>
  63. <td class="result_item result_item_var minimal_height">@note</td>
  64. </tr>
  65. <tr>
  66. <td class="result_con">
  67. <!--jks-2015-12-22 내용 입력 영역 확대100%-->
  68. <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Note, height: 200 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  69. <div class="dx-field-value cw-wordwrap" style="height: 200px;" data-bind="text: dataModel.Note, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  70. </td>
  71. </tr>
  72. </tbody>
  73. </table>
  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">발주비고</td>
  81. </tr>
  82. <tr>
  83. <td class="result_con">
  84. <!-- <div class="dx-field-value" data-bind="dxTextArea: { value: dataModel.PurchaseOrderReason, height: 200 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>-->
  85. <div class="dx-field-value cw-wordwrap" style="height: 200px;" data-bind="text: dataModel.PurchaseOrderReason, "></div>
  86. </td>
  87. </tr>
  88. </tbody>
  89. </table>
  90. </div>
  91. </div>
  92. <div class="dx-fieldset" style="float: left; padding-left: 0px !important;">
  93. <!--1. 용어변경 : 구매요청제목 -> 구매발주서-->
  94. <p class="body_sub_title_2depth">@purchaseOrderDocument</p>
  95. <!-- 구매요청 자재목록 그리드 -->
  96. <!--todo ; 그리드 옵션 할 차례-->
  97. <div id="gridContainer2" class="dx-field-value" style="height: 590px;" data-bind="dxDataGrid: materialDataGridOptions"></div>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>