@{
    ViewBag.Title = "个人中心";
    Layout = "~/Views/Shared/_Index.cshtml";
}
@Html.AppendCssFile("/Views/UserCenter/Index.css",
    "/Views/UserCenter/user.css")
<style>
    .lr-layout-center .lr-layout-wrap {
        overflow: auto;
    }
</style>
<div id="lr_layout" class="lr-layout lr-layout-left-center">

    <div class="lr-layout-left">
        <div class="lr-layout-wrap lr-layout-wrap-notitle" style="padding-top:10px;">
            <div class="lr-layout-body">
                <ul class="lr-left-list" id="lr_left_list">
                    <li data-value="1">基本信息</li>
                    @*<li data-value="2">联系方式</li>*@
                    <li data-value="3">我的头像</li>
                    <li data-value="4">修改密码</li>
                    <li data-value="5">我的日志</li>
                    @*@if (ViewBag.UserType == "学生")
                    {
                        <li data-value="6">选修流程</li>
                    }*@
                    @*<li data-value="7">语言设置</li>*@
                </ul>
            </div>
        </div>
    </div>
    <div class="lr-layout-center">

        <div class="lr-layout-wrap">
            <div class="lr-layout-wrap-item " id="lr_layout_item1">
                <div class="title">
                    <div>基本信息</div>
                </div>
                <div class="content" style="padding-top:20px;">
                    @if (ViewBag.UserType == "管理员")
                    {
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">账号</div>
                            <input id="F_Account" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">工号</div>
                            <input id="F_EnCode" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">姓名</div>
                            <input id="F_RealName" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">性别</div>
                            <input id="F_Gender" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">公司</div>
                            <input id="F_Company" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">部门</div>
                            <input id="F_Department" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">岗位</div>
                            <input id="Post" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">角色</div>
                            <input id="Role" type="text" class="form-control" readonly />
                        </div>
                        <div class="lr-form-item">
                            <div class="lr-form-item-title">自我介绍</div>
                            <textarea id="F_Description" class="form-control" style="height:100px;" readonly></textarea>
                        </div>
                    }
                    else if (ViewBag.UserType == "学生")
                    {
                        <div id="student" class="user_warpper student_warpper">

                            <div class="index_sec index_sec1">
                                @*<div class="userTitle">基本信息</div>*@
                                <!--  / user_sec1  -->
                                <div class="user_sec1">
                                    <img src="~/Content/images/Login/user5.png" />
                                    <div class="userSec1Box">
                                        <div class="userSec1L">
                                            <div class="userSec1Img">
                                                <img id="headUrl" />
                                            </div>
                                            <div class="userSec1T">{{studentInfo.StuName}}</div>
                                        </div>
                                        <ul class="userSec1R">
                                            <li>性 &nbsp; &nbsp; &nbsp; 别 : {{studentInfo.GenderNo | sex}}</li>
                                            <li>出生日期 : {{studentInfo.Birthday | date}}</li>
                                            <li>校 &nbsp; &nbsp; &nbsp; 区 : {{baseInfo.companyId | company}}</li>
                                            @*<li>性 &nbsp; &nbsp; &nbsp; 别 : {{studentInfo.GenderNo | sex}}</li>
                                            <li>出生日期 : {{studentInfo.Birthday | date}}</li>
                                            <li>联系电话 : {{studentInfo.mobile}}</li>
                                            <li>校 &nbsp; &nbsp; &nbsp; 区 : {{baseInfo.companyId | company}}</li>
                                            <li>学 &nbsp; &nbsp; &nbsp; 号 : {{studentInfo.StuNo}}</li>
                                            <li>本 &nbsp;专 &nbsp;科 : {{studentInfo.GraduateNo | graduateNo}}</li>
                                            <li>年 &nbsp; &nbsp; &nbsp; 级 : {{studentInfo.Grade}}</li>*@
                                        </ul>
                                    </div>
                                </div>
                                <!--  / user_sec1  -->
                                <!--  / user_sec2  -->
                                <div class="user_sec2">
                                    <div class="userSec2Box">
                                        <div class="userSec2T">基本信息  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>民  族 : {{studentInfo.NationalityNo |nationalityNo}}</li>
                                            <li>政治面貌 : {{studentInfo.PartyFaceNo | partyFaceNo}}</li>
                                            <li>身份证号 : {{studentInfo.IdentityCardNo}}  </li>
                                            <li>户口所在地 : {{studentInfo.FatherUnit}}</li>
	                                        <li>联系电话 : {{studentInfo.mobile}}</li>
                                            @*<li>民  族 : {{studentInfo.NationalityNo |nationalityNo}}</li>
                                            <li>政治面貌 : {{studentInfo.PartyFaceNo | partyFaceNo}}</li>
                                            <li>身份证号 : {{studentInfo.IdentityCardNo}}  </li>
                                            <li>E-mail : {{studentInfo.EMail}}</li>
                                            <li>户 籍  省 : {{studentInfo.F_ProvinceId | province}} </li>
                                            <li>户籍地市 : {{studentInfo.F_CityId | city}} </li>
                                            <li>户籍县区 : {{studentInfo.F_CountyId | area}}    </li>
                                            <li>户籍地址 : {{studentInfo.FatherUnit}}</li>*@
                                        </ul>
                                    </div>

                                    <div class="userSec2Box">
                                        <div class="userSec2T">家庭情况  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>监护人姓名 : {{studentInfo.Guardian}}</li>
                                            <li>监护人联系电话 : {{studentInfo.GuardianPhone}}</li>
                                            <li>与监护人关系 : {{studentInfo.GuardianType |guardiantype}}</li>
                                            <li>邮政编码 : {{studentInfo.PostalCode}}</li>
	                                        <li>是否家庭困难 : {{studentInfo.IsDdifficulty| TrueOrFalse}}</li>
	                                        <li>是否建档立卡户 : {{studentInfo.IsFiling| TrueOrFalse}}</li>
	                                        <li>是否低保户 : {{studentInfo.IsSA|TrueOrFalse}}</li>
	                                        <li>是否烈士子女 : {{studentInfo.IsMartyrsChild|TrueOrFalse}}</li>
	                                        <li>是否孤儿 : {{studentInfo.IsOrphan|TrueOrFalse}}</li>
                                            <li>家庭地址 : {{studentInfo.MailAddress}}</li>
                                            @*<li>父亲姓名 : {{studentInfo.FatherName}} </li>
                                            <li>父亲电话 : {{studentInfo.FatherPhone}} </li>
                                            <li>母亲姓名 : {{studentInfo.MatherName}}</li>
                                            <li> 母亲电话 : {{studentInfo.MatherPhone}}</li>
                                            <li>港澳台侨 : {{studentInfo.OverseasChineseNo | overseasChineseNo}}  </li>
                                            <li>健康状况 : {{studentInfo.HealthStatusNo | healthStatusNo}}</li>
                                            <li>邮政编码 : {{studentInfo.PostalCode}}</li>
                                            <li>通信地址 : {{studentInfo.MailAddress}}</li>*@
                                        </ul>
                                    </div>

                                    <div class="userSec2Box">
                                        <div class="userSec2T">学籍信息  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>学 &nbsp; 籍 &nbsp; 号 : {{studentInfo.StuCode}}</li>
                                            <li>学  号 : {{studentInfo.StuNo}}</li>
                                            <li>年 &nbsp; &nbsp; &nbsp; 级 : {{studentInfo.Grade}}</li>
                                            <li>系 部 : {{studentInfo.DeptNo | deptNo}}  </li>
                                            <li>专 业 : {{studentInfo.MajorNo | majorNo}}</li>
                                            <li>班       级 : {{studentInfo.ClassNo | class}}   </li>
                                            @*<li>入团时间 : {{studentInfo.JoinLeagueDate | date}}  </li>
                                            <li>现有学历 : {{studentInfo.GraduateNo | graduateNo}}</li>
                                            <li>报到日期 : {{studentInfo.RegisterDate | date}}</li>*@
                                            <li>入学年月 : {{studentInfo.EntranceDate | date}}</li>
                                            @*<li>通知书号 : {{studentInfo.NoticeNo}}</li>
                                            <li> 考  生  号 : {{studentInfo.ksh}}</li>
                                            <li>系所 : {{studentInfo.DeptNo | deptNo}}  </li>
                                            <li>专 业 : {{studentInfo.MajorNo | majorNo}}</li>
                                            <li>班       级 : {{studentInfo.ClassNo | class}}   </li>
                                            <li>报到日期 : {{studentInfo.RegisterDate | date}} </li>
                                            <li>入学年月 : {{studentInfo.EntranceDate | date}}</li>
                                            <li>入党时间 : {{studentInfo.JoinPartyDate | date}}</li>
                                            <li>入团时间 : {{studentInfo.JoinLeagueDate | date}}  </li>
                                            <li>档案地址 : {{studentInfo.MatherUnit}}</li>*@
                                        </ul>
                                    </div>
	                                <div class="userSec2Box">
                                        <div class="userSec2T">父亲情况  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
	                                        <li>父亲姓名 : {{studentInfo.OneName}}</li>
	                                        <li>联系电话 : {{studentInfo.OneMobile}}</li>
	                                        <li>政治面貌 : {{studentInfo.OnePartyFaceNo | partyFaceNo}}</li>
	                                        <li>身份证号码 : {{studentInfo.OneIdCardNo}}</li>
	                                        <li>工作单位/家庭住址 : {{studentInfo.OneJob}}</li>
                                        </ul>
                                    </div>
	                                <div class="userSec2Box">
                                        <div class="userSec2T">母亲情况  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
	                                        <li>母亲姓名 : {{studentInfo.TwoName}}</li>
	                                        <li>联系电话 : {{studentInfo.TwoMobile}}</li>
	                                        <li>政治面貌 : {{studentInfo.TwoPartyFaceNo | partyFaceNo}}</li>
	                                        <li>身份证号码 : {{studentInfo.TwoIdCardNo}}</li>
	                                        <li>工作单位/家庭住址 : {{studentInfo.TwoJob}}</li>
                                        </ul>
                                    </div>
	                                <div class="userSec2Box">
                                        <div class="userSec2T">哥哥情况  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
	                                        <li>哥哥姓名 : {{studentInfo.ThreeName}}</li>
	                                        <li>联系电话 : {{studentInfo.ThreeMobile}}</li>
	                                        <li>政治面貌 : {{studentInfo.ThreePartyFaceNo | partyFaceNo}}</li>
	                                        <li>身份证号码 : {{studentInfo.ThreeIdentityCardNo}}</li>
	                                        <li>工作单位/家庭住址 : {{studentInfo.ThreeJob}}</li>
                                        </ul>
                                    </div>
	                                <div class="userSec2Box">
                                        <div class="userSec2T">姐姐情况  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
	                                        <li>姐姐姓名 : {{studentInfo.FourName}}</li>
	                                        <li>联系电话 : {{studentInfo.FourMobile}}</li>
	                                        <li>政治面貌 : {{studentInfo.FourPartyFaceNo | partyFaceNo}}</li>
	                                        <li>身份证号码 : {{studentInfo.FourIdentityCardNo}}</li>
	                                        <li>工作单位/家庭住址 : {{studentInfo.FourJob}}</li>
                                        </ul>
                                    </div>
	                                <div class="userSec2Box">
                                        <div class="userSec2T">弟弟情况  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
	                                        <li>弟弟姓名 : {{studentInfo.FiveName}}</li>
	                                        <li>联系电话 : {{studentInfo.FiveMobile}}</li>
	                                        <li>政治面貌 : {{studentInfo.FivePartyFaceNo | partyFaceNo}}</li>
	                                        <li>身份证号码 : {{studentInfo.FiveIdentityCardNo}}</li>
	                                        <li>工作单位/家庭住址 : {{studentInfo.FiveJob}}</li>
                                        </ul>
                                    </div>
	                                <div class="userSec2Box">
                                        <div class="userSec2T">其他家庭成员  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
	                                        <li>妹妹姓名 : {{studentInfo.SixName}}</li>
	                                        <li>联系电话 : {{studentInfo.SixMobile}}</li>
	                                        <li>政治面貌 : {{studentInfo.SixPartyFaceNo | partyFaceNo}}</li>
	                                        <li>身份证号码 : {{studentInfo.SixIdentityCardNo}}</li>
	                                        <li>工作单位/家庭住址 : {{studentInfo.SixJob}}</li>
                                        </ul>
                                    </div>
                                    @*<div class="userSec2Box">
                                        <div class="userSec2T">联系方式  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>联系电话 : {{studentInfo.mobile}}</li>
                                            <li> QQ : {{studentInfo.QQ}}</li>
                                            <li>E-mail : {{studentInfo.EMail}}</li>
                                            <li>校内地址 : {{studentInfo.InSchoolAddress}}</li>
                                            <li> QQ : {{studentInfo.QQ}}</li>
                                            <li>校内电话 : {{studentInfo.InSchoolTelephone}}</li>
                                        </ul>
                                    </div>*@
                                </div>
                                <!--  / user_sec2  -->
                            </div>
                        </div>
                        <script>
                            var vm = new Vue({
                                el: "#student",
                                data: {
                                    headUrl: "",
                                    studentInfo: "",
                                    baseInfo: ""
                                },
                                methods: {
                                    getData: function () {
                                        $.get('/UserCenter/GetStudentInfo', function (ref) {
                                            this.studentInfo = ref.data.userInfo;
                                            this.baseInfo = ref.data.basicInfo;
                                            console.log(ref);

                                        }.bind(this), "json");
                                    },
                                    getUrl: function () {
                                        var loginInfo = top.learun.clientdata.get(['userinfo']);
                                        this.headUrl = '/LR_OrganizationModule/User/GetImg?userId=' + loginInfo.userId;
                                    }
                                },
                                created() {
                                    this.getData();
                                    this.getUrl();
                                },
                                filters: {
                                    sex: function (value) {
                                        return value ? "男" : "女";

                                    },
                                    TrueOrFalse: function (value) {
                                        return value ? "是" : "否";
                                    },
                                    company: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',
                                            key: value,
                                            keyId: 'f_companyid',
                                            callback: function (_data) {
                                                result = _data.f_fullname;
                                            }
                                        });
                                        return result;
                                    },
                                    graduateNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'CollegeType',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    date: function (value) {
                                        var date = new Date(value);
                                        if (date instanceof Date && !isNaN(date.getTime())) {
                                            return date.toLocaleDateString();
                                        } else {
                                            return '';
                                        }
                                    },
                                    nationalityNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'National',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    partyFaceNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'PolityStatus',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    guardiantype: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem',
                                            {
                                                key: value,
                                                code: 'GuardianType',
                                                callback: function (_data) {
                                                    result = _data.text;
                                                }
                                            });
                                        return result;
                                    },
                                    province: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_PROVINCE',
                                            key: value,
                                            keyId: 'pcode',
                                            callback: function (_data) {
                                                result = _data['pname'];
                                            }
                                        });
                                        return result;
                                    },
                                    city: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_CITY',
                                            key: value,
                                            keyId: 'ccode',
                                            callback: function (_data) {
                                                result = _data['cname'];
                                            }
                                        });
                                        return result;
                                    },
                                    area: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_AREA',
                                            key: value,
                                            keyId: 'acode',
                                            callback: function (_data) {
                                                result = _data['aname'];
                                            }
                                        });
                                        return result;
                                    },
                                    overseasChineseNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdOverseasChinese',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    healthStatusNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdHealthStatus',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });

                                        return result;
                                    },
                                    deptNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
                                            key: value,
                                            keyId: 'deptno',
                                            callback: function (_data) {
                                                result = _data.deptname;
                                            }.bind(this)
                                        });
                                        return result;
                                    },
                                    majorNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdMajorInfo',
                                            key: value,
                                            keyId: 'majorno',
                                            callback: function (_data) {
                                                result = _data.majorname;

                                            }.bind(this)
                                        });
                                        return result;
                                    },
                                    class: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'bjsj',
                                            key: value,
                                            keyId: 'classno',
                                            callback: function (_data) {
                                                result = _data['classname'];
                                            }
                                        });
                                        return result;
                                    }

                                }

                            })
                        </script>

                    }
                    else if (ViewBag.UserType == "教师")
                    {
                        <div id="teacher" class="user_warpper student_warpper">

                            <div class="index_sec index_sec1">
                                @*<div class="userTitle">基本信息</div>*@
                                <!--  / user_sec1  -->
                                <div class="user_sec1">
                                    <img src="~/Content/images/Login/user4.png" />
                                    <div class="userSec1Box">
                                        <div class="userSec1L">
                                            <div class="userSec1Img">
                                                @*<img src="~/Content/images/Login/user3.jpg" />*@
                                                <img id="headUrl" />
                                            </div>
                                            <div class="userSec1T">{{teacherInfo.EmpName}}</div>
                                        </div>
                                        <ul class="userSec1R">
                                            <li>职 &nbsp; 工 &nbsp; 号 :{{teacherInfo.EmpNo}} </li>
                                            <li>性 &nbsp; &nbsp; &nbsp; 别 : {{teacherInfo.GenderNo | sex}}</li>
                                            <li>出生日期 : {{teacherInfo.Birthday | date}}</li>
                                            <li>联系电话 : {{teacherInfo.mobile}}</li>
                                            <li>校 &nbsp; &nbsp; &nbsp; 区 : {{baseInfo.companyId | company}}</li>
                                            <li>教职工类别 : {{teacherInfo.EmpSortNo | empSortNo}}</li>
                                            <li>聘任职称 : {{teacherInfo.TitleOfTechPostNo | titleOfTechPostNo}}</li>
                                        </ul>
                                    </div>
                                </div>
                                <!--  / user_sec1  -->
                                <!--  / user_sec2  -->
                                <div class="user_sec2">
                                    <div class="userSec2Box">
                                        <div class="userSec2T">基本信息  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>民  族 : {{teacherInfo.NationalityNo | nationalityNo}}</li>
                                            <li>政治面貌 : {{teacherInfo.PartyFaceNo | partyFaceNo}}</li>
                                            <li>身份证号 : {{teacherInfo.IdentityCardNo}}  </li>
                                            <li>E-mail : {{teacherInfo.EMail}}</li>
                                            <li>档案所在地 : {{teacherInfo.LocusOfArchives}} </li>
                                            <li>户口所在地 : {{teacherInfo.LocusOfResidence}} </li>
                                        </ul>
                                    </div>

                                    <div class="userSec2Box">
                                        <div class="userSec2T">家庭情况  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>港澳台侨 : {{teacherInfo.OverseasChineseNo | overseasChineseNo}}  </li>
                                            <li>健康状况 : {{teacherInfo.HealthStatusNo | healthStatusNo}}</li>
                                            <li>家庭出身 : {{teacherInfo.FamilyOriginNo | familyOriginNo}}  </li>
                                            <li>外语语种 : {{teacherInfo.ForeignLanguageNo | foreignLanguageNo}}  </li>
                                            <li>户籍省份 : {{teacherInfo.ProvinceNo | provinceNo}}  </li>
                                            <li>户籍地市 : {{teacherInfo.CityNo | cityNo}}  </li>
                                            <li>户籍县区 : {{teacherInfo.RegionNo | regionNo}}  </li>
                                        </ul>
                                    </div>

                                    <div class="userSec2Box">
                                        <div class="userSec2T">其他  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>学科门 : {{teacherInfo.SubjectSpeciesNo | subjectSpeciesNo}}</li>
                                            <li>现任职务: {{teacherInfo.Title}}</li>
                                            <li>所在系部 : {{teacherInfo.DeptNo | deptNo}}  </li>
                                            <li>文化程度 : {{teacherInfo.CultureDegreeNo | cultureDegreeNo}}   </li>
                                            <li>毕业学校 : {{teacherInfo.GraduateSchoolName}} </li>
                                            <li>最高学位 : {{teacherInfo.DegreeNo | degreeNo}}</li>
                                            <li>来校年月 : {{teacherInfo.InSchoolDate | date}}</li>
                                        </ul>
                                    </div>

                                    <div class="userSec2Box">
                                        <div class="userSec2T">联系方式  <i class="fa fa-angle-right"></i></div>
                                        <ul class="userSec2List">
                                            <li>紧急联系人 : {{teacherInfo.Linkman}}</li>
                                            <li>紧急联系人电话 : {{teacherInfo.PhoneOfLinkman}}</li>
                                        </ul>
                                    </div>
                                </div>
                                <!--  / user_sec2  -->
                            </div>
                        </div>
                        <script>
                            new Vue({
                                el: "#teacher",
                                data: {
                                    headUrl: "",
                                    baseInfo: "",
                                    teacherInfo: "",
                                },
                                methods: {
                                    getData: function () {
                                        $.get('/UserCenter/GetTeacherInfo', function (ref) {
                                            this.teacherInfo = ref.data.userInfo;
                                            this.baseInfo = ref.data.basecInfo;
                                            console.log(ref);

                                        }.bind(this), "json");
                                    },
                                    getUrl: function () {
                                    }
                                },
                                created() {
                                    this.getData();
                                    this.getUrl();
                                },
                                filters: {
                                    sex: function (value) {
                                        return value ? "男" : "女";

                                    },
                                    date: function (value) {
                                        var date = new Date(value);
                                        if (date instanceof Date && !isNaN(date.getTime())) {
                                            return date.toLocaleDateString();
                                        } else {
                                            return '';
                                        }
                                    },
                                    company: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'company',
                                            key: value,
                                            keyId: 'f_companyid',
                                            callback: function (_data) {
                                                result = _data.f_fullname;
                                            }
                                        });
                                        return result;
                                    },
                                    nationalityNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'National',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    partyFaceNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'PolityStatus',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    overseasChineseNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdOverseasChinese',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    healthStatusNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdHealthStatus',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    deptNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'CdDeptInfo',
                                            key: value,
                                            keyId: 'deptno',
                                            callback: function (_data) {
                                                result = _data.deptname;
                                            }.bind(this)
                                        });
                                        return result;
                                    },
                                    subjectSpeciesNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdSubjectSpecies',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    familyOriginNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdFamilyOrigin',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    foreignLanguageNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdForeignLanguage',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    provinceNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_PROVINCE',
                                            key: value,
                                            keyId: 'pcode',
                                            callback: function (_data) {
                                                result = _data['pname'];
                                            }
                                        });
                                        return result;
                                    },
                                    cityNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_CITY',
                                            key: value,
                                            keyId: 'ccode',
                                            callback: function (_data) {
                                                result = _data['cname'];
                                            }
                                        });
                                        return result;
                                    },
                                    regionNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'DIC_AREA',
                                            key: value,
                                            keyId: 'acode',
                                            callback: function (_data) {
                                                result = _data['aname'];
                                            }
                                        });
                                        return result;
                                    },
                                    cultureDegreeNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('custmerData', {
                                            sync: true,
                                            url: '/LR_SystemModule/DataSource/GetDataTable?code=' + 'BCdCultureDegree',
                                            key: value,
                                            keyId: 'culturedegreeno',
                                            callback: function (_data) {
                                                result = _data['culturedegree'];
                                            }
                                        });
                                        return result;
                                    },
                                    degreeNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdDegree',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    empSortNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'EmpSort',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    },
                                    titleOfTechPostNo: function (value) {
                                        var result;
                                        top.learun.clientdata.getAsync('dataItem', {
                                            key: value,
                                            code: 'BCdTitleOfTechPost',
                                            callback: function (_data) {
                                                result = _data.text;
                                            }
                                        });
                                        return result;
                                    }
                                }

                            })
                        </script>
                    }
                </div>
            </div>
            <div class="lr-layout-wrap-item" id="lr_layout_item3">
                <div class="title">
                    <div>我的头像</div>
                </div>
                <div class="content" style="padding-top:20px;">
                    <iframe class="lr-layout-iframe" frameborder="0" src="~/UserCenter/HeadForm"></iframe>
                </div>
            </div>
            <div class="lr-layout-wrap-item" id="lr_layout_item4">
                <div class="title">
                    <div>修改密码</div>
                </div>
                <div class="content" style="padding-top:20px;">
                    <iframe class="lr-layout-iframe" frameborder="0" src="~/UserCenter/PassWordForm"></iframe>
                </div>
            </div>
            <div class="lr-layout-wrap-item" id="lr_layout_item5" style="padding:0;">
                <iframe class="lr-layout-iframe" frameborder="0" src="~/UserCenter/LogIndex"></iframe>
            </div>

            @if (ViewBag.UserType == "学生" || ViewBag.UserType == "教师")
            {
                <div class="lr-layout-tool-right">
                    <div class="btn-group btn-group-sm">
                        <a id="lr_edit" class="btn btn-default"><i class="fa fa-pencil-square-o"></i>&nbsp;编辑</a>
                    </div>
                </div>

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

<script>

    $(function () {
        var loginInfo = top.learun.clientdata.get(['userinfo']);
        $("#headUrl").attr("src", "/LR_OrganizationModule/User/GetImg?userId=" + loginInfo.userId);

        if ('@ViewBag.UserType' == '学生') {
            $("#lr_left_list").children('li').eq(0).addClass("active");
            $('.lr-layout-wrap-item').eq(0).addClass("active");

        } else {
            $("#lr_left_list").children('li').eq(0).addClass("active");
            $('.lr-layout-wrap-item').eq(0).addClass("active");
        }
    })
      // 编辑
    $('#lr_edit').on('click', function () {
                if ('@ViewBag.UserType' == '学生') {
                    top.learun.layerFormForPercent({
                            id: 'form',
                            title: '编辑',
                            url: top.$.rootUrl + '/EducationalAdministration/StuInfoBasic/Form?keyValue=@ViewBag.UserID&&isStudent=1',
                            width: "90%",
                            height: "90%",
                            callBack: function (id) {
                                return top[id].acceptClick(refreshGirdData);
                            }
                        });
                }
                else if ('@ViewBag.UserType' == '教师') {
                    top.learun.layerFormForPercent({
                            id: 'form',
                            title: '编辑',
                            url: top.$.rootUrl + '/EducationalAdministration/EmpInfo/Form?keyValue=@ViewBag.UserID&&isTeacher=1',
                            width: "90%",
                            height: "90%",
                            callBack: function (id) {
                                return top[id].acceptClick(refreshGirdData);
                            }
                        });

                }
            });
</script>
@Html.AppendJsFile("/Views/UserCenter/Index.js")