<div class="land-manage-page" export-plugin>
    <style>
        .DM-state-label{
            margin: 0;
            height: 27px;
            line-height: 34px;
            float: none;
        }

        div.dx-datagrid-export-button{
            display: none;
        }

        .edit-panel-left-part{
            padding-left:0;
            padding-right:0;
        }

        .required-tip{
            color: red;
        }
    </style>
    <div class="menu-header">
        <div class="menu-title" translate="DocumentTypeSets"></div>
        <div class="menu-log">
            <app-usr-operate-log this-module-name="docManageTypeLog"></app-usr-operate-log>
            <!--<button class="btn btn-not-important" ng-click="showOperateLogPop()"><i class="material-icons">description</i><span>日志</span></button>-->
        </div>
    </div>
    <div class="content-container">
        <div class="row" style="margin-top:15px; text-align:right;padding:1rem;background: #fff">
            <button style="width: 150px;" class="btn btn-in-panel-big" ng-click="exportTableData()">
                <i class="fa fa-file-excel-o"></i>
                {{'ExportTable' | translate}}
            </button>
            <button style="width: 150px;" class="btn btn-in-panel-big" ng-click="openEditPop()">
                <i class="material-icons button-icons">add_circle_outline</i>
                {{'addFileType' | translate}}
            </button>
        </div>
        <div style="padding:0 1rem;background:#fff">
            <div class="dx-viewport demo-container">
                <div id="gridContainer" dx-data-grid="dataGridOptions" ng-style="getTableHeight()"></div>

            </div>
            <!--<div class="form-group page-form-group">-->
            <!--<div class="page-footer">-->
            <!--<ack-pagination page-options="pagingOptions" refresh-table="loadMainData()"></ack-pagination>-->
            <!--</div>-->
            <!--</div>-->
        </div>
    </div>

    <div class="modal fade" id="editPopDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" style="width:550px;height:200px;" role="document">
            <div class="modal-content">
                <form class="form-horizontal" name="newDocFileTypeForm" ng-submit="confirmDocFileType()">

                    <div class="modal-header">
                        <div class="modal-title"><span translate="CreateDocFileType"></span></div>
                    </div>

                    <div class="modal-body">
                        <!--序号-->
                        <div class="form-group" hidden>
                            <label for="SequenceNoCol" class="col-sm-3 control-label" translate="SequenceNumber"></label>
                            <div class="col-sm-11" style="width:61.67%">
                                <input class="form-control"
                                       id="SequenceNoCol"
                                       placeholder="0004"
                                       ng-model="editModel.id"
                                       readonly style="width:320px;"/>
                            </div>
                        </div>
                        <!--档案属性-->
                        <div class="form-group">
                            <label for="DocumentAttr" class="col-sm-3 control-label edit-panel-left-part">
                                <span class="required-tip"> * </span>
                                <span translate="DocumentAttr"></span>
                            </label>
                            <div class="col-sm-11" style="width:61.67%">
                                <input class="form-control"
                                       id="DocumentAttr"
                                       placeholder="请输入..."
                                       ng-model="editModel.fileAttr"
                                       required style="width:320px;" maxlength="50" />
                            </div>
                            <!--<div style="margin-top:7px;">-->
                            <!--<span style="color:red"> * <span translate="Require"></span> </span>-->
                            <!--</div>-->
                        </div>
                        <!--档案类型-->
                        <div class="form-group">

                            <label for="DocumentType" class="col-sm-3 control-label edit-panel-left-part">
                                <span class="required-tip"> * </span>
                                <span  translate="DocumentType"></span>
                            </label>
                            <div class="col-sm-11" style="width:61.67%">
                                <input class="form-control"
                                       id="DocumentType"
                                       placeholder="请输入..."
                                       ng-model="editModel.fileType"
                                       required style="width:320px;" maxlength="50" />
                            </div>
                            <!--<div style="margin-top:7px;">-->
                            <!--<span style="color:red"> * <span translate="Require"></span> </span>-->
                            <!--</div>-->
                        </div>
                        <!--描述-->
                        <div class="form-group">
                            <label for="Description" class="col-sm-3 control-label edit-panel-left-part">
                                <span  translate="DescriptionWithOutColon"></span>
                            </label>
                            <div class="col-sm-11" style="width:61.67%">
                                <input class="form-control" id="Description"
                                       ng-model="editModel.description"
                                       placeholder="请输入..."
                                       style="width:320px;" maxlength="50" />
                            </div>
                        </div>
                        <!--必填字段-->
                        <div class="form-group">

                            <label class="col-sm-3 control-label edit-panel-left-part">
                                <span  class="required-tip"> * </span>
                                <span  translate="RequiredFields"></span>
                            </label>
                            <div class="col-sm-11" style="width:61.67%" id="appMultiSelectContainer">
                                <!--<app-multi-select class="form-control" style="width:320px;"-->
                                <!--this-option-map="editRequiredFieldsMap"-->
                                <!--this-callback="editRequiredFieldsCallback"-->
                                <!--this-default-checked="editModel.requiredField"-->
                                <!--&gt;</app-multi-select>-->
                            </div>
                            <!--<div style="margin-top:7px;">-->
                            <!--<span style="color:red"> * <span translate="Require"></span> </span>-->
                            <!--</div>-->
                        </div>
                        <!--备注-->
                        <div class="form-group">
                            <label for="Remarks" class="col-sm-3 control-label edit-panel-left-part" translate="Remarks"></label>
                            <div class="col-sm-11" style="width:61.67%">
                                <input class="form-control" id="Remarks"
                                       ng-model="editModel.remarks"
                                       placeholder="请输入..."
                                       style="width:320px;" maxlength="50" />
                            </div>
                        </div>
                        <!--状态-->
                        <div class="form-group">

                            <label class="col-sm-3 control-label edit-panel-left-part">
                                <span  translate="State"></span>
                            </label>
                            <div class="col-sm-11" style="width:61.67%" >
                                <label class="col-sm-5 DM-state-label">
                                    <input type="radio" name="editModelState"
                                           value=1
                                           ng-checked="editModel.status == 1
                                           || editModel.status == null
                                           || editModel.status == undefined
                                           || editModel.status == ''"
                                           ng-model="editModel.status"/>
                                    <span translate="Enable"></span>
                                </label>
                                <label class="col-sm-5 DM-state-label">
                                    <input type="radio"  name="editModelState"
                                           value=0
                                           ng-checked="editModel.status == 0"
                                           ng-model="editModel.status"/>
                                    <span translate="Disable"></span>
                                </label>


                            </div>
                            <!--<div style="margin-top:7px;">-->
                            <!--<span style="color:red"> * <span translate="Require"></span> </span>-->
                            <!--</div>-->
                        </div>


                    </div>
                    <!--<div class="modal-footer">
                        <button type="submit" class="btn btn-primary" translate="Confirm"
                                ></button>&lt;!&ndash;ng-disabled="newDocFileTypeForm.roleName.$invalid || newDocFileTypeForm.service_id.$invalid"&ndash;&gt;
                        <button type="button" class="btn btn-third" data-dismiss="modal" ng-click="cancelDocFileType()" translate="Cancel"></button>
                    </div>-->
                    <div style="margin-bottom: 20px;">
                        <center>
                            <button type="submit" class="btn btn-primary" translate="Confirm"
                            ></button>
                            <!--ng-disabled="newDocFileTypeForm.roleName.$invalid || newDocFileTypeForm.service_id.$invalid"-->
                            <button type="button" class="btn btn-third" data-dismiss="modal"
                                    ng-click="cancelDocFileType()" translate="Cancel"></button>
                        </center>
                    </div>
                </form>
            </div>
        </div>
    </div>

</div>