<template>
    <c-content class="eibs-tab" :height="200">

        <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary">Use</c-button>
            <c-button size="small" type="primary">Loginfo</c-button>
        </div>

        <c-row class="infrow" style="margin-top:50px;">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                        <el-form-item label="User ID" prop="recgrp.rec.extkey">
                            <c-input v-model="model.recgrp.rec.extkey" maxlength="8" placeholder="请输入User ID"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="3">
                        <c-button size="small" type="primary" icon="el-icon-search"></c-button>
                    </c-col>
                    <c-col :span="3">
                        <el-form-item label="" prop="recgrp.rec.resusrflg" label-width="0">
                            <c-checkbox v-model="model.recgrp.rec.resusrflg">Resp.usr</c-checkbox>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="Name" prop="recgrp.usrsec.nam">
                            <c-input v-model="model.recgrp.usrsec.nam" maxlength="40" placeholder="请输入Name"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="Drag  Drop Sender" prop="recpan.recget.sdamod.dadsnd" label-width="120px">
                            <c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Login Profile" prop="recgrp.rec.lgiflg">
                            <c-select v-model="model.recgrp.rec.lgiflg" style="width:100%"
                                placeholder="请选择Login Profile" :code="[]">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Password" prop="recgrp.usrsec.inipsw">
                            <c-input type="password" v-model="model.recgrp.usrsec.inipsw" maxlength="32"
                                placeholder="请输入Password">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="User Status" prop="recgrp.usrsec.secsta">
                            <c-select v-model="model.recgrp.usrsec.secsta" style="width:100%"
                                placeholder="请选择User Status" :code="[]">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="8">
                        <el-form-item label="" prop="recgrp.usrsec.dsgflg" label-width="0">
                            <c-checkbox v-model="model.recgrp.usrsec.dsgflg">Designer</c-checkbox>
                        </el-form-item>
                    </c-col>
                    <c-col :span="8">
                        <el-form-item label="" prop="recgrp.usrsec.admflg" label-width="0">
                            <c-checkbox v-model="model.recgrp.usrsec.admflg">Security Administrator</c-checkbox>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Profile" prop="recgrp.usrsec.prf">
                            <c-select v-model="model.recgrp.usrsec.prf" style="width:100%" placeholder="请选择Profile"
                                :code="[]">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="TD2USRLAB" prop="recgrp.usrsec.td2usr">
                            <c-input v-model="model.recgrp.usrsec.td2usr" maxlength="3"
                                :disabled="(!!model.recgrp.usrsec.dsgflg && model.recgrp.rec.extkey.length > 3) ? false : true"
                                placeholder="请输入Short User-Id for ModCodes">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Language" prop="recgrp.usrsec.uil">
                            <c-select v-model="model.recgrp.usrsec.uil" style="width:100%" placeholder="请选择Language"
                                :code="codes.uiltxt">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Last Start" prop="recgrp.rec.ssnbegdattim">
                            <c-date-picker type="date" v-model="model.recgrp.rec.ssnbegdattim" placeholder="请选择日期">
                            </c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="11">
                        <el-form-item label="Entity" prop="recgrp.rec.ety">
                            <c-select v-model="model.recgrp.rec.ety" style="width:100%" :code="[]"
                                placeholder="请选择Default/Initial ETY of User"></c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="8" :offset="1">
                        <el-form-item label="" prop="recgrp.rec.pri" label-width="0">
                            <c-checkbox v-model="model.recgrp.rec.pri">Default Entity of the User</c-checkbox>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Entity Name" prop="recpan.ety.nam">
                            <c-input v-model="model.recpan.ety.nam" maxlength="40" placeholder="请输入Entity Name">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Workgroup of User" prop="recgrp.rec.usg">
                            <c-select v-model="model.recgrp.rec.usg" style="width:100%"
                                placeholder="请选择Workgroup of User" :code="[]">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Available Capacity" prop="recgrp.rec.quepow">
                            <c-input-currency v-model="model.recgrp.rec.quepow" placeholder="请输入Available Capacity">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Release Group" prop="recgrp.rec.relgrp">
                            <c-select v-model="model.recgrp.rec.relgrp" style="width:100%"
                                placeholder="请选择Release Group" :code="[]">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="Release up to" prop="recgrp.rec.relcur">
                            <c-select v-model="model.recgrp.rec.relcur" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="recgrp.rec.relamt">
                            <c-input-currency v-model="model.recgrp.rec.relamt" placeholder="请输入Release up to">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="Own Amount" prop="recpan.ownrelcur">
                            <c-select v-model="model.recpan.ownrelcur" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur"></c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="recgrp.rec.relamt2nd">
                            <c-input-currency v-model="model.recgrp.rec.relamt2nd" placeholder="请输入2nd Release Amount">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1"></c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Entity Addr." prop="recgrp.rec.etaextkey">
                            <c-select v-model="model.recgrp.rec.etaextkey" style="width:100%"
                                placeholder="请选择Entity Address" :code="[]">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Phone" prop="recgrp.rec.tel">
                            <c-input v-model="model.recgrp.rec.tel" maxlength="30" placeholder="请输入Phone"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Org. Unit" prop="recgrp.rec.oenr">
                            <c-input v-model="model.recgrp.rec.oenr" maxlength="4"
                                placeholder="请输入Organisationseinheit">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Fax" prop="recgrp.rec.fax">
                            <c-input v-model="model.recgrp.rec.fax" maxlength="30" placeholder="请输入Fax Number of User">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="E-mail" prop="recgrp.rec.eml">
                            <c-input v-model="model.recgrp.rec.eml" maxlength="80"
                                placeholder="请输入E-mail Address of User">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Last Display of Diary" prop="recgrp.rec.lstdiadat">
                            <c-date-picker type="date" v-model="model.recgrp.rec.lstdiadat" placeholder="请选择日期">
                            </c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow" style="margin-top: 20px;">
            <c-col :span="22" :offset="1">
                Printer
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="22" :offset="1">
                <c-table :border="true" :list="model.recpan.prtmod.prtgrd" style="text-align:center">
                    <el-table-column prop="tef" label="Technical Form" width="auto"></el-table-column>
                    <el-table-column prop="getprt" label="Get Printer from:" width="auto"></el-table-column>
                    <el-table-column prop="prt" label="Printer" width="auto"></el-table-column>
                    <el-table-column prop="bin" label="Paperbin" width="auto"></el-table-column>
                    <el-table-column prop="bin2" label="Bin for 2nd Page" width="auto"></el-table-column>
                </c-table>
            </c-col>
        </c-row>

    </c-content>
</template>
<script>
    import Api from "~/service/Api"
    import CommonProcess from "~/mixin/CommonProcess";
    import Event from "~/model/Infusr/Event"

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [CommonProcess],
        data() {
            return {

            }
        },
        methods: { ...Event },
        created: function () {

        }
    }
</script>
<style>
    .infTopBtn {
        position: absolute;
        top: 0;
        z-index: 5;
        width: 100%;
        height: 30px;
        padding: 10px 0 10px 30px;
        background-color: #f7faff;
    }
</style>