un8.22:前端页面详情页面（代码篇）。

小格子衬衫

已于 2022-09-20 09:08:46 修改

阅读量538

点赞数

分类专栏： vue SpringBoot 文章标签：前端 html javascript

于 2022-08-22 12:23:00 首次发布

本文链接：https://blog.csdn.net/m0_64818669/article/details/126461432

版权

SpringBoot 同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

vue

6 篇文章 0 订阅

订阅专栏

一、html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <!--IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--双核浏览器默认选择 WebKit 内核渲染-->
    <meta name="renderer" content="webkit">
    <title>公司律师详情</title>
    <!--公共css文件-->
    <link href="../../css/animate.css" rel="stylesheet" type="text/css">
    <link href="../../css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="../../css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="../../css/plugins/iconfont/iconfont.css" rel="stylesheet" type="text/css">
    <!--// 表格插件-->
    <link href="../../css/plugins/jqgrid/ui.jqgridffe4.css" rel="stylesheet" type="text/css">
    <!--// 下拉列表插件-->
    <link href="../../css/plugins/bootstrap-select/bootstrap-select.css" rel="stylesheet" type="text/css">
    <!--// ztree插件-->
    <link href="../../css/plugins/ztree/metroStyle/metroStyle.css" rel="stylesheet" type="text/css">
    <link href="../../css/style.css" rel="stylesheet" type="text/css">
    <link href="../../css/pages/common.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        
    </style>
</head>

<body class="gray-bg">
<div class="wrapper-box">
    <div class="content-box">
        <div>
            <div class="section">
                <button class="tb-btn-fl mr5 nav-jump" data-target="baseInfo" href="#baseInfo" type="button">基本信息</button>
                <button class="tb-btn-fl mr5 nav-jump" data-target="eduInfo" href="#eduInfo"  type="button">学历信息</button>
                <button class="tb-btn-fl mr5 nav-jump" data-target="eduProcess" href="#eduProcess"  type="button">擅长外语语种</button>
            </div>
        </div>
        <div class="box-content" id="baseInfo" style="margin-top: 55px;">
            <div class="section show-detail partSet">
                <div class="con-title">
                    <span class="divdLine"></span>
                    <span class="firstTitle">基本信息</span>
                </div>
                <div class="clearfix">
                    <div class="picBox">
                        <div id="headImg" data-name="headImg"  ondblclick="openImg(this);"></div>
                    </div>
                    <div class="baseContentBox">
                        <div class="row clearfix">
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>姓名：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="personName" data-name="personName"></span>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>统一身份账号：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="userUniteID" data-name="userUniteID"></span>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>AD账号：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="ADAccount" data-name="ADAccount"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>性别：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="sex" data-name="sex"></span>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>身份证：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="iDNumber"  data-name="iDNumber"></span>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>出生日期：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="birthday"  data-name="birthday"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>国籍：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="country"  data-name="country" data-type="sacType"></span>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>民族：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="nation"  data-name="nation" data-type="sacType"></span>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>政治面貌：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="politicCountenance" data-name="politicCountenance" data-type="sacType"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row clearfix">
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>所属组织：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="orgCodeNames" data-name="orgCodeNames"></span>
                                    <a href="javascript:void(0);" id="orgCodeNames_tooltip" data-toggle="tooltip" style="position: absolute;width: 180px;height: 30px;left: 0;">
                                    </a>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>人事关系：
                                </label>
                                <div class="ivu-form-item-content-x-lg" id="personRelations_box">
                                    <span class="selectpicker ipt-type" id="personRelations" data-type="personRelations"></span>
                                </div>
                            </div>
                            <div class="form-group col-xs-4">
                                <label class="ivu-form-item-label-x-lg">
                                    <span class=""></span>手机号：
                                </label>
                                <div class="ivu-form-item-content-x-lg">
                                    <span class="ipt-type" id="phoneNumber" data-name="phoneNumber"></span>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box-content" id="eduInfo" >
            <div class="section show-detail partSet">
                <div class="con-title">
                    <span class="divdLine"></span>
                    <span class="firstTitle">学历信息</span>
                </div>
                <form action="#" id="LHR1006" hidden>
                    <div class="row clearfix">
                        <div class="form-group col-xs-1">
                            <!--                            <label class="ivu-form-item-label-x-lg" style="width: 50px;">-->
                            <!--                                <span class=""></span>博士研究生：-->
                            <!--                            </label>-->
                            <div class="ivu-form-item-content-s" style="margin-left: 0">
                                <span class="ipt-type" id="highestEducation_LHR1006" data-name="highestEducation_LHR1006" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px">
                                <span class=""></span>学位：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px">
                                <span class="ipt-type" name="highestDegree" id="highestDegree_LHR1006" data-name="highestDegree_LHR1006" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px">
                                <span class=""></span>毕业院校：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px">
                                <span class="ipt-type"  data-name="graduationSchool"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px">
                                <span class=""></span>所学专业：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px">
                                <span class="ipt-type" data-name="specialty"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">全日制：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isFullTime" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">法律专业：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isLegalSpecialty" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                    </div>
                </form>
                <form action="#" id="LHR1004" hidden>
                    <div class="row clearfix">
                        <div class="form-group col-xs-1">
                            <!--                            <label class="ivu-form-item-label-x-lg" style="width: 50px;">-->
                            <!--                                <span class=""></span>硕士研究生：-->
                            <!--                            </label>-->
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 0;">
                                <span class="ipt-type" name="highestDegree"  id="highestEducation_LHR1004" data-name="highestEducation_LHR1004" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>学位：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" id="highestDegree_LHR1004" data-name="highestDegree_LHR1004" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg " style="width: 60px;">
                                <span class=""></span>毕业院校：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" data-name="graduationSchool"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>所学专业：
                            </label>
                            <div class="ivu-form-item-content-x-lg"style="margin-left: 60px;">
                                <span class="ipt-type" data-name="specialty"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">全日制：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isFullTime" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">法律专业：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isLegalSpecialty" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                    </div>
                </form>
                <form action="#" id="LHR1003" hidden>
                    <div class="row clearfix">
                        <div class="form-group col-xs-1">
                            <!--                            <label class="ivu-form-item-label-x-lg" style="width: 50px;">-->
                            <!--                                <span class=""></span>本科：-->
                            <!--                            </label>-->
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 0">
                                <span class="ipt-type" name="highestDegree"  id="highestEducation_LHR1003" data-name="highestEducation_LHR1003" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>学位：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" id="highestDegree_LHR1003" data-name="highestDegree_LHR1003"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>毕业院校：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" data-name="graduationSchool"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>所学专业：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" data-name="specialty"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">全日制：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isFullTime" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">法律专业：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isLegalSpecialty" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                    </div>

                </form>
                <form action="#" id="LHR1002" hidden>
                    <div class="row clearfix">
                        <div class="form-group col-xs-1">
                            <!--                            <label class="ivu-form-item-label-x-lg" style="width: 50px;">-->
                            <!--                                <span class=""></span>大专：-->
                            <!--                            </label>-->
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 0">
                                <span class="ipt-type" id="highestEducation_LHR1002" data-name="highestEducation_LHR1002" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" >
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" id="highestDegree_LHR1002" data-name="highestDegree_LHR1002" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>毕业院校：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" data-name="graduationSchool"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>所学专业：
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" data-name="specialty"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">全日制：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isFullTime" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">法律专业：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isLegalSpecialty" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                    </div>
                </form>
                <form action="#" id="LHR1005" hidden>
                    <div class="row clearfix">
                        <div class="form-group col-xs-1">
                            <!--                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">-->
                            <!--                                <span class="">高等教育学历及以下：</span>-->
                            <!--                            </label>-->
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 0">
                                <span class="ipt-type"  id="highestEducation_LHR1005" data-name="highestEducation_LHR1005" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2" >
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class=""></span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type" id="highestDegree_LHR1005" data-name="highestDegree_LHR1005" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class="">毕业院校：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type"  data-name="graduationSchool"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-2">
                            <label class="ivu-form-item-label-x-lg" style="width: 60px;">
                                <span class="">所学专业：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 60px;">
                                <span class="ipt-type"  data-name="specialty"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-4" style="margin-right: -40px;">
                            <label class="ivu-form-item-label-x-lg" style="width: 150px;">
                                <span class="">法律专业：</span>
                            </label>
                            <div class="ivu-form-item-content-x-lg" style="margin-left: 150px">
                                <span class="ipt-type"  data-name="isLegalSpecialty" data-type="isShow" data-option='{"0":"否","1":"是"}'></span>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <form action="#" id="eduProcessForm">
            <div class="box-content" id="eduProcess" >
                <div class="section show-detail partSet">
                    <div class="con-title">
                        <span class="divdLine"></span>
                        <span class="firstTitle">擅长外语语种</span>
                    </div>
                </div>
            </div>
        </form>
        <form action="#" id="jobInfoForm">
            <div class="box-content" id="jobInfo" >
                <div class="section show-detail partSet">
                    <div class="con-title">
                        <span class="divdLine"></span>
                        <span class="firstTitle">工作信息</span>
                    </div>
                    <div class="row clearfix">
                        <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>业务关系：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="businessOrgName" data-name="businessOrgName"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>办公电话：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="officePhone" data-name="officePhone"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>电子邮箱：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="email" data-name="email"></span>
                            </div>
                        </div>

                    </div>
                    <div class="row clearfix">
                        <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>职业序列：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="professionSequenceType" data-name="professionSequenceType"  data-type="sacType"></span>
                                -
                                <span class="ipt-type"  id="professionSequence" data-name="professionSequence" data-type="sacType"></span>
                            </div>
                        </div>
                        <!-- <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>职业序列：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                            </div>
                        </div> -->
                        <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>职务：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="duty"  data-name="duty" data-type="sacType"></span>
                            </div>
                        </div>
                        <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>职称：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="professionalTitle" data-name="professionalTitle" data-type="sacType"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix" id="expertGroupDiv" hidden>
                        <div class="form-group col-xs-12">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>专家领域：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="expertGroupArea" name="expertGroupArea"></span>
                                <span class="ipt-type" id="expertgroupIds" hidden></span>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="form-group col-xs-3">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>入职中石化时间：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="entryTime" data-name="entryTime"></span>
                            </div>
                        </div>
                    </div>
                    <div class="row clearfix">
                        <div class="form-group col-xs-12">
                            <label class="ivu-form-item-label-x-lg">
                                <span class=""></span>备注：
                            </label>
                            <div class="ivu-form-item-content-x-lg">
                                <span class="ipt-type" id="teamJobInfoRemark" data-name="teamJobInfoRemark"></span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="box-content" id="socialRoleTable" >
    </div>
</div>
<!--引入公共js文件-->
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/jquery.form.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script type="text/javascript" src="../../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="../../js/plugins/jqgrid/i18n/grid.locale-cnffe4.js"></script>
<script type="text/javascript" src="../../js/plugins/jqgrid/jquery.jqGrid.minffe4.js"></script>
<script type="text/javascript" src="../../js/jqgrid.js"></script>
<script type="text/javascript" src="../../js/plugins/bootstrap-select/bootstrap-select.js"></script>
<script type="text/javascript" src="../../js/plugins/bootstrap-select/i18n/defaults-zh_CN.js"></script>
<script type="text/javascript" src="../../js/plugins/layer/layer.js"></script>
<script type="text/javascript" src="../../js/plugins/layDate/laydate.js"></script>
<script type="text/javascript" src="../../js/plugins/validate/jquery.validate.min.js"></script>
<script type="text/javascript" src="../../js/plugins/validate/messages_zh.js"></script>
<script type="text/javascript" src="../../js/pages/common/form-validate.js"></script>
<script type="text/javascript" src="../../js/plugins/ztree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="../../js/zTree.config.js"></script>
<script type="text/javascript" src="../../js/core.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/contabs.js"></script>
<script type="text/javascript" src="../../js/hplus.js"></script>
<script type="text/javascript" src="../../js/jquery.cookie.js"></script>
<script type="text/javascript" src="../../js/pages/common/commonPopWin.js"></script>
<script type="text/javascript" src="../../css/plugins/iconfont/iconfont.js"></script>
<script src="../../js/pages/common/dateTime.js"></script>
<script src="../../js/pages/common/valueCode.js"></script>
<script src="../../js/pages/common/queryDictory.js"></script>
<script src="../../js/pages/common/selectOrgTree.js"></script>
<script src="../../js/pages/common/loadData.js"></script>
<script src="../../js/pages/common/common.js"></script>
<script src="../../js/pages/common/selectUserByOrgTree.js"></script>


<!--自定义js-->
<script src="../../js/pages/layerlibrary/lawyerDetail.js"></script>
<script src="../../js/pages/common/message.js"></script>
<!--control.js-->
<script type="text/javascript" src="../../js/control.js"></script>
</body>
</html>

二、js

var userInfo = getTopWindow().userInfo;
var dataTermObj = getParentData();
var lhrTeamBaseInfoId = dataTermObj.lhrTeamBaseInfoId;
var lhrTeamBaseextId = dataTermObj.lhrTeamBaseextId;
var jobRoleInfoTableObj;
var jobRoleInfoTableRowData = {};
var qualificationInfoTableObj;
var qualificationInfoTableRowData = {};
var personHonorTableObj;
var personHonorTableRowData = {};
var socialRoleTableObj;
var socialRoleTableRowData = {};
var socialRoleAttachmentObjs = {};
var personAttachmentObjs = {};
var selectSacData = {};
var numberData = {};
var personRelationMap = {}
var jobMap = {};
var roleMap;
var qulificationList=[];
//海外项目经历选择联动效果配置
var foreignProjectConfig = ['foreignOrg', 'personType', 'language', 'foreignWorkingYears', 'foreignProjectsRecord']
//社会英语考试等级对应页面展示元素ids
var englishTestTypeSacMapping = {
    LHR1916: ['otherScore', 'otherEnglishLevalName'],//其他
    LHR1915: ['scoreLEC'],//LEC
    LHR1914: ['scorePETS5'],//PETS5
    LHR1913: ['scoreBFT'],//BFT
    LHR1912: ['scoreGMAT'],//GMAT
    LHR1911: ['scoreGRE'],//GRE
    LHR1910: ['scoreTOEFL'],//托福
    LHR1909: ['scoreIELTS'],//雅思
    LHR1908: ['sinopecEnglishTestScoreD'],//中石化英语分级考试等级D
    LHR1907: ['sinopecEnglishTestScoreC'],//中石化英语分级考试等级C
    LHR1906: ['sinopecEnglishTestScoreB'],//中石化英语分级考试等级B
    LHR1905: ['sinopecEnglishTestScoreA'],//中石化英语分级考试等级A
    LHR1904: ['scoreTEM8'],//专业八级
    LHR1903: ['scoreTEM4'],//专业四级
    LHR1902: ['scoreCET6'],//英语六级
    LHR1901: ['scoreCET4']//英语四级
}
//字典项对应下拉框元素id配置
var selectSacMapping = {
    CM03: 'country', //国籍
    CM02: 'nation', //民族
    // LHR01: 'politicCountenance',//机构类型
    LHR02: 'certificateName',//资格证书名称
    // LHR03: 'politicCountenance',//变更类型
    LHR04: 'professionSequenceType',//职业序列类型
    LHR05: 'personType',//人员类型
    LHR06: 'personRole',//人员角色
    LHR07: 'legalAdvisorType',//专兼职法律顾问
    LHR09: 'politicCountenance',//政治面貌
    LHR10: 'politicCountenance',//学历
    LHR11: 'highestDegree',//学位
    LHR12: 'speakingLevel',//中石化英语分级（听说）考试等级
    LHR13: 'writingLevel',//中石化英语分级（读写）考试等级
    // LHR14: 'writingLevel',//工作类别
    LHR15: 'joinType',//加入方式
    LHR16: 'rank',//职级
    LHR17: 'professionalTitle',//职称
    LHR18: 'duty',//职务
    LHR19: 'englishTestType',//社会英语考试等级
    LHR0401: '',//M序列
    LHR0402: '',//T序列
    LHR0601: '',//法律分管领导
    LHR0602: '',//总法律顾问
    LHR0603: '',//专职法律人员
    LHR0604: '',//法律储备人员
    LHR24:'foreignLanguageName',//擅长外语语种
    LHR22:'issuingOrgName'//发证机关

}
$(function () {
    // 从个人工作台进，隐藏返回按钮
    if(dataTermObj.fromPage == 'personWork'){
        $('.footBtnBox').hide();
    }
    initJUmpClick();
    querySacDictcollectionByPCodes(String(Object.keys(selectSacMapping)), initSacData);
    roleMap = queryValueByParentCodeToMap(socialRole);
    var teamBaseInfoDetail = queryTeamDetail();
    initJobInfoSelect(teamBaseInfoDetail.teamJobInfoext.orgCode);
    initPersonRelations(teamBaseInfoDetail.teamJobInfoext.userUniteID);
    // initExpertgroupIds(teamBaseInfoDetail.personCode)
    initBaseInfoForm(teamBaseInfoDetail);
    teamBaseInfoDetail.teamJobInfoext.teamJobInfoRemark = teamBaseInfoDetail.teamJobInfoext.remark;
    initEduInfoForm(teamBaseInfoDetail.teamEduInfoList);
    initExamInfoForm(teamBaseInfoDetail.teamExamInfo);
    initJobInfoForm(teamBaseInfoDetail.teamJobInfo);
    initTeamJobInfoext(teamBaseInfoDetail.teamJobInfoext);
    // initRoleInfoTable(teamBaseInfoDetail.teamJobRoleList);
    // initPersonHonorTable(teamBaseInfoDetail.jobHonorList);
    initSocialRoleTable(teamBaseInfoDetail.socialRoleList);
    initQualificationInfoTable(teamBaseInfoDetail.qualificationInfoList);
    qulificationList=teamBaseInfoDetail.qualificationInfoList;
    //有字典项的
    $.each(numberData, function (key,value) {
        if(value && detailMap[value]){
            $('span[data-name="'+ key+'"]').text(detailMap[value])
        }
    });

});

//查询人员详情
function queryTeamDetail() {
    var teamBaseInfoDetail = {};
    $.get("../../teamManagement/queryTeamBaseextId", {lhrTeamBaseextId: lhrTeamBaseextId,"flag":2}, function (result) {
        teamBaseInfoDetail = result.data;
    }, function () {

    });
    return teamBaseInfoDetail;
}


//初始化学历信息
function initEduInfoForm(teamEduInfoList) {
    if(teamEduInfoList&&teamEduInfoList.length>0){
        $.each(teamEduInfoList, function (key,obj) {
            var showDiv = $("#"+this.highestEducation)
            showDiv.show();
            var parentV = '';
            $.each(obj, function (k,v) {
                var tempV = v;
                if (k == 'highestEducation') {
                    parentV = v;
                }
                if (k == 'highestDegree') {
                    tempV = parentV;
                }
                var elementSac = showDiv.find($('span[data-name="'+ k +'_'+tempV+'"]'))
                var element = showDiv.find($('span[data-name="'+ k +'"]'));

                if(elementSac.length > 0){
                    elementSac.text(v)
                    numberData[k+"_"+tempV] = v
                }
                if(element.length > 0){
                    element.text(v)
                }
                var dataType = element.attr('data-type')
                if (dataType == 'isShow') {
                    var selectOption = JSON.parse(element.attr('data-option'))
                    element.text(selectOption[v])
                }
            });
        })
    }

}

//初始化考试信息
function initExamInfoForm(teamExamInfo) {
    if(teamExamInfo&&null != teamExamInfo){
        loadRecordInfo(teamExamInfo);
    }
}

//初始工作信息
function initJobInfoForm(teamJobInfo) {
    if(teamJobInfo&&null != teamJobInfo){
        loadRecordInfo(teamJobInfo);
    }
}
//初始化岗位信息
function initTeamJobInfoext(teamJobInfoext) {
    if(teamJobInfoext && null != teamJobInfoext){
        if(teamJobInfoext.professionSequenceType =='LHR0402'){
            $("#expertGroupDiv").show()
            // $("#expertGroupArea").html(teamJobInfoext.expertGroupArea);
        }else if(teamJobInfoext.professionSequenceType =='LHR0401'){
            $("#expertGroupDiv").hide()
        }
        teamJobInfoext.businessOrgName = teamJobInfoext.orgName
        loadRecordInfo(teamJobInfoext);

    }
}

//初始化基本信息
function initBaseInfoForm(teamBaseInfoDetail) {
    if(teamBaseInfoDetail && null != teamBaseInfoDetail){
        teamBaseInfoDetail.attachmentId = teamBaseInfoDetail.lawyerRecordAttachmentId;
        if(teamBaseInfoDetail.teamJobInfo.businessRelations){
            teamBaseInfoDetail.orgCodeNames = teamBaseInfoDetail.teamJobInfo.businessRelations
        }

        if(teamBaseInfoDetail.attachPersonImage){
            initUserHeadImg(teamBaseInfoDetail.attachPersonImage);
        }
        loadRecordInfo(teamBaseInfoDetail, function (key, val) {
            if (key == 'attachPersonImage') {
                initUserHeadImg(val);
            }else{
                $("#"+key).text(val)
            }
        });
        if(teamBaseInfoDetail.teamBaseext && null != teamBaseInfoDetail.teamBaseext){
            loadRecordInfo(teamBaseInfoDetail.teamBaseext, function (key, val) {
                $("#"+key).text(val)
            });
        }
        loadUserInfo(teamBaseInfoDetail.personCode);
    }

}

//初始化人员信息，从用户中心同步数据
function loadUserInfo(userCode) {
    $.get("/lhr/userInfo/queryUserInfoByUserCode", {userCode: userCode}, function (result) {
        var data = result.data;
        $("#personName").text(data.userName);
        $("#personCode").text(data.userCode);
        if(data.adOrgRelationList && data.adOrgRelationList.length > 0){
            var ADAccount = '';
            for(var i=0;i<data.adOrgRelationList.length;i++){
                ADAccount = ADAccount +";" +data.adOrgRelationList[0].adAccount;
            }
            $("#ADAccount").text(ADAccount.substring(1));
        }
        // $("#adCode").text(data.userADAccount);
        $("#userUniteID").text(data.userCode);
        // $("#email").text(data.email);
    });
}
function  transformData(value){
    if(value.professionSequenceType == 'LHR0402'){
        $("#lhrOrgExtJobInfoId").attr("data-type","sacType")
    }
    return value;
}
//页面字段回填数据
function loadRecordInfo(recordObj, callback) {
    transformData(recordObj)
    $.each(recordObj, function (key, val) {
        var kName = $('[name=' + key +']')
        var keyName = $("#"+key)
        var dataType = $("#"+key).attr('data-type')
        var dataName = $("#"+key).attr('data-name')

        if (keyName.is('input')){
            if (keyName.attr("data-type") == 'file') {
                $.uploadFileUtils.showTableInit("#" + keyName.attr("data-table-id"), val,'');
            }
        }


        if (dataType == 'isShow') {
            var selectOption = JSON.parse(keyName.attr('data-option'))
            keyName.text(selectOption[val])
            //是否海外
            if(val == 1){
                $.each(foreignProjectConfig, function () {
                    $("#"+ this).parents(".form-group").show();
                })
            }else{
                $.each(foreignProjectConfig, function () {
                    $("#"+ this).parents(".form-group").hide();
                })
            }
        }else if(dataType == 'sacType'){
            $("#"+key).text(detailMap[val])
            if(dataName == 'englishTestType'){
                if(val&&null!=val){
                    var englishAttr = val.split(",")
                    $.each(englishAttr, function (k, v) {
                        var domIds = englishTestTypeSacMapping[this];
                        if (domIds) {
                            $.each(domIds, function () {
                                var $this = $('div[data-id='+ this +']');
                                $this.show();
                            })
                        }
                    });
                    // $("#"+key).text(val)
                }
            }
			// 中石化英语分级考试(听说)等级/中石化英语分级考试(读写)等级——选择无的处理
			if(key == 'speakingLevel' || key == 'writingLevel') {
				if(val.indexOf('nothing') > -1) keyName.text('无');
			}
            // 擅长外语语种回显
            if(key == 'foreignLanguageName'){
				// 选项为无
				if(val.indexOf('nothing') > -1) {
					keyName.text('无');
				}else{
					// 选项中有英语
					if(val.indexOf('LHR2401') > -1) {
						$('.englishTestTypeBox').show();
					}
                    var foreignList = selectSacDataInfo['LHR24'],
                        selectForeignList = val.split(','),
                        selectForeignNameList = [];
                    $.each(selectForeignList, function(index, value){
                        $.each(foreignList, function(i, v){
                            if(v.dictCode == value) {
                                selectForeignNameList.push(v.dictName);
                            }
                        })
                    })
                    keyName.text(selectForeignNameList.join(','));
                }
            }
        }else if(key == "englishTestType"){
            var englishAttr = val.split(",")
            $.each(englishAttr, function (k, v) {
                var domIds = englishTestTypeSacMapping[this];
                if (domIds) {
                    $.each(domIds, function () {
                        var $this = $('div[data-id='+ this +']');
                        $this.show();
                    })
                }
            });
            $("#"+key).text(val)
        } else if(dataType == "selectJob"){
            $("#"+key).text(jobMap[val]) ;
        } else if(dataType == 'personRelations'){
            $("#"+key).text(personRelationMap[val])
        } else{
            $("#"+key).text(val)
            if(dataName == 'sex'){
                if(val==1){
                    keyName.text('男')
                }else if(val==2){
                    keyName.text('女')
                }else{

                }
            }
        }
        // if (callback) {
        // 	//扩展回调函数
        // 	callback(key, val);
        // }
    })
}

//初始化锚点导航
function initJUmpClick() {
    $('.nav-jump').click(function() {
        var $this = $(this);
        $this.parent().find(".active").removeClass("active");
        $this.addClass("active");
        $('html,body').animate({
            scrollTop:$($.attr(this, 'href')).offset().top - 70
        }, 100);
    });
}



// 初始化角色信息表格
function initRoleInfoTable(teamJobRoleList) {
    jobRoleInfoTableObj = $JQGrid.init({
        id: "roleInfo-list-table",
        useCheckAll: false,
        datatype : "local",
        showPager:false,
        colNames: ['rowId', '角色信息Id','角色编码', '角色', '任职时间', '专兼职法律顾问','除法律工作外其他分管业务', '文号', '任命依据附件', '任命依据'],// jqGrid的列显示名字
        colModel: [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
            {
                name: 'rowId',
                index: 'rowId',
                hidden: true,
                formatter: function (cellvalue, options, rowObject) {
                    return options.rowId;
                }
            },
            {
                name: 'lhrTeamJobRoleId',
                index: 'lhrTeamJobRoleId',
                hidden: true
            },
            {
                name: 'roleName',
                index: 'roleName',
                hidden: true
            },
            {
                name: 'roleNameInfo',
                index: 'roleNameInfo',
                width: 150,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    var result = '-';
                    if(detailMap[rowObject.roleName]) {
                        return detailMap[rowObject.roleName]
                    }else{
                        return result;
                    }
                }
            },
            {
                name: 'toWorkTime',
                index: 'toWorkTime',
                hidden: true
            },
            {
                name: 'legalAdvisorType',
                index: 'legalAdvisorType',
                width: 100,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    var sac = {1: '专职担任', 2: '兼职担任'};
                    return sac[cellvalue] || '-';
                }
            },
            {
                name: 'otherJobs',
                index: 'otherJobs',
                width: 120,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    return cellvalue || '-';
                }
            },
            {
                name: 'docNo',
                index: 'docNo',
                width: 120,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    return cellvalue || '-';
                }
            },
            {
                name: 'attachmentId',
                index: 'attachmentId',
                hidden: true
            },
            {
                name: 'attachmentName',
                index: 'attachmentName',
                width: 100,
                align: "left",
                sortable: false,
                formatter: function(cellvalue, options, rowObject) {
                    if (rowObject[8]) {
                        cellvalue = rowObject[8];
                        loadAttachmentObjs(cellvalue, personAttachmentObjs);
                    } else if (rowObject.attachmentId) {
                        cellvalue = rowObject.attachmentId;
                    }
                    if (cellvalue && cellvalue != '&nbsp;') {
                        var files = cellvalue.split(',');
                        if (!personAttachmentObjs[files[0]]) {
                            loadAttachmentObjs(cellvalue, personAttachmentObjs);
                        }
                        var content = '<div class="row" style="margin:0;">';
                        if (personAttachmentObjs && personAttachmentObjs[files[0]]) {
                            $.each(files, function (i, v) {
                                content += '<a href="javascript:void(0);" style="display: block;" fileid="'+ v +'" onclick=downFile("'+ v +'")>'+ personAttachmentObjs[v] +'</a>';
                            })
                        }else {
                            return '-';
                        }
                        content += '</div>';
                        return content;
                    } else {
                        return '-';
                    }
                }
            }]
    });
    jobRoleInfoTableObj[0].addJSONData(teamJobRoleList);
    $JQGrid.complete(function () {
        if (!teamJobRoleList || teamJobRoleList.length == 0) {
            jobRoleInfoTableObj.parent().append('<div class="norecords">未查询到数据</div>');
            $(".norecords").show();
        }
        $.each(jobRoleInfoTableObj.getRowData(), function (i, v) {
            v.operation = null;
            jobRoleInfoTableRowData[v.rowId] = v;
        });
    });
}

//回显附件信息
function getFiles(fileIds){
	var attachmentObjs={};
	var fileNameStr="";
	loadAttachmentObjs(fileIds,attachmentObjs);
	if(!$.isEmptyObject(attachmentObjs)){
		var files = fileIds.split(',');
		$.each(files, function (i, v) {
			fileNameStr += '<a href="javascript:void(0);" fileid="'+ v +'" onclick=downFile("'+ v +'")>'+ attachmentObjs[v] +'</a>';
		});
	}else{
		fileNameStr="-";
	}
	return fileNameStr;
}

// 从业资格—根据类型id获取类型名称
function getCertificateNameById(id, lhrTeamQuaInfoId){
    var result = '-';
    if(selectSacData['LHR02']) {
        $.each(selectSacData['LHR02'], function () {
            if (id == this.dictCode) {
                result = this.dictName;
                return false;
            }
        })
    }
    if(result=="无法律资质"){
        return '<span class="certificateName">' + result + '</span>';
    }else{
        return '<a class="grid-opt certificateName" onclick=toQualificationDetail("'+ lhrTeamQuaInfoId +'")>'+ result +'</a>';
    }
}

// 初始法律从业资格表格
function initQualificationInfoTable(qualificationInfoList) {
	$('.quaInfoContent').html('')
	qualificationInfoList.forEach(function(item, index){
        var baseHtml = $('.quaInfoTemplate div.row').clone();
        baseHtml.find('.lhrTeamQuaInfoId').text(item.lhrTeamQuaInfoId); // 从业资格信息ID(主键ID)
        baseHtml.find('.certificateTypeNo').text(item.certificateName); // 从业资格类型ID
        baseHtml.find('.attachmentIds').text(item.attachmentIds); // 资格文件ID
        baseHtml.find('.certificateNameBox').html(getCertificateNameById(item.certificateName, item.lhrTeamQuaInfoId)); // 从业资格类型（资格名称）
        baseHtml.find('.certificateNo').text(item.certificateNo); // 证书编号
        baseHtml.find('.issuingDate').text(item.issuingDate); // 颁证日期
        baseHtml.find('.reviewDate').text(item.reviewDate); // 最新年检日期
        baseHtml.find('.issuingOrgName').text(item.issuingOrgName); // 颁证机构
        baseHtml.find('.attachmentNames').html(item.attachmentIds ? getFiles(item.attachmentIds) : '-'); // 资格文件
        baseHtml.find('.issuingStatus').text(item.certificatesStatus==1?"有效":"无效"); // 证书状态
        $('.quaInfoContent').append(baseHtml);
	});
    /*qualificationInfoTableObj = $JQGrid.init({
        id: "qualificationInfo-list-table",
        useCheckAll: false,
        datatype : "local",
        showPager:false,
        colNames: ['rowId', '从业资格ID', 'lhrTeamBaseInfoId', '资格名称编码','资格名称', '证书编号', '颁证日期','颁证机构', '最新年检日期', '附件', '资格附件'],// jqGrid的列显示名字
        colModel: [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
            {
                name: 'rowId',
                index: 'rowId',
                hidden: true,
                formatter: function (cellvalue, options, rowObject) {
                    return options.rowId;
                }
            },
            {
                name: 'lhrTeamQuaInfoId',
                index: 'lhrTeamQuaInfoId',
                hidden: true
            },
            {
                name: 'lhrTeamBaseInfoId',
                index: 'lhrTeamBaseInfoId',
                hidden: true
            },
            {
                name: 'certificateName',
                index: 'certificateName',
                hidden: true
            },
            {
                name: 'certificateNameDesc',
                index: 'certificateNameDesc',
                width: 150,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    var result = '-';
                    if(selectSacData['LHR02']) {
                        $.each(selectSacData['LHR02'], function () {
                            if (rowObject.certificateName == this.dictCode) {
                                result = this.dictName;
                                return false;
                            }
                        })
                    }
                    if(result=="无法律资质"){
                        return result;
                    }else{
                        return '<a class="grid-opt" onclick=toQualificationDetail("'+ rowObject.lhrTeamQuaInfoId +'")>'+ result +'</a>';
                    }
                }
            },
            {
                name: 'certificateNo',
                index: 'certificateNo',
                width: 150,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    return cellvalue || '-';
                }
            },
            {
                name: 'issuingDate',
                index: 'issuingDate',
                width: 100,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    if (cellvalue != null) {
                        return formatDate(cellvalue, "yyyy-MM-dd");
                    } else {
                        return '-';
                    }
                }
            },
            {
                name: 'issuingOrgName',
                index: 'issuingOrgName',
                width: 120,
                align: "left",
                hidden: true,
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    return cellvalue || '-';
                }
            },
            {
                name: 'reviewDate',
                index: 'reviewDate',
                width: 120,
                align: "left",
                hidden: true,
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    if (cellvalue != null) {
                        return formatDate(cellvalue, "yyyy-MM-dd");
                    } else {
                        return '-';
                    }
                }
            },
            {
                name: 'attachmentIds',
                index: 'attachmentIds',
                hidden: true
            },
            {
                name: 'attachmentNames',
                index: 'attachmentNames',
                width: 170,
                align: "left",
                sortable: false,
                formatter: function(cellvalue, options, rowObject) {
                    if (rowObject[8]) {
                        cellvalue = rowObject[8];
                        loadAttachmentObjs(cellvalue, personAttachmentObjs);
                    } else if (rowObject.attachmentIds) {
                        cellvalue = rowObject.attachmentIds;
                    }
                    if (cellvalue && cellvalue != '&nbsp;') {
                        var files = cellvalue.split(',');
                        if (!personAttachmentObjs[files[0]]) {
                            loadAttachmentObjs(cellvalue, personAttachmentObjs);
                        }
                        var content = '<div class="row">';
                        if (personAttachmentObjs && personAttachmentObjs[files[0]]) {
                            $.each(files, function (i, v) {
                                content += '<a href="javascript:void(0);" class="col-xs-6" fileid="'+ v +'" onclick=downFile("'+ v +'")>'+ personAttachmentObjs[v] +'</a><br>';
                            })
                        }else {
                            return '-';
                        }
                        content += '</div>';
                        return content;
                    } else {
                        return '-';
                    }
                }
            }]
    });
    qualificationInfoTableObj[0].addJSONData(qualificationInfoList);
    $JQGrid.complete(function () {
        if (!qualificationInfoList || qualificationInfoList.length == 0) {
            qualificationInfoTableObj.parent().append('<div class="norecords">未查询到数据</div>');
            $(".norecords").show();
        }
        $.each(qualificationInfoTableObj.getRowData(), function (i, v) {
            v.operation = null;
            qualificationInfoTableRowData[v.rowId] = v;
        });
    });*/
}


// 初始化个人工作荣誉表格
function initPersonHonorTable(jobHonorList) {
    personHonorTableObj = $JQGrid.init({
        id: "personHonor-list-table",
        useCheckAll: false,
        datatype : "local",
        showPager:false,
        colNames: ['rowId', '工作荣誉Id', '奖项名称', '奖项级别', '奖项级别', '获奖时间','颁奖机构'],// jqGrid的列显示名字
        colModel: [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
            {
                name: 'rowId',
                index: 'rowId',
                hidden: true,
                formatter: function (cellvalue, options, rowObject) {
                    return options.rowId;
                }
            },
            {
                name: 'lhrJobHonorId',
                index: 'lhrJobHonorId',
                hidden: true
            },
            {
                name: 'awardName',
                index: 'awardName',
                width: 150,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    return cellvalue || '-';
                }
            },
            {
                name: 'awardLevel',
                index: 'awardLevel',
                hidden: true
            },
            {
                name: 'awardLevelName',
                index: 'awardLevelName',
                width: 100,
                align: "left",
                sortable: false,
                formatter: function(cellvalue, options, rowObject) {
                    var obj = {1: '国家级', 2: '集团公司级', 3: '省部级', 4: '其他'};
                    return obj[rowObject.awardLevel];
                }
            },
            {
                name: 'awardDate',
                index: 'awardDate',
                width: 100,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    if (cellvalue != null) {
                        return formatDate(cellvalue, "yyyy-MM-dd");
                    } else {
                        return '-';
                    }
                }
            },
            {
                name: 'issuingOrgName',
                index: 'issuingOrgName',
                width: 120,
                align: "left",
                sortable: false,
                formatter: function (cellvalue, options, rowObject) {
                    return cellvalue || '-';
                }
            }]
    });
    personHonorTableObj[0].addJSONData(jobHonorList);
    $JQGrid.complete(function () {
        if (!jobHonorList || jobHonorList.length == 0) {
            personHonorTableObj.parent().append('<div class="norecords">未查询到数据</div>');
            $(".norecords").show();
        }
        $.each(personHonorTableObj.getRowData(), function (i, v) {
            v.operation = null;
            personHonorTableRowData[v.rowId] = v;
        });
    });
}
// 社会任职角色—角色编码获取角色名称
function getSocialRoleNameById(id){
    var result = '-';
    if(id){
        return roleMap[id]
    }
    return result;
}
// 根据当前状态Id获取名称
function getStateNameById(currentState){
    var currentStateName = '-';
    if(currentState=='1'){
        currentStateName = '二线'
    }else if(currentState=='2'){
        currentStateName = '合同未续约'
    }
    return currentStateName;
}
// 初始化社会任职角色
function initSocialRoleTable(socialRoleList) {
	$('.socialRoleContent').html('')
    if(!socialRoleList || socialRoleList.length == 0) return;
	socialRoleList.forEach(function(item, index){
        if(!item.isDelete) {
            var baseHtml = $('.socialRoleTemplate div.row').clone();
            // 社会任职角色ID(主键ID)
            baseHtml.find('.lhrTeamSocialRoleId').text(item.lhrTeamSocialRoleId);
            // 角色名称
            baseHtml.find('.socialRole').text(item.socialRole); // 角色名称ID
            baseHtml.find('.socialRoleName').text((item.socialRole == 'LHR2503') ? item.remark : getSocialRoleNameById(item.socialRole)); // 角色名称
            // 工作岗位和职务
            baseHtml.find('.workUnitCode').text(item.workUnitCode);
            baseHtml.find('.workUnitName').text(item.workUnitName);
            // 任职机构
            baseHtml.find('.office').text(item.office); 
            // 任职期限
            baseHtml.find('.startTime').text(item.startTime);
            baseHtml.find('.endTime').text(item.endTime);
            baseHtml.find('.tenure').text((item.startTime && item.endTime) ? item.startTime+'-'+item.endTime : '-');
            // 当前状态
            baseHtml.find('.currentState').text(item.currentState);
            baseHtml.find('.currentStateName').text(getStateNameById(item.currentState));
            // 备注
            baseHtml.find('.remark').text(item.remark);
            // 任职附件
            baseHtml.find('.attachmentId').text(item.attachmentId);
            baseHtml.find('.attachmentName').html(item.attachmentId ? getFiles(item.attachmentId) : '-'); // 任职附件

            $('.socialRoleContent').append(baseHtml);
        }
	});
    /*socialRoleTableObj = $JQGrid.init({
        id: "socialRole-list-table",
        useCheckAll: false,
        datatype : "local",
        showPager:false,
        colNames: ['rowId', 'lhrTeamSocialRoleId','任职角色编码','任职角色','工作单位编码', '工作岗位和职务', '任职机构','开始时间','结束时间', '任职期限','当前状态编号', '当前状态', '附件ID','任职附件'],// jqGrid的列显示名字
        colModel: [ //jqGrid每一列的配置信息。包括名字，索引，宽度,对齐方式.....
            {
                name: 'rowId',
                index: 'rowId',
                hidden: true,
                formatter: function (cellvalue, options, rowObject) {
                    return options.rowId;
                }
            },
            {
                name: 'lhrTeamSocialRoleId',
                index: 'lhrTeamSocialRoleId',
                hidden: true
            },
            {
                name: 'socialRole',
                index: 'socialRole',
                hidden: true,
            },
            {
                name: 'socialRoleName',
                index: 'socialRoleName',
                width: 100,
                hidden: false,
                formatter:function (cellvalue,options,rowObject) {
                    if(!cellvalue){
                        if(rowObject.socialRole){
                            if(rowObject.socialRole=='LHR2503'){
                                return rowObject.remark;
                            }else{
                                return roleMap[rowObject.socialRole]
                            }
                        }else{
                            return '-'
                        }
                    }else{
                        if(cellvalue.socialRole){
                            if(cellvalue.socialRole=='LHR2503'){
                                return cellvalue.remark;
                            }else{
                                return roleMap[cellvalue.socialRole]
                            }
                        }else{
                            return '-'
                        }
                    }
                }
            },
            {
                name: 'workUnitCode',
                index: 'workUnitCode',
                hidden: true
            },
            {
                name: 'workUnitName',
                index: 'workUnitName',
                width: 100,
                align: "left",
                sortable: false,
            },
            {
                name: 'office',
                index: 'office',
                width: 100,
                hidden: false
            },
            {
                name: 'startTime',
                index: 'startTime',
                width: 100,
                align: "left",
                sortable: false,
                hidden: true

            },
            {
                name: 'endTime',
                index: 'endTime',
                width: 100,
                align: "left",
                sortable: false,
                hidden: true

            },
            {
                name: 'tenure',
                index: 'tenure',
                width: 100,
                align: "left",
                sortable: false,
                formatter:function (cellvalue,options,rowObject) {
                    if(rowObject.startTime && rowObject.endTime){
                        return rowObject.startTime+'-'+rowObject.endTime
                    }else{
                        return '-'
                    }
                }
            },
            {
                name: 'currentState',
                index: 'currentState',
                width: 100,
                align: "left",
                hidden:true
            },
            {
                name: 'currentStateName',
                index: 'currentStateName',
                width: 100,
                align: "left",
                hidden:true,
                sortable: false,
                formatter:function (cellvalue,options,rowObject) {
                    if(rowObject.currentState=='1'){
                        return '二线'
                    }else if(rowObject.currentState=='2'){
                        return '合同未续约'
                    }else{
                        return '-'
                    }
                }
            },
            {
                name: 'attachmentId',
                index: 'attachmentId',
                width: 100,
                align: "left",
                sortable: false,
                hidden:true
            },
            {
                name: 'attachmentName',
                index: 'attachmentName',
                width: 100,
                align: "left",
                sortable: false,
                formatter: function(cellvalue, options, rowObject) {
                    if (rowObject[14]) {
                        cellvalue = rowObject[14];
                        loadAttachmentObjs(cellvalue, socialRoleAttachmentObjs);
                    } else if (rowObject.attachmentId) {
                        cellvalue = rowObject.attachmentId;
                    }
                    if (cellvalue && cellvalue != '&nbsp;') {
                        var files = cellvalue.split(',');
                        if (!socialRoleAttachmentObjs[files[0]]) {
                            loadAttachmentObjs(cellvalue, socialRoleAttachmentObjs);
                        }
                        var content = '<div class="row" style="margin:0;">';
                        if (socialRoleAttachmentObjs && socialRoleAttachmentObjs[files[0]]) {
                            $.each(files, function (i, v) {
                                content += '<a href="javascript:void(0);" style="display: block;" fileid="'+ v +'" onclick=downFile("'+ v +'")>'+ socialRoleAttachmentObjs[v] +'</a><br>';
                            })
                        }else {
                            return '-';
                        }
                        content += '</div>';
                        return content;
                    } else {
                        return '-';
                    }
                }
            }
            // {
            // 	name: 'remark',
            // 	index: 'remark',
            // 	width: 100,
            // 	align: "left",
            // 	sortable: false,
            // },
            // {
            // 	name: 'operation',
            // 	index: 'operation',
            // 	width: 80,
            // 	align: "center",
            // 	sortable: false,
            // 	formatter: function (cellvalue, options, rowObject) {
            // 		var editBtn = "<a class='grid-opt td-btn' onclick=addSocialRole(this,'社会任职角色','" +  options.rowId + "')>编辑</a>";
            // 		var delBtn = "<a class='grid-opt td-btn' onclick=removeSocialRole('" + options.rowId + "')>删除</a>";
            // 		return editBtn + delBtn;
            // 	}
            // }
        ]
    });
    socialRoleTableObj[0].addJSONData(socialRoleList);
    $JQGrid.complete(function () {
        if (!socialRoleList || socialRoleList.length == 0) {
            socialRoleTableObj.parent().append('<div class="norecords">未查询到数据</div>');
            $(".norecords").show();
        }
        $.each(socialRoleTableObj.getRowData(), function (i, v) {
            v.operation = null;
            socialRoleTableRowData[v.rowId] = v;
        });
    });*/
}
//初始化人事关系选择框
function initPersonRelations(userCode) {
    var reVal = true;
    $.get("/lhr/userInfo/queryUserInfoByUserCode", {userCode: userCode}, function (result) {
        var data = result.data;
        if(data.orgList && data.orgList.length>0){
            var orgCodes=[];
            for(var i = 0;i<data.orgList.length;i++){
                var parentIdsStr = data.orgList[i].parentIds;
                var orgCodeArr=parentIdsStr.split("/");
                if(orgCodeArr && orgCodeArr.length > 0){
                    for(var o=0;o<orgCodeArr.length;o++){
                        if(orgCodeArr[o]){
                            orgCodes.push(orgCodeArr[o]);
                        }
                    }
                }
            }
            var businessInfo=[];
            var postParam = {
                'type':'1',
                'orgCodes':orgCodes.toString(),
                'interGasStation':'2'
            }
            $.postForm("/lhr/baInfo/queryCommenceList",postParam, function (result) {
                var data = result.data;
                if (data && null != data.list && data.list.length > 0) {
                    for(var n = 0;n < data.list.length;n++){
                        var obj={
                            'unitName':data.list[n].registerName,
                            'unitCode':data.list[n].detailInfoID
                        }
                        businessInfo.push(obj)
                    }
                }
            });
            if(!businessInfo || null==businessInfo|| businessInfo.length==0){
                reVal = false;
            }else{
                $.each(businessInfo,function () {
                    personRelationMap[this.unitCode]=this.unitName
                })
            }
        }
    });
    return reVal;
}

var selectSacDataInfo = {};
var detailMap={};
//渲染字典项选择下拉框
function initSacData(data){
    selectSacDataInfo = data;
    selectSacData = data
    $.each(selectSacMapping, function (key,val) {
        $.each(selectSacDataInfo[key], function (i,v) {
            detailMap[v.dictCode] = v.dictName
        });
    })
}


//初始化岗位信息
function initJobInfoSelect(orgCodes) {
    $.get("/lhr/orgManagement/queryJobInfoByOrgCodes", {orgCodes: orgCodes}, function (result) {
        var data = result.data;
        $.each(data,function (k,v) {
            jobMap[v.lhrOrgExtJobInfoId]=v.jobName
            // jobMap.set(v.lhrOrgExtJobInfoId,v.jobName)
        })
        // var $select = $("#lhrOrgExtJobInfoId")
        // var options = '<option value="">请选择</option>';
        // $.each(data, function () {
        // 	options += '<option value="'+ this.lhrOrgExtJobInfoId +'">'+ this.jobName +'</option>';
        // })
        // $select.html('');
        // $select.append(options);
        // $select.selectpicker("refresh");
    });
}

//初始化专家组信息
function initExpertgroupIds(userCode) {
    $.getAsync("/lhr/groupManagement/queryGroupListByMemberCode", {memberCode: userCode}, function (result) {
        var data = result.data;
        var ids = '';
        var names = '';
        $.each(data, function () {
            ids += this.lhrExpertGroupBaseInfoId + ",";
            names += this.expertGroupName + ";";
        })
        ids = ids.substring(0, ids.lastIndexOf(","));
        names = names.substring(0, names.lastIndexOf(";"));
        $("#expertgroupIds_name").html(names);
        $("#expertgroupIds").val(ids);
    });
}
//渲染用户照片
function initUserHeadImg(fileId) {
    if (!fileId) {
        return false;
    }
    var $headImg = $("#headImg");
    var headImgUrl = "/lhr/fileInfo/downloadFile/" + fileId;
    $("#headImgValue").val(fileId);
    $headImg.css({"display":"block"});
    $headImg.attr("img-url", headImgUrl);
    $headImg.css("background-image", "url(" + headImgUrl + ")");
}

//双击查看大图
function openImg(e) {
    var src = $(e).attr("img-url");
    layer.open({
        type: 1,
        title: false,
        closeBtn: 0,
        area: ['80%', '90%'],
        skin: 'layui-layer-nobg', //没有背景色
        shadeClose: true,
        content: '<div id="imgBox"><img id="bigHeadImg" src="'+ src +'"/></div>'
    });
}

//社会英语考试等级下拉选择框联动
var historySelect = [];
$("#englishTestType").bind('DOMNodeInserted',function(){
    var selects = $("#englishTestType").val();
    if (historySelect.length == 0) {
        historySelect = selects;
    }
    if (historySelect) {
        $.each(historySelect, function () {
            if (selects) {
                if (selects.indexOf(this) == -1) {
                    var domIds = englishTestTypeSacMapping[this];
                    if (domIds) {
                        $.each(domIds, function () {
                            var $this = $('div[data-id='+ this +']');
                            $this.val();
                            $this.hide();
                        })
                    }
                }
            } else {
                var domIds = englishTestTypeSacMapping[this];
                if (domIds) {
                    $.each(domIds, function () {
                        var $this = $('div[data-id='+ this +']');
                        $this.val();
                        $this.hide();
                    })
                }
            }

        })
    }

    if (selects) {
        $.each(selects, function () {
            if (this) {
                var domIds = englishTestTypeSacMapping[this];
                if (domIds) {
                    $.each(domIds, function () {
                        var $this = $('div[data-id='+ this +']');
                        $this.show();
                    })
                }
            }
        })
    }
    historySelect = selects ? selects:[];
})

function cancelClick() {
    window.location.href = '../../html/layerlibrary/lawyerInfoList.html';
}

function toQualificationDetail(lhrTeamQuaInfoId) {
    var data = {};
    for(var i=0;i<qulificationList.length;i++){
        if(qulificationList[i].lhrTeamQuaInfoId==lhrTeamQuaInfoId){
            data=qulificationList[i];
            break;
        }
    }
    layerMsg.modelDetailView("法律从业资格信息详情", templateAddQualificationDetailInfo, data, function (index, layero) {
        if (data) {
            if(data.certificateName=="LHR0203"){
                $("#unitDiv").show();
                $("#licenceOrgDiv").show();
                $("#StartDateDiv").show();
                $("#issuingDateDiv").attr("class","form-group col-xs-6");
                $("#issuingOrgName").text(detailMap[data.issuingOrgName]);
                $("#unitOrgName").text(data.unitOrgName);
                $("#licenceOrgTextDiv").show();
                $("#issuingOrgNameText").text(data.issuingOrgNameText);
            }
        }
    }, function (index, layer, layero) {
        layer.close(index);
    },"500px", "350px",'确认','取消',1,false, cancelQualificationFun);
}

function cancelQualificationFun() {

}

var templateAddQualificationDetailInfo = '<div class="box-content">\n' +
    '        <form action="#" id="form_qualification_info">\n' +
    '            <input type="text" hidden id="lhrTeamQuaInfoId" name="lhrTeamQuaInfoId"/>\n' +
    '            <div class="form-group col-xs-12">\n' +
    '                <label class="ivu-form-item-label-md">\n' +
    '                    <span class="required">*</span>证书编号：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="certificateNo" name="certificateNo"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-6" id="StartDateDiv" hidden>\n' +
    '                <label class="ivu-form-item-label-md" style="width: 100px;margin-left: -30px;">\n' +
    '                    <span class="required">*</span>首次颁证日期：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="companyStartDate" name="companyStartDate"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-12" id="issuingDateDiv">\n' +
    '                <label class="ivu-form-item-label-md" style="width: 100px;margin-left: -30px;">\n' +
    '                    <span class="required">*</span>最新颁证日期：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="issuingDate" name="issuingDate"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-12" hidden>\n' +
    '                <label class="ivu-form-item-label-md">\n' +
    '                    <span class="required">*</span>最新年检日期：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="reviewDate" name="reviewDate"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-12" hidden>\n' +
    '                <label class="ivu-form-item-label-md">\n' +
    '                    <span class="required">*</span>备案/年检周期：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="checkCycle" name="checkCycle"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-12" id="unitDiv" hidden>\n' +
    '                <label class="ivu-form-item-label-md">\n' +
    '                    <span class="required">*</span>工作单位：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="unitOrgName" name="unitOrgName"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-12" id="licenceOrgTextDiv" hidden>\n' +
    '                <label class="ivu-form-item-label-md">\n' +
    '                    <span class="required">*</span>颁证机构：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="issuingOrgNameText" name="issuingOrgNameText"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-12" id="licenceOrgDiv" hidden>\n' +
    '                <label class="ivu-form-item-label-md" style="width: 100px;margin-left: -30px;">\n' +
    '                    <span class="required">*</span>颁证机构类型：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <span id="issuingOrgName" name="issuingOrgName"></span>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '            <div class="form-group col-xs-12">\n' +
    '                <label class="ivu-form-item-label-md">\n' +
    '                    <span class="required">*</span>证书文件：\n' +
    '                </label>\n' +
    '                <div class="ivu-form-item-content-md" style="margin-top: 5px;">\n' +
    '                    <input style="display: none" data-type="file" name="attachmentIds" id="quaAttachmentIds" data-table-id="quaAttachmentIds_table"/>\n' +
    '                    <div class="row clearfix file-row">\n' +
    '                        <div class="col-xs-12 fileBox"  id="quaAttachmentIds_table" style="margin-top: -50px;">\n' +
    '                        </div>\n' +
    '                    </div>\n' +
    '                </div>\n' +
    '            </div>\n' +
    '        </form>\n' +
    '    </div>'