<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <script src="/static/js/jquery-3.5.1.min.js?v="+Math.random()></script>
    <script src="/static/js/common.js?v="+Math.random()></script>
    <script>
        document.write('<link href="/static/css/html5/index/question.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style>
        [v-cloak]{
            display: none;
        }
    </style>
</head>
<body>
<div class="container" v-cloak>
    <div v-show="isFinish == 1" class="questionBox">
        <div v-show="isFirst ==1">
            <p class="titleTip">问卷一</p>
            <div class="questionList" v-for="(item,i) in questionList">
                <div class="question_title">
                    <span>{{i+1}}.</span>
                    <span class="question_title_text">{{item.quTitle}}</span>
                </div>
                <div class="answerList">
                    <div class="answerList_option" v-for="(key,index) in item.option">
                        <input class="radio" type="radio" @change="getAnswer(item.quId,key)" :name="'sex'+item.quId" :value="key.optionId">
                        <span class="answerList_option_text">
                        <span class="answerList_option_sel">{{key.option}}.</span>
                        <span>{{key.optionTitle}}</span>
                    </span>
                    </div>
                </div>
            </div>
            <div class="footer">
                <button @click="submit()">提交</button>
            </div>
        </div>
        <div v-show="isFirst == 2">
            <p class="titleTip">问卷二</p>
            <div class="questionList" v-for="(item,i) in questionList2">
                <div class="question_title">
                    <span>{{i+1}}.</span>
                    <span class="question_title_text">{{item.quTitle}}</span>
                </div>
                <div class="answerList">
                    <div class="answerList_option" v-for="(key,index) in item.option">
                        <input class="radio" type="radio" @change="getAnswer2(item.quId,key)" :name="'sex'+item.quId" :value="key.optionId">
                        <span class="answerList_option_text">
                        <span class="answerList_option_sel">{{key.option}}.</span>
                        <span>{{key.optionTitle}}</span>
                    </span>
                    </div>
                </div>
            </div>
            <div class="footer">
                <button @click="submit2()">提交</button>
            </div>
        </div>
    </div>
    <div class="finishList" v-show="isFinish == 2">
        <p>问卷一得分：<span>{{scoreAll}}</span></p>
        <p>问卷二得分：<span>{{scoreAll2}}</span></p>
    </div>
</div>

</body>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/ucenter.js?v="+Math.random()></script>
<script src="/static/js/vue.js"></script>
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    document.write('<script src="/static/js/h5/index/question.js?v=' + Math.random() + '"><\/script\>');
</script>
</html>
