<div data-options="dxView : { name: 'WorkOrderPopup' } "> <div data-bind="dxPopup: popupOptionsInWorkOrder"> <div class="dx-clearfix" data-options="dxTemplate: { name: 'title' } " style="margin: 0 auto;"> <div data-bind="dxToolbar: { dataSource: toolbarItemsInWorkOrderPopup }"></div> </div> <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } "> <div id="popupDetail" data-bind="dxscrollview: { }"> <div data-bind="dxTabs: tabsOptionsInWorkOrderPopup" class="custom_tabs_wrap"></div> <div data-bind="dxMultiView: multiViewOptionsInWorkOrderPopup" style="padding: 0px;"> <div data-options="dxTemplate: { name: 'workOrder' }"> <div class="dx-fieldset"> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">@workEmergencyCode</div> <div class="dx-field-value cw-multi-field-value" data-bind="dxSelectBox: { dataSource: $data.viewModel.emergencyCodes, displayExpr: 'Name' , valueExpr: 'EmergencyId' , value: $data.dataModel.EmergencyId }"> </div> </div> <div class="dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label-ex">@companyInCharge</div> <div class="dx-field-value" data-bind="dxSelectBox: { dataSource: $data.viewModel.companies, displayExpr: 'Name' , valueExpr: 'CompanyId' , value: $data.dataModel.ChargeCompanyId }"> </div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">@businessFieldName</div> <div class="dx-field-value" data-bind="dxSelectBox: { dataSource: $data.viewModel.businessFields, displayExpr: 'Name' , valueExpr: 'BusinessFieldId' , value: $data.dataModel.BusinessFieldId }"> </div> </div> </div> <div class="dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label-ex">@workerName</div> <div class="dx-field-value" style="width: 110px;" data-bind="dxTextBox: { value: $data.dataModel.WorkerUserName, readOnly: true }"></div> <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: $data.viewModel.handleButtonSearchUser }"></div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">@workerPhoneNo</div> <div class="dx-field-value" data-bind="dxTextBox: { value: $data.dataModel.WorkerPhoneNo }"></div> </div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">@workTitle</div> <div class="dx-field-value cw-multi-field-value" data-bind="dxTextBox: { value: $data.dataModel.Title }"></div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">@orderContents</div> <div class="dx-field-value" data-bind="dxTextArea: { value: $data.dataModel.Contents, height: 200 }"></div> </div> </div> </div> <div data-options="dxTemplate: { name: 'targetFacility' }"> <div id="gridFacilityContainerInWorkOrder" data-bind="dxDataGrid: $data.dataGridOptions"></div> <div class="dx-fieldset"> <div class="dx-field-value" data-bind="dxButton: { icon: 'remove', text: $G('remove'), clickAction: $data.viewModel.handleButtonRemoveFacility }"></div> <div class="dx-field-value" data-bind="dxButton: { icon: 'plus', text: $G('add'), clickAction: $data.viewModel.handleButtonAddFacility }"></div> </div> <!--<div id="gridCheckGroupContainer" data-bind="dxDataGrid: $data.checkGroupFactory"></div> <div id="gridSelectedCheckGroupContainer" data-bind="dxDataGrid: $data.selectedCheckGroupFactory"></div>--> </div> </div> </div> </div> </div> </div>