{extend name="layout/content"}
{block name="content"}
<style type="text/css">
    .spacing {
        margin-bottom: 10px;
        padding-right:4px;
        padding-left: 4px;
    }
    #talentInfoForm label {
        font-size: xx-small;
    }
    .imgs li{
        list-style: none;
        float: left;
        border: 1px solid #d8d1d1;
        text-align: center;
        height: 30px;
    }
    .layui-layer-btn .layui-layer-btn1 {
        border-color: #009688;
        background-color: #009688;
        color: #fff;
    }
</style>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">
            <div class="row">
                <div class="col-sm-12" >
                    <div class="tabs-container" >
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">基本信息</a></li>
                            <li id="fileLi" class=""><a data-toggle="tab" href="#tab-2" onclick="TalentQuitInfoDlg.initFileTable()"  aria-expanded="false">离职申报附件</a></li>
                            <li  class="" style="float: right;">
                                <button type="button" class="btn btn-sm btn-primary " onclick="TalentQuitInfoDlg.download()" >
                                    <i class="fa fa-download"></i>&nbsp;打包下载
                                </button>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body" >
                                <div class="panel panel-default">
                                    <div class="panel-heading" onclick="$(this).next().toggle()">基础信息</div>
                                    <div class="panel-body">
                                        <form id="talentQuitForm">
                                            <div class="col-sm-12 form-group-sm">
                                                <input type="hidden" id="id" name="id" value="{$row.id}"/>
                                                <input type="hidden" id="type" name="type" value="{$row.type}"/>
                                                <input type="hidden" id="checkState" name="checkState" value="{$row.checkState}"/>
                                                <input type="hidden" id="enterpriseId" name="enterpriseId" value="{$row.enterpriseId}"/>
                                                <input type="hidden" id="talentId" name="talentId" value="{$row.talentId}"/>
                                                <input type="hidden" id="year" name="year" value="{$row.year}">
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">离职对象</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="talentName" name="talentName" readonly="readonly" value="{$row.talentName}">
                                                    </div>
                                                </div>
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">离职企业名称</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="enterpriseName" readonly="readonly" name="enterpriseName" value="{$row.enterpriseName}"/>
                                                    </div>
                                                </div>
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">证件号码</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="idCard" readonly="readonly" name="idCard" value="{$row.idCard}"/>
                                                    </div>
                                                </div>
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">人才层次</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="talentArrange" readonly="readonly" name="talentArrange" value="{$row.talentArrangeName}">
                                                    </div>
                                                </div>

                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">认定时间</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="identifyTime" readonly="readonly" name="identifyTime" value="{$row.identifyTime}"/>
                                                    </div>
                                                </div>

                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">合同开始时间</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="starttime" readonly="readonly" name="starttime" value="{$row.starttime}"/>
                                                    </div>
                                                </div>
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">合同结束时间</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="endtime" readonly="readonly" name="endtime" value="{$row.endtime}"/>
                                                    </div>
                                                </div>
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">入职时间</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="entryTime" readonly="readonly" name="entryTime" value="{$row.entryTime}"/>
                                                    </div>
                                                </div>
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">手机号码</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="phone" readonly="readonly" name="phone" value="{$row.phone}"/>
                                                    </div>
                                                </div>
                                                {if condition="$type eq 1"}
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">人才标签</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control" id="talentTypeName" readonly="readonly" name="talentTypeName" value="{$row.talentTypeName}"/>
                                                    </div>
                                                </div>
                                                {/if}
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">离职时间</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input class="form-control date time" id="quitTime" name="quitTime" readonly="readonly" value="{$row.quitTime}" />
                                                    </div>
                                                </div>
                                                {if condition="$type eq 1"}
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label spacing">离职原因</label>
                                                    <div class="col-sm-4 spacing">
                                                        <select class="form-control" id="quitReason" name="离职申报原因" disabled="disabled" name="quitReason" value="{$row.quitReason}">
                                                            <option value="">请选择</option>
                                                            <option value="因人才标签变更进行申报">因人才标签变更进行申报</option>
                                                            <option value="因企业标签变更进行申报">因企业标签变更进行申报</option>
                                                            <option value="因工作单位变动进行申报">因工作单位变动进行申报</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                {/if}
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading" onclick="$(this).next().toggle()">日志</div>
                                    <table id="logTable">
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div id="tab-2" class="tab-pane ">               
                            <table id="fileTable" class="table-condensed" style="table-layout: fixed!important;" data-mobile-responsive="true" data-click-to-select="true">
                                <thead>
                                    <tr>
                                        <th data-field="selectItem" data-checkbox="true"></th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    document.write('<script src="/static/modular/talentLibrary/talentQuit/talentQuit_info.js?v=' + (new Date()).getTime() + '"><\/script>');
</script>
{/block}