<div class="arc_div" style="margin-bottom: -5px;">
    <div class="arc_left">
        <div style="width: 100%; text-align: center;">
            <img ms-if="entity.Picture" width="100" height="120" ms-src="entity.Picture" alt="头像" />
            <img ms-if="!entity.Picture" src="/Content/Themes/Base/Images/ico/hrlogo.png" alt="头像" />
            <div align="center" style="margin-bottom: 20px;">
                <strong ms-if="!entity.Picture" style="font-size: 12px; line-height: 22px; color: #C9C9C9;">暂无相片</strong>
            </div>
        </div>
        <ul>
            <li ms-click="viewMenuChange(1)" ms-class-hover="viewMenu==1" class="hover">档案详情</li>
            <li ms-click="viewMenuChange(2)" ms-class-hover="viewMenu==2">劳动合同</li>
            <li ms-click="viewMenuChange(3)" ms-class-hover="viewMenu==3">人事调动</li>
            <li ms-click="viewMenuChange(4)" ms-class-hover="viewMenu==4">员工沟通</li>
            <li ms-click="viewMenuChange(5)" ms-class-hover="viewMenu==5">奖惩记录</li>
            <li ms-click="viewMenuChange(6)" ms-class-hover="viewMenu==6">积分明细</li>
            <li ms-click="viewMenuChange(7)" ms-class-hover="viewMenu==7">员工分析</li>
        </ul>
    </div>
    <div id="productPanelPrint">
        <!--档案资料-->
        <div class="arc_right" ms-visible="viewMenu==1">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td style="height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; padding-left: 10px;">
                        <span class="arc_name">{{entity.Name}}
                            <span style="font-size: 9pt; text-align: center;">
                                <span ms-if="entity.Status==0" style="color: #F96400;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==1" style="color: green;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==2" style="color: red;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==3">（{{entity.Status|status}}）</span>
                            </span>
                        </span>
                        <span style="float: right; margin-right: 15px;">
                            <a href="javascript:void(0)" ms-click="doedit" ms-attr-val="entity.Id" class="view_doedit" title="编辑">编辑</a>
                            <a href="javascript:void(0)" ms-click="dostate" class="view_doputsea" title="变更在职状态">在职状态</a>
                            <a href="javascript:void(0)" ms-click="dodel" ms-attr-val="entity.Id" class="view_doalldel" title="删除">删除</a>
                            <a href="javascript:void(0)" ms-click="doPrint" class="view_doprint" title="打印">打印</a>
                            <a class="view_prefix" ms-if="hasPrevious" href="javascript:void(0)" ms-click="doview(previousId)" ms-attr-val="previousId" tab="view" ms-title="previousLabel">&nbsp;</a>
                            <a class="view_next" ms-if="hasNext" href="javascript:void(0)" ms-click="doview(nextId)" ms-attr-val="nextId" tab="view" ms-title="nextLabel">&nbsp;</a>
                        </span>
                    </td>
                </tr>
            </table>
            <div style="width:auto;" class="top10">
                <div>
                    <ul class="tabWarp">
                        <li val="1" ms-click="viewTabChange(1)" ms-class-hover="viewTab==1" ms-class-normal="viewTab!=1">档案信息</li>
                        <li val="2" ms-click="viewTabChange(2)" ms-class-hover="viewTab==2" ms-class-normal="viewTab!=2">工作信息</li>
                        <li val="3" ms-click="viewTabChange(3)" ms-class-hover="viewTab==3" ms-class-normal="viewTab!=3" style="width: 110px;">教育及工作经历</li>
                        <li val="4" ms-click="viewTabChange(4)" ms-class-hover="viewTab==4" ms-class-normal="viewTab!=4">技能专长</li>
                        <li val="5" ms-click="viewTabChange(5)" ms-class-hover="viewTab==5" ms-class-normal="viewTab!=5" style="width: 110px;">亲属和社会关系</li>
                    </ul>
                </div>

                <!--档案信息-->
                <div ms-visible="viewTab==1" class="tabContent" style="height: auto; border: none;">
                    <table style="width: 100%;" border="0" cellspacing="1" cellpadding="0" align="center" class="tablecInfo">
                        <tr>
                            <td style="width: 110px;">档案编号：</td>
                            <td style="width: 220px;">{{entity.FileNumber}}
                            </td>
                            <td style="width: 110px;">员工卡号：</td>
                            <td>{{entity.EmpNumber}}
                            </td>
                        </tr>
                        <tr>
                            <td class="red">关联CRM账号：</td>
                            <td>{{entity.DepartmentName}}
                            </td>
                            <td>关联简历：</td>
                            <td>
                                <a href="javascript:void(0)" ms-click="viewResume(entity.ResumeId)">{{entity.ResumeName}}</a>
                            </td>
                        </tr>
                        <tr>
                            <td>社保号：</td>
                            <td>{{entity.Shebao}}
                            </td>
                            <td>工资银行卡号：</td>
                            <td>{{entity.Gongzi}}
                            </td>
                        </tr>
                        <tr>
                            <td>积分：</td>
                            <td>{{entity.Integral}}
                            </td>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="4" style="height: 15px; line-height: 15px; background: #ffffff;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="red">姓名：</td>
                            <td>{{entity.Name}}
                            </td>
                            <td>性别：</td>
                            <td>{{entity.Sex==0?"男":"女"}}
                            </td>
                        </tr>
                        <tr>
                            <td>出生日期：</td>
                            <td>{{entity.Birthday|truncate(10,"")}}
                            </td>
                            <td>曾用名：</td>
                            <td>{{entity.PrivName}}
                            </td>
                        </tr>
                        <tr>
                            <td>身份证号：</td>
                            <td>{{entity.IDCardNumber}}
                            </td>
                            <td>国籍：</td>
                            <td>{{entity.Country}}
                            </td>
                        </tr>
                        <tr>
                            <td>身份证地址：</td>
                            <td>{{entity.IDCardAddress}}
                            </td>
                            <td>籍贯：</td>
                            <td>{{entity.NativePlace}}
                            </td>
                        </tr>
                        <tr>
                            <td>婚姻状况：</td>
                            <td>{{entity.IsMarry|marrys}}
                            </td>
                            <td>户籍所在地：</td>
                            <td>{{entity.Domicile}}
                            </td>
                        </tr>
                        <tr>
                            <td>民族：</td>
                            <td>{{entity.EthnicGroupId|ethnic}}
                            </td>
                            <td>政治面貌：</td>
                            <td>{{entity.PoliticalId|political}}
                            </td>
                        </tr>
                        <tr>
                            <td>身高：</td>
                            <td>{{entity.Height}}{{entity.Height>0?'CM':''}}
                            </td>
                            <td>体重：</td>
                            <td>{{entity.Height}}{{entity.Height>0?'CM':''}}
                            </td>
                        </tr>
                        <tr>
                            <td>自我介绍：</td>
                            <td colspan="3">{{entity.Myinfo}}</td>
                        </tr>
                        <tr>
                            <td colspan="4" style="height: 15px; line-height: 15px; background: #ffffff;">&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="red">联系手机 ：</td>
                            <td>{{entity.MobileNumber|mobileFormat|html}}
                            </td>
                            <td>Email：</td>
                            <td>{{entity.Email}}
                            </td>
                        </tr>
                        <tr>
                            <td>个人QQ ：</td>
                            <td>{{entity.QQ}}
                            </td>
                            <td>现住址：</td>
                            <td>{{entity.Address}}
                                <a ms-if="entity.Address && entity.Lng" class="viewmap" href="javasript:void(0)" title="地图已标注，点击查看"></a>
                                <a ms-if="entity.Address && !entity.Lng" class="noviewmap" href="javasript:void(0)" title="地图未标注"></a>
                            </td>
                        </tr>
                        <tr>
                            <td>紧急联系人：</td>
                            <td>{{entity.EmergencyContact}}
                            </td>
                            <td>紧急联系电话：</td>
                            <td>{{entity.EmergencyTel|mobileFormat|html}}
                            </td>
                        </tr>
                        <tr>
                            <td>个人主页：</td>
                            <td>
                                <a ms-if="entity.Homepage" ms-href="entity.Homepage" target="_blank">{{entity.Homepage}}</a>
                            </td>
                            <td>家庭电话：</td>
                            <td>{{entity.HomeTel}}
                            </td>
                        </tr>
                    </table>
                </div>

                <!--工作信息-->
                <div ms-visible="viewTab==2" class="tabContent" style="height: auto; border: none;">
                    <table style="width: 100%;" border="0" cellspacing="1" cellpadding="0" align="center" class="tablecInfo">
                        <tr>
                            <td style="width: 110px;">在职状态：</td>
                            <td style="width: 230px;">{{entity.Status|status}}
                            </td>
                            <td style="width: 110px;">员工类型：</td>
                            <td>{{entity.EmpType|types}}
                            </td>
                        </tr>
                        <tr>
                            <td>入职时间：</td>
                            <td>{{entity.ReportDay|truncate(10,'')}}</td>
                            <td>离职时间：</td>
                            <td>{{entity.LeaveOfficeDay|truncate(10,'')}}</td>
                        </tr>
                        <tr>
                            <td>有无试用期：</td>
                            <td>{{entity.IsHaveTry?'有':'无'}}
                            </td>
                            <td>试用期：</td>
                            <td>
                                <span ms-if="entity.PrivacySignDay">{{entity.PrivacySignDay|truncate(10,'')}} 至 {{entity.GuaranteeSignDay|truncate(10,'')}}</span>
                            </td>
                        </tr>
                        <tr>
                            <td>正式转正日期：</td>
                            <td>{{entity.OfficialDay|truncate(10,'')}}</td>
                            <td>正式聘用期：</td>
                            <td><span ms-if="entity.ContractStartDay">{{entity.ContractStartDay|truncate(10,'')}} 至 {{entity.ContractEndDay|truncate(10,'')}}</span></td>
                        </tr>
                        <tr>
                            <td>部门：</td>
                            <td>{{entity.GroupName}}</td>
                            <td style="width: 110px;">直属上级领导：</td>
                            <td>{{entity.BossName}}</td>
                        </tr>
                        <tr>
                            <td>职位：</td>
                            <td>{{entity.PostName}}
                            </td>
                            <td>工资级别待遇：</td>
                            <td colspan="3">{{entity.Salary}}</td>
                        </tr>
                        <tr>
                            <td>办公电话：</td>
                            <td>{{entity.OfficeTel|mobileFormat|html}}</td>
                            <td>办公地址：</td>
                            <td>{{entity.OfficeAddress}}</td>
                        </tr>
                    </table>
                </div>

                <!--教育及培训经历-->
                <div ms-visible="viewTab==3" class="tabContent" style="height: auto; border: none;">
                    <table style="width: 100%;" border="0" cellspacing="1" cellpadding="0" align="center" class="tablecInfo">
                        <tr>
                            <td style="width: 15%">人才类型：</td>
                            <td style="width: 30%">{{entity.Rencai|rencai}}</td>
                            <td style="width: 15%">参加工作时间：</td>
                            <td>{{entity.StartWorkingAt}}</td>
                        </tr>
                        <tr>
                            <td>毕业院校：</td>
                            <td>{{entity.GraduatedFrom}}</td>
                            <td>毕业时间：</td>
                            <td>{{entity.GraduatedDay}}</td>
                        </tr>
                        <tr>
                            <td>专业：</td>
                            <td>{{entity.Profession}}</td>
                            <td>学历：</td>
                            <td>{{entity.Degree|degree}}</td>
                        </tr>
                        <tr>
                            <td style="width: 110px;">职称：</td>
                            <td>{{entity.TitleOfarr|title}}
                                {{entity.TitleOf}}

                            </td>
                            <td style="width: 110px;">职业资格证书：</td>
                            <td>{{entity.EmployeeCertificate|certificate}}
                                {{entity.TitleOfSign}}

                            </td>
                        </tr>
                        <tr>
                            <td>教育和培训经历：</td>
                            <td colspan="3" style="padding: 5px 5px;">{{entity.Jiaoyu|html}}</td>
                        </tr>
                        <tr>
                            <td>工作经历：<br />
                                (及奖励与惩罚)
                            </td>
                            <td colspan="3" style="padding: 5px 5px;">{{entity.Gongzuo|html}}</td>
                        </tr>
                    </table>
                </div>

                <!--技能专长-->
                <div ms-visible="viewTab==4" class="tabContent" style="height: auto; border: none;">
                    <table style="width: 100%;" border="0" cellspacing="1" cellpadding="0" align="center" class="tablecInfo">
                        <tr>
                            <td style="width: 110px;">驾照：</td>
                            <td style="width: 230px;">{{entity.DrivingLicenseId|driving}}
                            </td>
                            <td style="width: 110px;">交通工具：</td>
                            <td>{{entity.VehicleId|vehicle}}
                            </td>
                        </tr>
                        <tr>
                            <td>外语水平：</td>
                            <td>{{entity.ForeignLanguageLevel|language}}</td>
                            <td>计算机水平：</td>
                            <td>{{entity.ComputerLevel|computer}}</td>
                        </tr>
                        <tr>
                            <td>掌握语言：</td>
                            <td colspan="3">{{entity.Language|showlang}}
                            </td>
                        </tr>
                        <tr>
                            <td>技能专长：</td>
                            <td colspan="3">{{entity.OtherSkill|html}}</td>
                        </tr>

                    </table>
                </div>

                <!--亲属和社会关系-->
                <div ms-visible="viewTab==5" class="tabContent" style="height: auto; overflow: auto; border: none;">
                    <table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="padding: 5px;">
                                <div class="boxTitlenob">
                                    <h2>家庭成员及社会关系</h2>
                                </div>
                                <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList" style="margin-bottom: 10px;">
                                    <tbody>
                                        <tr class="minhead" align="center" style="background-color: rgb(255, 255, 255);">
                                            <td width="10%" bgcolor="#FFFFFF">关系</td>
                                            <td width="10%" bgcolor="#FFFFFF">姓名</td>
                                            <td width="10%" align="center" bgcolor="#FFFFFF">年龄</td>
                                            <td width="12%" align="center" bgcolor="#FFFFFF">政治面貌</td>
                                            <td width="10%" bgcolor="#FFFFFF">联系电话</td>
                                            <td width="15%" align="center" bgcolor="#FFFFFF">工作单位</td>
                                            <td width="10%" align="center" bgcolor="#FFFFFF">职务</td>
                                        </tr>
                                        <tr style="background-color: rgb(250, 250, 250);" ms-repeat-item="family">
                                            <td align="center">{{item.Contract}}</td>
                                            <td align="center">{{item.Name}}</td>
                                            <td align="center">{{item.Age}}</td>
                                            <td align="center">{{item.Face|political}}</td>
                                            <td align="center">{{item.Tel}}</td>
                                            <td align="center">{{item.Work}}</td>
                                            <td align="center">{{item.Post}}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <table cellspacing="0" cellpadding="0" width="100%" border="0" style="margin-bottom: 10px;">
                                    <tbody>
                                        <tr>
                                            <td height="25" width="*" align="left"></td>
                                            <td>
                                                <div class="boxTitlenob top10">
                                                    <h2>与公司员工亲属关系说明</h2>
                                                </div>
                                                <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                                                    <tr class="minhead" align="center" style="background-color: rgb(255, 255, 255);">
                                                        <td width="27%" bgcolor="#FFFFFF">亲属姓名</td>
                                                        <td width="15%" bgcolor="#FFFFFF">所在部门</td>
                                                        <td width="21%" align="center" bgcolor="#FFFFFF">职位</td>
                                                        <td width="20%" align="center" bgcolor="#FFFFFF">与本人关系</td>
                                                    </tr>
                                                    <tbody ms-each-item="contract">
                                                        <tr style="background-color: rgb(250, 250, 250);">
                                                            <td align="center">{{item.KinsfolkName}}</td>
                                                            <td align="center">{{item.DepartmentName}}</td>
                                                            <td align="center">{{item.PostName}}</td>
                                                            <td align="center">{{item.Relation}}</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                    </table>
                </div>

            </div>
        </div>

        <!--劳动合同-->
        <div class="arc_right" ms-if="viewMenu==2">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0" id="Table4">
                <tr>
                    <td style="height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; padding-left: 10px;">
                        <span class="arc_name">{{entity.Name}}
                            <span style="font-size: 9pt; text-align: center;">
                                <span ms-if="entity.Status==0" style="color: #F96400;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==1" style="color: green;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==2" style="color: red;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==3">（{{entity.Status|status}}）</span>
                            </span>
                        </span>
                        <span style="float: right; margin-right: 15px;">
                            <a href="javascript:void(0)" ms-click="doedit" ms-attr-val="entity.Id" class="view_doedit" title="编辑">编辑</a>
                            <a href="javascript:void(0)" ms-click="dostate" class="view_doputsea" title="变更在职状态">在职状态</a>
                            <a href="javascript:void(0)" ms-click="dodel" ms-attr-val="entity.Id" class="view_doalldel" title="删除">删除</a>
                            <a href="javascript:void(0)" ms-click="doPrint" class="view_doprint" title="打印">打印</a>
                            <a class="view_prefix" ms-if="hasPrevious" href="javascript:void(0)" ms-click="doview" ms-attr-val="previousId" tab="view" ms-title="previousLabel">&nbsp;</a>
                            <a class="view_next" ms-if="hasNext" href="javascript:void(0)" ms-click="doview" ms-attr-val="nextId" tab="view" ms-title="nextLabel">&nbsp;</a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 10px;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                            <tr class="dobtn" style="background-color: rgba(0, 0, 0, 0);">
                                <td colspan="8">
                                    <a ms-if="ADD" href="javascript:void(0)" class="doadd" ms-value="entity.Id" ms-click="doaddLabor">新增</a>
                                    <a ms-if="DELETE" href="javascript:void(0)" class="doalldel" ms-click="doalldelLabor">批量删除</a>
                                </td>
                            </tr>
                            <tr class="head" style="background-color: rgba(0, 0, 0, 0);">
                                <td width="2%" align="center">
                                    <input type="checkbox" class="checkAll">
                                </td>
                                <td width="5%" align="center">合同编号
                                </td>
                                <td width="5%" align="center">合同类型
                                </td>
                                <td width="8%" align="center">合同名称
                                </td>
                                <td width="5%" align="center">签约时间
                                </td>
                                <td width="10%" align="center">合同起止时间
                                </td>
                                <td width="5%" align="center">录入时间
                                </td>
                                <td width="10%" align="center">操作
                                </td>
                            </tr>
                            <tr ms-repeat-item="laborList" align="center" ms-hover='hover'>
                                <td>
                                    <input type="checkbox" name="checkbox" ms-value="item.Id">
                                </td>
                                <td>{{item.No}}
                                </td>
                                <td>{{item.CategoryDisplay}}
                                </td>
                                <td>{{item.Title}}
                                </td>
                                <td>{{item.SigningTime | truncate(10,'')}}
                                </td>
                                <td>{{item.StartDay | truncate(10,'')}}
                            ~
                            {{item.EndDay | truncate(10,'')}}
                                </td>
                                <td>{{item.AddBy.FullName}}
                                </td>
                                <td>
                                    <a href="javascript:void(0)" class="doview" ms-click="doviewLabor" ms-value="item.Id" title="查看"></a>
                                    <a ms-if="item.EDIT" href="javascript:void(0)" class="doedit" ms-click="doeditLabor" ms-value="item.Id" title="编辑"></a>
                                    <a ms-if="!item.EDIT" href="javascript:void(0)" class="noedit" title="编辑"></a>
                                    <a ms-if="item.DELETE" href="javascript:void(0)" class="dodel" ms-click="dodelLabor" ms-attr-index="$index" ms-value="item.Id" title="删除"></a>
                                    <a ms-if="!item.DELETE" href="javascript:void(0)" class="nodel" title="删除"></a>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>

        <!--人事调动-->
        <div class="arc_right" ms-visible="viewMenu==3">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0" id="Table2">
                <tr>
                    <td style="height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; padding-left: 10px;">
                        <span class="arc_name">{{entity.Name}}
                            <span style="font-size: 9pt; text-align: center;">
                                <span ms-if="entity.Status==0" style="color: #F96400;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==1" style="color: green;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==2" style="color: red;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==3">（{{entity.Status|status}}）</span>
                            </span>
                        </span>
                        <span style="float: right; margin-right: 15px;">
                            <a href="javascript:void(0)" ms-click="doedit" ms-attr-val="entity.Id" class="view_doedit" title="编辑">编辑</a>
                            <a href="javascript:void(0)" ms-click="dostate" class="view_doputsea" title="变更在职状态">在职状态</a>
                            <a href="javascript:void(0)" ms-click="dodel" ms-attr-val="entity.Id" class="view_doalldel" title="删除">删除</a>
                            <a href="javascript:void(0)" ms-click="doPrint" class="view_doprint" title="打印">打印</a>
                            <a class="view_prefix" ms-if="hasPrevious" href="javascript:void(0)" ms-click="doview" ms-attr-val="previousId" tab="view" ms-title="previousLabel">&nbsp;</a>
                            <a class="view_next" ms-if="hasNext" href="javascript:void(0)" ms-click="doview" ms-attr-val="nextId" tab="view" ms-title="nextLabel">&nbsp;</a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 10px;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList" id="tableList">
                            <tr class="dobtn" style="background-color: rgba(0, 0, 0, 0);">
                                <td colspan="8">
                                    <a ms-if="ADD" href="javascript:void(0)" class="doadd" ms-value="entity.Id" ms-click="doaddPostChange">新增</a>
                                    <a ms-if="DELETE" href="javascript:void(0)" class="doalldel" ms-click="doalldelPostChange">批量删除</a>
                                </td>
                            </tr>
                            <tr class="head" style="background-color: rgba(0, 0, 0, 0);">
                                <td width="2%" align="center">
                                    <input type="checkbox" class="checkAll">
                                </td>
                                <td width="5%" align="center">原部门
                                </td>
                                <td width="8%" align="center">原职位
                                </td>
                                <td width="5%" align="center">新部门
                                </td>
                                <td width="6%" align="center">新职位
                                </td>
                                <td width="5%" align="center">调整时间
                                </td>
                                <td width="5%" align="center">录入时间
                                </td>
                                <td width="5%" align="center">操作
                                </td>
                            </tr>
                            <tr ms-repeat-item="postchangeList" align="center" ms-hover='hover'>
                                <td>
                                    <input type="checkbox" name="checkbox" ms-value="item.Id">
                                </td>
                                <td>{{item.OldDepartmentDisplay}}
                                </td>
                                <td>{{item.OldPostDisplay}}
                                </td>
                                <td>{{item.NewDepartmentDisplay}}
                                </td>
                                <td>{{item.NewPostDisplay}}
                                </td>
                                <td>{{item.ChangeDay | truncate(10,'')}}
                                </td>
                                <td>{{item.AddTime | truncate(10,'')}}
                                </td>
                                <td>
                                    <a href="javascript:void(0)" class="doview" ms-click="doviewPostChange" ms-value="item.Id" title="查看"></a>
                                    <a ms-if="item.EDIT" href="javascript:void(0)" class="doedit" ms-click="doeditPostChange" ms-value="item.Id" title="编辑"></a>
                                    <a ms-if="!item.EDIT" href="javascript:void(0)" class="noedit" title="编辑"></a>
                                    <a ms-if="item.DELETE" href="javascript:void(0)" class="dodel" ms-click="dodelPostChange" ms-attr-index="$index" ms-value="item.Id" title="删除"></a>
                                    <a ms-if="!item.DELETE" href="javascript:void(0)" class="nodel" title="删除"></a>
                                </td>
                            </tr>
                        </table>

                    </td>
                </tr>
            </table>
        </div>

        <!--员工沟通-->
        <div class="arc_right" ms-if="viewMenu==4">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0" id="Table3">
                <tr>
                    <td style="height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; padding-left: 10px;">
                        <span class="arc_name">{{entity.Name}}
                            <span style="font-size: 9pt; text-align: center;">
                                <span ms-if="entity.Status==0" style="color: #F96400;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==1" style="color: green;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==2" style="color: red;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==3">（{{entity.Status|status}}）</span>
                            </span>
                        </span>
                        <span style="float: right; margin-right: 15px;">
                            <a href="javascript:void(0)" ms-click="doedit" ms-attr-val="entity.Id" class="view_doedit" title="编辑">编辑</a>
                            <a href="javascript:void(0)" ms-click="dostate" class="view_doputsea" title="变更在职状态">在职状态</a>
                            <a href="javascript:void(0)" ms-click="dodel" ms-attr-val="entity.Id" class="view_doalldel" title="删除">删除</a>
                            <a href="javascript:void(0)" ms-click="doPrint" class="view_doprint" title="打印">打印</a>
                            <a class="view_prefix" ms-if="hasPrevious" href="javascript:void(0)" ms-click="doview" ms-attr-val="previousId" tab="view" ms-title="previousLabel">&nbsp;</a>
                            <a class="view_next" ms-if="hasNext" href="javascript:void(0)" ms-click="doview" ms-attr-val="nextId" tab="view" ms-title="nextLabel">&nbsp;</a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 10px;">
                        <table width="100%" border="0" cellspacing="1" cellpadding="0" class="tableList">
                            <tr class="dobtn" style="background-color: rgba(0, 0, 0, 0);">
                                <td colspan="9">
                                    <a ms-if="ADD" href="javascript:void(0)" class="doadd" ms-value="entity.Id" ms-click="doaddCommunication">新增</a>
                                    <a ms-if="DELETE" href="javascript:void(0)" class="doalldel" ms-click="doalldelCommunication">批量删除</a>
                                </td>
                            </tr>
                            <tr class="head" style="background-color: rgba(0, 0, 0, 0);">
                                <td width="2%" align="center">
                                    <input type="checkbox" class="checkAll">
                                </td>
                                <td width="5%" align="center">沟通主题
                                </td>
                                <td width="5%" align="center">沟通类别
                                </td>
                                <td width="8%" align="center">沟通方式
                                </td>
                                <td width="5%" align="center">沟通负责人
                                </td>
                                <td width="5%" align="center">沟通时间
                                </td>
                                <td width="5%" align="center">操作
                                </td>
                            </tr>
                            <tr ms-repeat-item="communicationList" align="center" ms-hover='hover'>
                                <td>
                                    <input type="checkbox" name="checkbox" ms-value="item.Id">
                                </td>
                                <td>{{item.Subject}}
                                </td>
                                <td>{{item.CategoryDisplay}}
                                </td>
                                <td>{{item.MethodDisplay}}
                                </td>
                                <td>{{item.PersonInChargeDisplay}}
                                </td>
                                <td>{{item.AddTime | truncate(10,'')}}
                                </td>
                                <td>
                                    <a href="javascript:void(0)" class="doview" ms-click="doviewCommunication" ms-value="item.Id" title="查看"></a>
                                    <a ms-if="item.EDIT" href="javascript:void(0)" class="doedit" ms-click="doeditCommunication" ms-value="item.Id" title="编辑"></a>
                                    <a ms-if="!item.EDIT" href="javascript:void(0)" class="noedit" title="编辑"></a>
                                    <a ms-if="item.DELETE" href="javascript:void(0)" class="dodel" ms-click="dodelCommunication" ms-attr-index="$index" ms-value="item.Id" title="删除"></a>
                                    <a ms-if="!item.DELETE" href="javascript:void(0)" class="nodel" title="删除"></a>
                                </td>
                            </tr>
                        </table>

                    </td>
                </tr>
            </table>
        </div>
        <!--奖惩记录-->
        <div class="arc_right" ms-if="viewMenu==5">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0" id="Table5">
                <tr>
                    <td style="height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; padding-left: 10px;">
                        <span class="arc_name">{{entity.Name}}
                            <span style="font-size: 9pt; text-align: center;">
                                <span ms-if="entity.Status==0" style="color: #F96400;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==1" style="color: green;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==2" style="color: red;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==3">（{{entity.Status|status}}）</span>
                            </span>
                        </span>
                        <span style="float: right; margin-right: 15px;">
                            <a href="javascript:void(0)" ms-click="doedit" ms-attr-val="entity.Id" class="view_doedit" title="编辑">编辑</a>
                            <a href="javascript:void(0)" ms-click="dostate" class="view_doputsea" title="变更在职状态">在职状态</a>
                            <a href="javascript:void(0)" ms-click="dodel" ms-attr-val="entity.Id" class="view_doalldel" title="删除">删除</a>
                            <a href="javascript:void(0)" ms-click="doPrint" class="view_doprint" title="打印">打印</a>
                            <a class="view_prefix" ms-if="hasPrevious" href="javascript:void(0)" ms-click="doview" ms-attr-val="previousId" tab="view" ms-title="previousLabel">&nbsp;</a>
                            <a class="view_next" ms-if="hasNext" href="javascript:void(0)" ms-click="doview" ms-attr-val="nextId" tab="view" ms-title="nextLabel">&nbsp;</a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 10px;">
                        <div style="overflow-y: scroll; height: 580px;" id="otherRightContent">
                        </div>

                    </td>
                </tr>
            </table>
        </div>
        <!--积分明细-->
        <div class="arc_right" ms-if="viewMenu==6">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0" id="Table6">
                <tr>
                    <td style="height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; padding-left: 10px;">
                        <span class="arc_name">{{entity.Name}}
                            <span style="font-size: 9pt; text-align: center;">
                                <span ms-if="entity.Status==0" style="color: #F96400;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==1" style="color: green;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==2" style="color: red;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==3">（{{entity.Status|status}}）</span>
                            </span>
                        </span>
                        <span style="float: right; margin-right: 15px;">
                            <a href="javascript:void(0)" ms-click="doedit" ms-attr-val="entity.Id" class="view_doedit" title="编辑">编辑</a>
                            <a href="javascript:void(0)" ms-click="dostate" class="view_doputsea" title="变更在职状态">在职状态</a>
                            <a href="javascript:void(0)" ms-click="dodel" ms-attr-val="entity.Id" class="view_doalldel" title="删除">删除</a>
                            <a href="javascript:void(0)" ms-click="doPrint" class="view_doprint" title="打印">打印</a>
                            <a class="view_prefix" ms-if="hasPrevious" href="javascript:void(0)" ms-click="doview" ms-attr-val="previousId" tab="view" ms-title="previousLabel">&nbsp;</a>
                            <a class="view_next" ms-if="hasNext" href="javascript:void(0)" ms-click="doview" ms-attr-val="nextId" tab="view" ms-title="nextLabel">&nbsp;</a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td style="padding: 10px;">
                        <div id="otherRightContent" style="overflow-y: scroll; height: 580px;">
                        </div>
                    </td>
                </tr>
            </table>

        </div>
        <!--员工分析-->
        <div class="arc_right" ms-if="viewMenu==7">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0" id="Table7">
                <tr>
                    <td style="height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; padding-left: 10px;">
                        <span class="arc_name">{{entity.Name}}
                            <span style="font-size: 9pt; text-align: center;">
                                <span ms-if="entity.Status==0" style="color: #F96400;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==1" style="color: green;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==2" style="color: red;">（{{entity.Status|status}}）</span>
                                <span ms-if="entity.Status==3">（{{entity.Status|status}}）</span>
                            </span>
                        </span>
                        <span style="float: right; margin-right: 15px;">
                            <a href="javascript:void(0)" ms-click="doedit" ms-attr-val="entity.Id" class="view_doedit" title="编辑">编辑</a>
                            <a href="javascript:void(0)" ms-click="dostate" class="view_doputsea" title="变更在职状态">在职状态</a>
                            <a href="javascript:void(0)" ms-click="dodel" ms-attr-val="entity.Id" class="view_doalldel" title="删除">删除</a>
                            <a href="javascript:void(0)" ms-click="doPrint" class="view_doprint" title="打印">打印</a>
                            <a class="view_prefix" ms-if="hasPrevious" href="javascript:void(0)" ms-click="doview" ms-attr-val="previousId" tab="view" ms-title="previousLabel">&nbsp;</a>
                            <a class="view_next" ms-if="hasNext" href="javascript:void(0)" ms-click="doview" ms-attr-val="nextId" tab="view" ms-title="nextLabel">&nbsp;</a>
                        </span>
                    </td>
                </tr>
                <tr>
                    <td id="Td1">
                        <div style="min-height: 400px;">
                            <div style="width: 99%;" class="top10">
                                <div style="min-height: 30px; margin-top: 10px; margin-left: 5px; padding: 8px; background-color: rgb(245, 242, 245);">
                                    <div>
                                        <select style="width: 70px; height: 28px;" ms-duplex-text="TimeTypeOne">
                                            <option ms-attr-value="1">今日</option>
                                            <option ms-attr-value="2">本周</option>
                                            <option ms-attr-value="0">本月</option>
                                            <option ms-attr-value="3">本季度</option>
                                            <option ms-attr-value="4">今年</option>
                                        </select>
                                        <input type="text" name="bDate" id="bDate" ms-duplex="bTime" class="chaoboDate" ms-widget='date,StartDate,MonthOpts' style="width: 85px" />-
                                           <input type="text" name="eDate" id="eDate" class="chaoboDate" ms-duplex="eTime" style="width: 85px" ms-widget='date,EndDate,MonthOpts' />
                                        <input type="checkbox" ms-duplex-radio="show" />&nbsp;对比&nbsp;  
                                       <label ms-if="show">
                                           <input type="radio" ms-duplex-text="showNumder" value="0" />&nbsp;本人&nbsp;
                                           <input type="radio" ms-duplex-text="showNumder" value="1" />&nbsp;他人
                                       </label>
                                        <label ms-if="show">
                                            <label ms-if="showNumder==1">
                                                <input type="hidden" ms-duplex="EmployeeId" />
                                                <input ms-duplex='EmployeeName' style="width: 100px;" type="text">
                                                <button type="button" class="myfbt" ms-widget="dropDownGroupPostUserTree,employeeTreeId,employeeTreeOpts"><i class="iadduser" style="background-color: rgb(245, 242, 245);"></i></button>
                                            </label>
                                        </label>
                                        <input id="Reset1" type="reset" value="统计" class="myfbt2" ms-click="search" />
                                    </div>
                                    <div ms-if="show">
                                        <div ms-if="showNumder==0">
                                            <select style="width: 70px; height: 28px;" ms-duplex-text="TimeTypeTwo">
                                                <option ms-attr-value="1">昨日</option>
                                                <option ms-attr-value="2">上周</option>
                                                <option ms-attr-value="0">上月</option>
                                                <option ms-attr-value="3">上季度</option>
                                                <option ms-attr-value="4">上年</option>
                                            </select>
                                            <input type="text" name="StartDate" id="StartDate" ms-duplex="starTime" class="chaoboDate" ms-widget='date,StartDate,MonthOpts' style="width: 85px" />-
                                     <input type="text" name="EndDate" id="EndDate" class="chaoboDate" ms-duplex="endTime" style="width: 85px" ms-widget='date,EndDate,MonthOpts' />
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <ul class="tabWarp" style="padding-left: 10px; margin-top: 10px;">
                                        <li val="1" ms-click="tabChanges" ms-class-hover="tabs==1" ms-class-normal="tabs!=1">统计图表</li>
                                        <li val="2" ms-click="tabChanges" ms-class-hover="tabs==2" ms-class-normal="tabs!=2">数据表</li>
                                    </ul>
                                </div>
                                <div ms-visible="tabs==1" class="tabContent" style="height: 450px; border: none; overflow-y: scroll;">
                                    <div style="margin-left: 40px; margin-top: 10px; height:215px;">
                                        <ul ms-repeat-item="ArchiveModelList" class="staff">
                                            <li ms-if="$index==0">
                                                <div class="staffli_l staff_blue">
                                                    <div class="staffli_l_img">
                                                        <span class="name nameblue">{{item.Name}}</span>
                                                        <span class="ruzhi ruzhiblue">入职</span>
                                                    </div>
                                                </div>
                                                <div class="staffli_r">
                                                    <div><span class="font_blue">{{item.SerivceYear}}</span><span class="nian">年</span><span class="font_blue">{{item.SerivceDate}}</span><span class="nian">天</span><span class="font2">排第</span><span class="font2_blue">{{item.Sort}}</span><span class="helptip"><a href="javascript:void(0)" title="统计该员工入职排名">&nbsp;&nbsp;</a></span></div>
                                                    <div><span class="nian">入职时间 {{item.entryTime|truncate(10,'')}}，距今<span class="font2_blue">{{item.SerivceDay}}</span>天</span></div>
                                                </div>
                                                <div class="clear"></div>
                                            </li>
                                            <li ms-if="$index==0">
                                                <div class="staffli_l staff_blue">
                                                    <div class="staffli_l_img">
                                                        <span class="name nameblue">{{item.Name}}</span>
                                                        <span class="ruzhi ruzhiblue">积分</span>
                                                    </div>
                                                </div>
                                                <div class="staffli_r">
                                                    <div><span class="font_blue">{{item.Integral}}</span><span class="nian">分</span><span class="font2">排第</span><span class="font2_blue">{{item.IntegralSort}}</span><span class="helptip"><a href="javascript:void(0)" title="统计该员工积分排名">&nbsp;&nbsp;</a></span></div>
                                                    <div>
                                                        <span class="nian">加分
                                                                <span class="font2_green">{{item.AddIntegral}}</span>分，排第<span class="font2_green">{{item.AddIntegralSort}}</span>，扣分<span class="font2_red">{{item.DelIntegral}}</span>分，排第<span class="font2_red">{{item.DelIntegralSort}}</span></span>
                                                    </div>
                                                </div>
                                                <div class="clear"></div>
                                            </li>
                                            <li ms-if="$index==1">
                                                <div class="staffli_l staff_yellow">
                                                    <div class="staffli_l_img">
                                                        <span class="name nameyellow">{{item.Name}}</span>
                                                        <span class="ruzhi ruzhiblue">入职</span>
                                                    </div>
                                                </div>
                                                <div class="staffli_r">
                                                    <div><span class="font_blue">{{item.SerivceYear}}</span><span class="nian">年</span><span class="font_blue">{{item.SerivceDate}}</span><span class="nian">天</span><span class="font2">排第</span><span class="font2_blue">{{item.Sort}}</span><span class="helptip"><a href="javascript:void(0)" title="统计该员工入职排名">&nbsp;&nbsp;</a></span></div>
                                                    <div><span class="nian">入职时间 {{item.entryTime|truncate(10,'')}}，距今<span class="font2_blue">{{item.SerivceDay}}</span>天</span></div>
                                                </div>
                                                <div class="clear"></div>
                                            </li>
                                            <li ms-if="$index==1">
                                                <div class="staffli_l staff_yellow">
                                                    <div class="staffli_l_img">
                                                        <span class="name nameyellow">{{item.Name}}</span>
                                                        <span class="ruzhi ruzhiblue">积分</span>
                                                    </div>
                                                </div>
                                                <div class="staffli_r">
                                                    <div><span class="font_blue">{{item.Integral}}</span><span class="nian">分</span><span class="font2">排第</span><span class="font2_blue">{{item.IntegralSort}}</span><span class="helptip"><a href="javascript:void(0)" title="统计该员工积分排名">&nbsp;&nbsp;</a></span></div>
                                                    <div><span class="nian">加分<span class="font2_green">{{item.AddIntegral}}</span>分，排第<span class="font2_green">{{item.AddIntegralSort}}</span>，扣分<span class="font2_red">{{item.DelIntegral}}</span>分，排第<span class="font2_red">{{item.DelIntegralSort}}</span></span></div>
                                                </div>
                                                <div class="clear"></div>
                                            </li>
                                        </ul>
                                    </div>

                                    <div id="chart_sign" style="height: 300px; margin-top: 10px; margin-left: 20px;">
                                    </div>
                                </div>
                                <div ms-visible="tabs==2" class="tabContent" style="height: 450px; border: none; overflow-y: scroll;">
                                    <div style="margin-left: 30px;">
                                        <table width="60%" border="0" cellspacing="1" cellpadding="0" style="overflow-x: scroll;" class="tableList1">
                                            <tr class="minhead">
                                                <th ms-repeat-r="ArchiveTagList" style="text-align: center; width: 80px;">{{r}}
                                                </th>
                                            </tr>
                                            <tr ms-repeat-con="ArchiveList" align="center" style="background-color: rgb(255, 255, 255);">
                                                <th ms-repeat-el="con" style="text-align: center; font-weight: 100; width: 80px; height: 30px;">{{el}}
                                                </th>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>

        </div>
    </div>
</div>

<style type="text/css">
    .arc_div {
        width: 900px;
        height: 650px;
    }

    .arc_left {
        width: 129px;
        height: 650px;
        background: #EDECEC;
        float: left;
        border-right: 1px solid #ccc;
    }

        .arc_left ul li {
            width: 130px;
            height: 30px;
            line-height: 30px;
            float: left;
            text-align: center;
            cursor: pointer;
        }

            .arc_left ul li.hover {
                background: #fff;
                color: #000;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
            }

            .arc_left ul li:hover {
                color: blue;
            }

    .arc_right {
        width: 765px;
        height: auto;
        float: left;
    }

    .arc_name {
        font-size: 18px;
        font-family: 'Microsoft YaHei';
    }

    .arc_table {
        width: 100%;
    }

        .arc_table tr th {
            font-weight: normal;
            color: #313030;
            height: 25px;
            border-right: 1px solid #CCC;
        }

        .arc_table tr td {
            padding-left: 10px;
            color: #635F5F;
            height: 25px;
            line-height: 30px;
        }

    .avt_warp {
        width: 100px;
        height: 100px;
        padding: 5px;
        border: 1px solid #ccc;
        position: absolute;
        top: 100px;
        left: 787px;
    }

    .avt_img {
        width: 100px;
        height: 100px;
    }

    .avt_not {
        width: 98px;
        height: 98px;
        margin: 0px;
        line-height: 100px;
        border: 1px dashed #ccc;
        text-align: center;
        color: #ccc;
        cursor: pointer;
    }

    .w90 {
        width: 90px;
    }
    /*.avt_warp1 {width:120px;height:150px;position:relative;top:-344px;left:628px; border:1px solid #ccc; }
    .avt_img1 { width:120px; height:150px; }
    .avt_not { width:98px;height:98px;margin:10px;line-height:100px;border:1px dashed #ccc;text-align:center;color:#ccc;cursor:pointer; }*/
</style>


