@{
    ViewBag.Title = "教师信息管理";
    Layout = "~/Views/Shared/_Index.cshtml";
}

@Html.AppendCssFile("/Views/UserCenter/user.css")

<style>
    .lr-layout-center .lr-layout-wrap .lr-form-wrap {
        overflow: auto;
    }
</style>
<div class="lr-form-wrap" style="height:100%;overflow:auto">
    <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 :src="this.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 v-if="baseInfo">校 &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>
        var keyValue = request('keyValue');
        new Vue({
            el: "#teacher",
            data: {
                headUrl: "",
                baseInfo: "",
                teacherInfo: "",
            },
            methods: {
                getData: function () {
                    $.get('/UserCenter/GetTeacherInfoById?id='+keyValue, function (ref) {
                        this.teacherInfo = ref.data.userInfo;
                        this.baseInfo = ref.data.basecInfo;

                    }.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 ? "男" : "女";

                },
                date: function (value) {
                    var date = new Date(value);
                    return date.toLocaleDateString();
                },
                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: 'BCdPartyFace',
                        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>