<div data-options="dxView : { name: 'CivilComplaintPopup' } "> <div data-bind="dxPopup: popupOptions "> <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;"> <div data-bind="dxToolbar: { dataSource: toolbarItems }"></div> </div> <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } "> <div id="popupDetail" data-bind="dxscrollview: { }"> <div class="dx-fieldset" style="float: left; width: 460px"> <!-- <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">@requestDate</div> <div class="dx-field-value" data-bind="text: $G.date(dataModel.RequestDate())"></div> </div>--> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">@businessFieldName</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.BusinessFieldName"></div> <!-- ko if: isEditModeInPopup --> <div class="dx-field-value" data-bind="dxSelectBox: { dataSource: businessFields, displayExpr: 'Name' , valueExpr: 'BusinessFieldId' , value: dataModel.BusinessFieldId }"></div> <!-- /ko --> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">@workTypeName</div> <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.WorkTypeName"></div> </div> <!--<div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">@workProgressName</div> <div class="dx-field-value cw-multi-field-value" data-bind="text: dataModel.WorkProgressName"></div> </div> --> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">@workDueDate</div> <div class="dx-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: $G.date( dataModel.StartWorkDate() )"></div> <!-- jks 2015.12.04 달력아이콘 위치 수정 --> <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> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">@requesterName</div> <div class="dx-field-value" data-bind="text: dataModel.RequestUserName "></div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">@requestTitle</div> <div class="dx-field-value cw-multi-field-value" data-bind="css: {'dx-state-invisible': isEditModeInPopup }, text: dataModel.Title "></div> <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { width: 340, value: dataModel.Title }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div> </div> <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0"> <table> <caption class="skip">요청내용</caption> <tbody> <tr> <td class="result_item result_item_var minimal_height">@requestContent</td> </tr> <tr> <td class="result_con"> <!-- jks 2015.12.07 입력영역 확대 --> <div class="dx-field-value dxTextArea_InputArea" data-bind="dxTextArea: { value: dataModel.Content, height: 160 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div> <div class="dx-field-value cw-wordwrap" style="height: 160px;" data-bind="text: dataModel.Content, css: {'dx-state-invisible': isEditModeInPopup }"></div> </td> </tr> </tbody> </table> </div> <!-- ko if: popup.isReject --> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">@rejectUserName</div> <div class="dx-field-value" data-bind="text: dataModel.RejectUserName"></div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">@rejectDate</div> <div class="dx-field-value" data-bind="text: $G.date(dataModel.RejectDate())"></div> </div> <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0"> <table> <caption class="skip">반려사유</caption> <tbody> <tr> <td class="result_item result_item_var minimal_height">@rejectReason</td> </tr> <tr> <td class="result_con"> <div class="dx-field-value" data-bind="dxTextArea: { value: dataModel.RejectReason, height: 140 }, css: {'dx-state-invisible': !isEditModeInPopup() }"></div> <div class="dx-field-value cw-wordwrap" style="height: 140px;" data-bind="text: dataModel.RejectReason, css: {'dx-state-invisible': isEditModeInPopup }"></div> </td> </tr> </tbody> </table> </div> <!-- /ko --> <!-- ko ifnot: popup.isReject --> <!-- ko ifnot: isNewInPopup --> <!-- <p class="body_sub_title_2depth">작업이력</p> <div style="height:200px; margin: 0 auto" data-bind="dxScrollView: { showScrollbar: 'always' }"> <div id="listContainer" data-bind="dxList: { dataSource: workResultCheckItems, pullRefreshEnabled: true , itemClickAction: onItemClick}"> <div data-options="dxTemplate:{ name:'item' }"> <p> <i data-bind="text: $G.date(CheckDate())"></i> - <i data-bind="text: TextResult"></i> </p> </div> </div> </div> 2015 11 09 hcLee--> <!-- /ko --> <!-- /ko --> </div> <!-- <div class="dx-fieldset" style="float: left; padding-left: 0px !important; width:560px;">--> <div class="dx-fieldset" style="float: left; width:460px;"> <p class="body_sub_title_2depth">@facilityList</p> <div id="gridContainer2" class="dx-field-value" style="height: 405px; margin-top:-10px" data-bind="dxDataGrid: popup.facilityDataGridOptions"></div> <!-- ko if: popup.modifiableFacilityDataGridOptions --> <div id="gridContainer3" class="dx-field-value" style="height: 405px; margin-top:-10px" data-bind="dxDataGrid: popup.modifiableFacilityDataGridOptions"></div> <!-- /ko --> <!-- ko ifnot: popup.isReject --> <!-- ko ifnot: isNewInPopup --> <!-- <p class="body_sub_title_2depth" style="margin-top:420px">작업이력상세</p> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">작업일</div> <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.selectedItemCheckDate, format: 'date' }"></div> </div> <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0"> <table> <caption class="skip">작업내용</caption> <tbody> <tr> <td class="result_item result_item_var minimal_height">작업내용</td> </tr> <tr> <td class="result_con"> <div id="selectedTextResult" class="dx-field-value" data-bind="dxTextArea: { value: dataModel.selectedItemTextResult, height: 160 }"></div> </td> </tr> <tr> <td></td> </tr> </tbody> </table> </div>--> <!-- /ko --> <!-- /ko --> </div> <!--<div class="dx-fieldset" style="float: left; width: 400px"> <p class="body_sub_title_2depth">작업이력</p> <div style="height:200px; margin: 0 auto" data-bind="dxScrollView: { showScrollbar: 'always' }"> <div id="listContainer" data-bind="dxList: { dataSource: workResultCheckItems, pullRefreshEnabled: true , itemClickAction: onItemClick}"> <div data-options="dxTemplate:{ name:'item' }"> <p> <i data-bind="text: $G.date(CheckDate())"></i> - <i data-bind="text: TextResult"></i> </p> </div> </div> </div> </div>--> <!--<div class="dx-fieldset" style="float: left; padding-left: 0px !important; width:395px"> <p class="body_sub_title_2depth">작업이력상세</p> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label-ex">작업일</div> <div class="dx-field-value" data-bind="dxDateBox: { value: dataModel.selectedItemCheckDate, format: 'date' }"></div> </div> <div class="result_popup_table_wrap" style="border:0; padding:0 0 10px 0"> <table> <caption class="skip">작업내용</caption> <tbody> <tr> <td class="result_item result_item_var minimal_height">작업내용</td> </tr> <tr> <td class="result_con"> <div id="selectedTextResult" class="dx-field-value" data-bind="dxTextArea: { value: dataModel.selectedItemTextResult, height: 160 }"></div> </td> </tr> <tr> <td></td> </tr> </tbody> </table> </div> </div>--> </div> </div> </div> </div>