| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 | 
<div data-options="dxView : { name: 'LegalCheckGroupManagementPopup' } ">    <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 data-bind="dxTabs: { dataSource: tabsItems, selectedIndex: currentTabIndex }" class="custom_tabs_wrap"></div>                <div data-bind="dxMultiView: { dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '600px', swipeEnabled:false }">                    <div data-options="dxTemplate: { name: 'generalInfo' }">                        <div class="dx-fieldset">                            <div class="dx-field">                                <div class="dx-field-label">@facilityCheckScheduleLegalCheckGroupName</div>                                <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: dataModel.Name"></div>                                <div class="dx-field-value" data-bind="dxTextBox: { value: $data.dataModel.Name }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>                            </div>                            <div class="dx-field">                                <div class="dx-field-label">@businessFieldName</div>                                <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.BusinessFieldName"></div>                                <!-- ko if: $data.viewModel.isEditModeInPopup -->                                <div class="dx-field-value" data-bind="dxSelectBox: {                                        dataSource: $data.viewModel.businessFields,                                        displayExpr: 'Name' ,                                        valueExpr: 'BusinessFieldId' ,                                        value: $data.dataModel.BusinessFieldId }">                                </div>                                <!-- /ko -->                            </div>                            <div class="dx-field">                                <div class="dx-field-label">@checkCorporationName</div>                                <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.CorporationName"></div>                                <!-- ko if: $data.viewModel.isEditModeInPopup -->                                <div class="dx-field-value" data-bind="dxSelectBox: {                                    dataSource: $data.viewModel.corporations,                                    displayExpr: 'Name' ,                                    valueExpr: 'CorporationId' ,                                    value: $data.dataModel.CorporationId }">                                </div>                                <!-- /ko -->                            </div>                            <div class="dx-field">                                <div class="dx-field-label">@workerName</div>                                <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.Senior"></div>                                <div class="dx-field-value" data-bind="dxTextBox: { value: $data.dataModel.Senior, readOnly: true }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>                                <div class="dx-field-value cw-multi-field-value-multiple" data-bind="dxButton: { icon: 'search', clickAction: $data.viewModel.handleButtonSearchSenior }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>                            </div>                            <div class="dx-field">                                <div class="dx-field-label">@isUse</div>                                <div class="dx-field-value" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $G.isUse( $data.dataModel.IsUse() )"></div>                                <!-- ko if: $data.viewModel.isEditModeInPopup -->                                <div class="dx-field-value" data-bind="dxSwitch: { value: $data.dataModel.IsUse }"></div>                                <!-- /ko -->                            </div>                            <div class="dx-field">                                <div class="dx-field-label">@workContents</div>                                <div class="dx-field-value cw-wordwrap" data-bind="css: {'dx-state-invisible': $data.viewModel.isEditModeInPopup }, text: $data.dataModel.Comment"></div>                                <div class="dx-field-value" data-bind="dxTextArea: { value: $data.dataModel.Comment, height: 200 }, css: {'dx-state-invisible': !$data.viewModel.isEditModeInPopup() }"></div>                            </div>                        </div>                    </div>                    <div data-options="dxTemplate: { name: 'targetFacility' }">                        <div id="gridFacilityContainer" data-bind="dxDataGrid: $data.facilityDataGridOptions"></div>                        <div id="gridTargetFacilityContainer" data-bind="dxDataGrid: $data.targetFacilityDataGridOptions"></div>                    </div>                </div>            </div>        </div>    </div></div>
 |