<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <div class="typeoption" id="position_thread">
            <table class="cgtl mbm" v-if="load">
                <caption>
                    个人信息
                </caption>
                <tbody>
                    <tr v-if="info.profession">
                        <th>目前专业:</th>
                        <td v-text="info.profession"></td>
                    </tr>

                    <tr v-if="info.estate">
                        <th>目前状态:</th>
                        <td v-text="info.estate_text"></td>
                    </tr>

                    <tr v-if="info.undergraduate_school">
                        <th>本科学校:</th>
                        <td v-text="info.undergraduate_school"></td>
                    </tr>

                    <tr v-if="info.gpa_score">
                        <th>GPA:</th>
                        <td v-text="info.gpa_score"></td>
                    </tr>

                    <tr v-if="info.gpa_ranking">
                        <th>排名:</th>
                        <td v-text="info.gpa_ranking"></td>
                    </tr>

                    <tr v-if="info.master_school">
                        <th>硕士学校:</th>
                        <td v-text="info.master_school"></td>
                    </tr>

                    <tr v-if="info.master_achievement">
                        <th>成绩:</th>
                        <td v-text="info.master_achievement"></td>
                    </tr>

                    <tr v-if="info.gre_total">
                        <th>GRE</th>
                        <td>总分: <span v-text="info.gre_total"></span> V: <span v-text="info.gre_v"></span> Q: <span v-text="info.gre_q"></span> AW: <span v-text="info.gre_aw"></span></td>
                    </tr>

                    <tr v-if="info.ielts_total">
                        <th>IELTS</th>
                        <td>总分:<span v-text="info.ielts_total"></span> R:<span v-text="info.ielts_r"></span> L:<span v-text="info.ielts_l"></span> S:<span v-text="info.ielts_s"></span> W:<span v-text="info.ielts_w"></span></td>
                    </tr>

                    <tr v-if="info.toefl_total">
                        <th>TOEFL</th>
                        <td>总分:<span v-text="info.toefl_total"></span> R:<span v-text="info.toefl_r"></span> L:<span v-text="info.toefl_l"></span> S:<span v-text="info.toefl_s"></span> W:<span v-text="info.toefl_w"></span></td>
                    </tr>
                </tbody>
            </table>
            <table class="cgtl mbm" v-else="">
                <tbody>
                    <tr>
                        <td>数据加载中.. <img src="http://www.gter.net/static/img/loading-black.gif" /></td>
                    </tr>
                </tbody>
            </table>
            <table class="cgtl mbm" v-if="load">
                <caption>
                    申请信息
                </caption>
                <tbody>
                    <tr v-if="thread.profession">
                        <th>申请专业</th>
                        <td v-text="thread.profession"></td>
                    </tr>

                    <tr v-if="thread.profession_cid">
                        <th>专业分类</th>
                        <td>
                            <span v-text="thread.profession_text"></span>
                            <span v-if="thread.profession_cid &amp;&amp; thread.apply_llm">LL.M</span>
                            <span v-if="thread.profession_cid &amp;&amp; thread.apply_jd">J.D</span>
                        </td>
                    </tr>

                    <tr v-if="thread.apply_doctor || thread.apply_master">
                        <th>学位</th>
                        <td>
                            <span v-if="thread.apply_doctor">申博</span>
                            <span v-if="thread.apply_master" v-text="thread.apply_master_text"></span>
                        </td>
                    </tr>

                    <tr v-if="thread.country">
                        <th>国家或地区</th>
                        <td v-text="thread.country"></td>
                    </tr>

                    <tr v-if="thread.experience">
                        <th>科研经验</th>
                        <td v-text="thread.experience_text"></td>
                    </tr>

                    <tr v-if="thread.scholarship">
                        <th>是否要奖学金</th>
                        <td>是</td>
                    </tr>

                    <tr v-if="thread.profession_cid==2 &amp;&amp; thread.lsat">
                        <th>LSAT</th>
                        <td v-text="thread.lsat"></td>
                    </tr>

                    <tr v-if="thread.profession_cid==2 &amp;&amp; thread.sex>0">
                        <th>性别</th>
                        <td v-text="thread.sex_text"></td>
                    </tr>
                </tbody>
            </table>

            <table v-if="load &amp;&amp; thread.paper" cellpadding="0" cellspacing="0" class="cgtl mbm">
                <caption>
                    论文发表
                </caption>
                <tbody>
                    <tr>
                        <td v-html="thread.paper">...</td>
                    </tr>
                </tbody>
            </table>

            <table v-if="load &amp;&amp; thread.recommendation" cellpadding="0" cellspacing="0" class="cgtl mbm">
                <caption>
                    推荐信
                </caption>
                <tbody>
                    <tr>
                        <td v-html="thread.recommendation">...</td>
                    </tr>
                </tbody>
            </table>

            <table v-if="load &amp;&amp; thread.hope" cellpadding="0" cellspacing="0" class="cgtl mbm">
                <caption>
                    定位期望
                </caption>
                <tbody>
                    <tr>
                        <td v-html="thread.hope">...</td>
                    </tr>
                </tbody>
            </table>

            <script>
                new Vue({
                    el:'#position_thread',
                    data:{
                        key: '0f3949ebfda1e40e21ce37526326c0d8',
                        tid: '2613455',
                        session: '3d3ecbefcf5b45c59c66327135cc263d',
                        load: false,
                        info: [],
                        thread: [],
                    },
                    ready: function() {
                        this.loaddata()
                    },
                    methods: {
                        loaddata: function()
                        {
                            this.load = false;
                            this.$http.post('//www.gter.net/position_thread.json', {tid: this.tid, session: this.session, key: this.key }, {emulateJSON: true}).then(function(res) {
                                var data = typeof res.data=='string' ? JSON.parse(res.data) : res.data;
                                this.thread = data.thread
                                this.info = data.info
                                if (this.thread.id) {
                                    this.load = true;
                                }
                            })
                        },
                    }
                });
            </script>
        </div>
    </body>
</html>