@{
    ViewBag.Title = "综合查询-基本信息";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<link href="~/Content/css/UserCenter/user.css" rel="stylesheet" />

<style>
    #tab2 > .lr-scroll-box,
    #tab3 > .lr-scroll-box,
    #tab4 > .lr-scroll-box,
    #tab5 > .lr-scroll-box,
    #tab6 > .lr-scroll-box {
        height: 100%;
        width: 100%;
    }
</style>
<div class="lr-form-tabs" id="lr_form_tabs">
    <ul class="nav nav-tabs">
        <li><a data-value="tab1">基本资料</a></li>
        <li><a data-value="tab">异动情况</a></li>
        <li><a data-value="tab2">成绩查看</a></li>
        <li><a data-value="tab3">奖助学金查看</a></li>
        <li><a data-value="tab4">心理健康档案</a></li>
        <li><a data-value="tab5">兵役信息</a></li>
        <li><a data-value="tab6">奖惩信息</a></li>
    </ul>
</div>
<div class="tab-content lr-tab-content" id="lr_tab_content">
    <div class="lr-form-wrap tab-pane" id="tab">
        <iframe id="FormView" width="100%" scrolling="no" height="100%" frameborder="0"></iframe>
    </div>
    <div class="lr-form-wrap tab-pane" id="tab1" style="height:100%;overflow:auto;">
        <div style="padding-right:30px;padding-top:10px">
            <div style="text-align:right">
                <span id="printBtn" class="btn btn-primary">打印</span>
            </div>
            <script>
                $('#printBtn').click(function () {
                    $('#student').jqprint();
                })
            </script>
        </div>
        <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 class="row_">校 &nbsp; &nbsp; &nbsp; 区 : {{studentInfo.F_SchoolId | 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 class="row_30">民  族 : {{studentInfo.NationalityNo |nationalityNo}}</li>
                            <li class="row_30">政治面貌 : {{studentInfo.PartyFaceNo | partyFaceNo}}</li>
                            <li class="row_38">身份证号 : {{studentInfo.IdentityCardNo}}  </li>
                            <li class="row_">户口所在地 : {{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 class="row_">家庭地址 : {{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>学 &nbsp; &nbsp; 号 : {{studentInfo.StuNo}}</li>
                            <li>年 &nbsp; &nbsp; 级 : {{studentInfo.Grade}}</li>
                            <li>系 &nbsp; &nbsp; 部 : {{studentInfo.DeptNo | deptNo}}  </li>
                            <li>专 &nbsp; &nbsp; 业 : {{studentInfo.MajorNo | majorNo}}</li>
                            <li>班 &nbsp; &nbsp; 级 : {{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/GetStudentInfoOfTran?keyValue=' + 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 tab-pane" id="tab2">
        <iframe id="QueryScoreIndex" width="100%" scrolling="no" height="100%" frameborder="0"></iframe>
    </div>
    <div class="lr-form-wrap tab-pane" id="tab3">
        <iframe id="QueryScholarshipIndex" width="100%" scrolling="no" height="100%" frameborder="0"></iframe>
    </div>
    <div class="lr-form-wrap tab-pane" id="tab4">
        <iframe id="QueryAPStuHealthIndex" width="100%" scrolling="no" height="100%" frameborder="0"></iframe>
    </div>
    <div class="lr-form-wrap tab-pane" id="tab5">
        <iframe id="QueryMSRMilitaryIndex" width="100%" scrolling="no" height="100%" frameborder="0"></iframe>
    </div>
    <div class="lr-form-wrap tab-pane" id="tab6">
        <iframe id="QueryStuEncourgementIndex" width="100%" scrolling="no" height="100%" frameborder="0"></iframe>
    </div>
</div>


@Html.AppendJsFile("/Areas/EducationalAdministration/Views/StuTransferInfo/QueryBasicInfo.js")