iaun
/
zkweb


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
							<html lang="zh">

<head>
    <title></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="/static/vue.js"></script>
    <script src="/static/jquery.min.js"></script>
    <style>
        p {
            white-space: pre-line;
        }
    </style>
</head>

<body>
    <div id="app">
        <p v-show="msg!=''">{{msg}}</p>
        <div v-if="data!=null">
            <!--data-->
            <p id="tools"><input type="checkbox" v-model="showAnswer"/><span>显示答案</span><input type="button" @click="print" value="打印"/></p>
            <h1>{{data.title}}</h1>
            <div v-for="group in data.groups">
                <h2>{{group.title}}</h2>
                <p v-if="group.memo!=''" v-html="group.memo"></p>
                <div v-for="question,index in group.questions">
                    <p style="font-weight:bold;" v-html="(index+1)+ '. ' + question.title"></p>
                    <ul>
                        <li v-for="option in question.options" v-html="option.value + '. '+option.text"></li>
                    </ul>
                    <p v-show="showAnswer" v-html="'<b>答案：</b>'+question.answer.join('；')"></p>
                    <p v-if="question.explanation" v-show="showAnswer" v-html="'<b>题解：</b>'+question.explanation"></p>
                    <hr>
                </div>
            </div>
        </div>
    </div>
    <script>
        var URL_PREFIX = "";
        var app = new Vue({
            el: '#app',
            data: {
                data: null,
                msg: "loading...",
                showAnswer: true,
            },
            methods: {
                getContentById() {
                    var url = location.href.split('?')[0].split('/');
                    var self = this;
                    $.ajax({
                        url: URL_PREFIX + "/get/question/content_object/" + url[url.length - 1],
                        type: "GET",
                        success: function(data) {
                            if (data["success"]) {
                                self.data = data["data"];
                                if (document.title === "") {
                                    document.title = "百日题库-" + data["data"]["title"];
                                }
                                self.msg = "";
                            }
                            else {
                                self.msg = "获取失败";
                            }
                        }
                    });
                },
                print() {
                  var tools = document.getElementById("tools");
                  tools.style.display = "none";
                  print();
                  tools.style.display = "";
                }
            },
            mounted() {
                var search = location.search.substr(1).split('&');
                var courseName = "";
                var paperName = "";
                var index = "";
                for (var i = 0, j = search.length; i < j; i++) {
                    var s = search[i].split('=');
                    switch (s[0]) {
                        case "course_name":
                            courseName = s[1];
                            break;
                        case "paper_name":
                            paperName = s[1];
                            break;
                        case "index":
                            index = s[1];
                            break;
                    }
                }
                if (courseName !== "" && paperName !== "" && index !== "") {
                    document.title = "百日题库-" + decodeURI(courseName) + "-" + index + "-" + decodeURI(paperName);
                }
                this.getContentById();
            }
        });
    </script>
</body>

</html>