@{
    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="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 src="~/Content/images/Login/user3.jpg" />*@
                            <img :src="this.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>
                    </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>
                    </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.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>
                    </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>
                    </ul>
                </div>
            </div>
            <!--  / user_sec2  -->
        </div>


    </div>
    <script>
        var keyValue = request('keyValue');
        var vm = new Vue({
            el: "#student",
            data: {
                headUrl: "",
                studentInfo: "",
                baseInfo: ""
            },
            methods: {
                getData: function () {
                    $.get('/UserCenter/GetStudentInfo?stuId=' + keyValue,
                        function (ref) {
                            this.studentInfo = ref.data.userInfo;
                            this.baseInfo = ref.data.basicInfo;
                            this.headUrl = ref.data.userInfo.Photo;

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

                },
                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) {
                    if (value) {

                        var date = new Date(value);
                        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>
</div>






@*<div class="lr-form-wrap">
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">学校<font face="宋体">*</font></div>
            <div id="F_SchoolId" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">学号<font face="宋体">*</font></div>
            <input id="StuNo" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">考生号<font face="宋体">*</font></div>
            <input id="ksh" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">通知书号<font face="宋体">*</font></div>
            <input id="NoticeNo" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">身份证号<font face="宋体">*</font></div>
            <input id="IdentityCardNo" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">姓名<font face="宋体">*</font></div>
            <input id="StuName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">民族<font face="宋体">*</font></div>
            <div id="NationalityNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">性别<font face="宋体">*</font></div>
            <div id="GenderNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">政治面貌</div>
            <div id="PartyFaceNo" readonly="readonly"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">出生日期<font face="宋体">*</font></div>
            <input id="Birthday" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#Birthday').trigger('change'); } })" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">健康状况</div>
            <div id="HealthStatusNo" readonly="readonly"></div>
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">籍贯</div>
            <div class="col-xs-12 lr-form-area">
                <div id="F_ProvinceId" placeholder="省" class="col-xs-4" readonly="readonly"></div>
                <div id="F_CityId" placeholder="市" class="col-xs-4" readonly="readonly"></div>
                <div id="F_CountyId" placeholder="县/区" class="col-xs-4" readonly="readonly"></div>
            </div>
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">照片</div>
            <div id="Photo" style="padding-right: 60px;"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">联系电话<font face="宋体">*</font></div>
            <input id="mobile" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">E-mail</div>
            <input id="EMail" type="text" class="form-control" readonly="readonly" />
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">家庭地址<font face="宋体">*</font></div>
            <input id="MailAddress" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">邮政编码<font face="宋体">*</font></div>
            <input id="PostalCode" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">户口所在地</div>
            <input id="FatherUnit" type="text" class="form-control" readonly="readonly" />
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">档案所在地</div>
            <input id="MatherUnit" type="text" class="form-control" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">父亲姓名<font face="宋体">*</font></div>
            <input id="FatherName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">父亲电话<font face="宋体">*</font></div>
            <input id="FatherPhone" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">母亲姓名<font face="宋体">*</font></div>
            <input id="MatherName" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">母亲电话<font face="宋体">*</font></div>
            <input id="MatherPhone" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">家庭出身</div>
            <div id="FamilyOriginNo" readonly="readonly"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">港澳台侨</div>
            <div id="OverseasChineseNo" readonly="readonly"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">年级<font face="宋体">*</font></div>
            <div id="Grade" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">本专科</div>
            <div id="GraduateNo" readonly="readonly"></div>
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">报到日期<font face="宋体">*</font></div>
            <input id="RegisterDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#RegisterDate').trigger('change'); } })" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">系所<font face="宋体">*</font></div>
            <div id="DeptNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
        </div>
        <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">专业<font face="宋体">*</font></div>
            <div id="MajorNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
        </div>
        <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">班级<font face="宋体">*</font></div>
            <div id="ClassNo" isvalid="yes" checkexpession="NotNull" readonly="readonly"></div>
        </div>
        <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">入学年月<font face="宋体">*</font></div>
            <input id="EntranceDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#EntranceDate').trigger('change'); } })" isvalid="yes" checkexpession="NotNull" readonly="readonly" />
        </div>
        <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">入党时间</div>
            <input id="JoinPartyDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#JoinPartyDate').trigger('change'); } })" readonly="readonly" />
        </div>
        <div class="col-xs-4 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">入团时间</div>
            <input id="JoinLeagueDate" type="text" class="form-control lr-input-wdatepicker" onfocus="WdatePicker({ dateFmt: 'yyyy-MM-dd', onpicked: function() { $('#JoinLeagueDate').trigger('change'); } })" readonly="readonly" />
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">校内地址</div>
            <input id="InSchoolAddress" type="text" class="form-control" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">校内电话</div>
            <input id="InSchoolTelephone" type="text" class="form-control" readonly="readonly" />
        </div>
        <div class="col-xs-6 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">QQ</div>
            <input id="QQ" type="text" class="form-control" readonly="readonly" />
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">特长</div>
            <input id="GoodAt" type="text" class="form-control" readonly="readonly" />
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">备注</div>
            <textarea id="Remark" class="form-control" style="height: 100px;" readonly="readonly"></textarea>
        </div>
        <div class="col-xs-12 lr-form-item" data-table="StuInfoBasic">
            <div class="lr-form-item-title">毕业证书备注</div>
            <input id="DiplomaRemark" type="text" class="form-control" readonly="readonly" />
        </div>
    </div>
    @Html.AppendJsFile("/Areas/EducationalAdministration/Views/StuInfoBasic/FormView.js")*@