6610b5e186bd96e7007aecaf19fdeb2701c614c3.svn-base 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <div data-options="dxView : { name: 'MaterialStoredPopup'} ">
  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: 540px">
  9. <div class="dx-field cw-multi-field-merge">
  10. <div class="dx-field cw-multi-field-left">
  11. <div class="dx-field-label cw-multi-field-label-ex">@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. <!-- ko if: isEditModeInPopup -->
  17. <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.StoredDate, format: 'time' }"></div>
  18. <!-- /ko -->
  19. <!-- ko ifnot: isEditModeInPopup -->
  20. <div class="dx-field-value" data-bind="text: $G.time( dataModel.StoredDate() )"></div>
  21. <!-- /ko -->
  22. </div>
  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">@businessField</div>
  27. <div class="dx-field-value" data-bind="text: dataModel.BusinessFieldName"></div>
  28. </div>
  29. <div class="dx-field cw-multi-field-right">
  30. <div class="dx-field-label cw-multi-field-label-ex">@storedUserName</div>
  31. <div class="dx-field-value" data-bind="text: dataModel.StoredUserName"></div>
  32. </div>
  33. </div>
  34. <div class="dx-field cw-multi-field-merge">
  35. <div class="dx-field-label cw-multi-field-label">@purchaseRequestTitle</div>
  36. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.PurchaseRequestTitle, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  37. <!-- ko if: isEditModeInPopup -->
  38. <div class="dx-field-value cw-multi-field-value" style="width: 300px" data-bind="dxTextBox: { value: dataModel.PurchaseRequestTitle, readOnly: true }"></div>
  39. <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: popup.handleButtonSearchPurchaseRequest }"></div>
  40. <!-- /ko -->
  41. </div>
  42. <div class="dx-field cw-multi-field-merge">
  43. <div class="dx-field-label cw-multi-field-label">@materialName</div>
  44. <div class="dx-field-value cw-multi-field-value" data-bind="text: popup.dataModelMaterial.Name, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  45. <!-- ko if: isEditModeInPopup -->
  46. <div class="dx-field-value cw-multi-field-value" style="width: 300px" data-bind="dxTextBox: { value: popup.dataModelMaterial.Name, readOnly: true }"></div>
  47. <!-- jks-2015-12-24 달력아이콘 위치 수정 -->
  48. <div class="dx-field-value cw-multi-field-value-multiple dxDateBox_IconLocation" data-bind="dxButton: { icon: 'search', clickAction: popup.handleButtonSearchMaterial }"></div>
  49. <!-- /ko -->
  50. </div>
  51. <div class="dx-field cw-multi-field-merge">
  52. <div class="dx-field-label cw-multi-field-label">@warehouseName</div>
  53. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.WarehouseName, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  54. <!-- ko if: isEditModeInPopup -->
  55. <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: {
  56. dataSource: warehouses,
  57. displayExpr: 'Name' ,
  58. valueExpr: 'WarehouseId' ,
  59. value: dataModel.WarehouseId }">
  60. </div>
  61. <!-- /ko -->
  62. </div>
  63. <div class="dx-field cw-multi-field-merge">
  64. <div class="dx-field cw-multi-field-left">
  65. <div class="dx-field-label cw-multi-field-label-ex">@storedCount</div>
  66. <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.StoredCount, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  67. <div class="dx-field-value cw-multi-field-value" style="width: 120px;" data-bind="dxNumberBox: { value: dataModel.StoredCount, min: 1, showSpinButtons: true }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  68. </div>
  69. <div class="dx-field cw-multi-field-right">
  70. <div class="dx-field-label cw-multi-field-label-ex">@unitCost</div>
  71. <div class="dx-field-value cw-multi-field-value" data-bind="text: $G.money(dataModel.UnitCost())"></div>
  72. </div>
  73. </div>
  74. <div class="dx-field cw-multi-field">
  75. <div class="dx-field cw-multi-field-left">
  76. <div class="dx-field-label cw-multi-field-label">@unit</div>
  77. <div class="dx-field-value cw-multi-field-value" data-bind="text: popup.dataModelMaterial.Unit"></div>
  78. </div>
  79. <div class="dx-field cw-multi-field-right">
  80. <div class="dx-field-label cw-multi-field-label">@standard</div>
  81. <div class="dx-field-value cw-multi-field-value" data-bind="text: popup.dataModelMaterial.Standard"></div>
  82. </div>
  83. </div>
  84. <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0">
  85. <table>
  86. <caption class="skip">비고</caption>
  87. <tbody>
  88. <tr>
  89. <td class="result_item result_item_var minimal_height">@note</td>
  90. </tr>
  91. <tr>
  92. <td class="result_con">
  93. <div class="dx-field-value" data-bind="dxTextArea: { value: dataModel.Note, height: 200 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div>
  94. <!-- jks-2015-12-22 내용 입력 영역 확대100% -->
  95. <div class="dx-field-value cw-wordwrap dxTextArea_InputArea" style="height: 200px;" data-bind="text: dataModel.Note, css: {'dx-state-invisible': isEditModeInPopup }"></div>
  96. </td>
  97. </tr>
  98. </tbody>
  99. </table>
  100. </div>
  101. </div>
  102. <div class="dx-fieldset" style="float: left; padding-left: 0px !important;">
  103. <p class="body_sub_title_2depth">@materialListInPurhcaseRequest</p>
  104. <div class="dx-field-value" style="height: 560px;" data-bind="dxDataGrid: popup.materialDataGridOptions"></div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>