<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>基层医疗机构医疗服务基本病种（66种）调研</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, 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"/>
    <meta name="sharetitle" content="全科界-精品课"/>
    <meta name="sharedesc" content="赋能全科医生，培养百姓良医"/>
    <meta name="sharepic" content="https://qkj-web.oss-cn-beijing.aliyuncs.com/html5/share.png"/>
    <meta name="shareurl" content=""/>

    <link href="/web/css/common.css" rel="stylesheet"/>
    <link href="/static/css/web/page.css" rel="stylesheet">
    <link href="/web/css/layer.css" rel="stylesheet">
    <link href="/web/css/new.css" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link rel="stylesheet" href="/static/css/web/questionnaire/index.css">
    <script src="/static/js/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.cookie.js"></script>
    <script src="/static/js/common.js"></script>
    <script src="/static/js/ucenter.js?v=" +Math.random()></script>
    <script src="/static/js/wxLogin.js?v=" +Math.random()></script>
    <script src="/static/js/md5.js?v=" +Math.random()></script>
    <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>
</head>
<body>
<div class="index-box">
    <div th:include="web/common::common-header-web"></div>

    <!--首页主体盒子-->
    <div class="indexmainbox">
        <div class="zhuanquxqbox">
            <div class="jpklistbox">
                <div class="zqxqtopbox">
                    <div id="container" class="container">
                        <div v-if="loading" class="page-loading">
                            <div></div>
                            <div></div>
                        </div>
                        <div v-else class="question-box">
                            <div class="question-title" v-cloak>{{ title }}</div>
                            <div class="question-content">
                                <el-form :model="form" ref="form">
                                    <template v-for="(item,index) in questionnairesList">
                                        <div class="question-content__item" :key="item.name"> <!-- 要循环的 -->
                                            <div class="entity-office">{{ item.name }}</div>
                                            <template v-for="(_i,_index) in item.questionGroups">
                                                <div class="entity-item" :key="_i.id"> <!-- 要循环的 -->
                                                    <div class="entity-item__title">{{ _i.name }}</div>
                                                    <template v-for="(deep,deepIndex) in _i.questions">
                                                        <el-form-item :required="deep.required"
                                                                      :label="(deepIndex + 1) + '、' + deep.text">
                                                            <div class="entity-item__survey" :key="deep.id">
                                                                <!-- 要循环的 -->
                                                                <template v-if="deep.type === 'SINGLE_CHOICE'">
                                                                    <el-radio v-for="answer in deep.questionOptions"
                                                                              v-model="form.answers[index].questionGroups[_index].answers[deepIndex].optionId"
                                                                              :label="answer.id + ',' + answer.text">{{
                                                                        answer.label }} {{ answer.text }}
                                                                    </el-radio>
                                                                </template>
                                                            </div>
                                                        </el-form-item>
                                                    </template>
                                                </div>
                                            </template>
                                        </div>
                                    </template>
                                    <div class="question-content__btns" v-cloak>
                                        <div class="reset" @click="resetQuestion">重置</div>
                                        <div class="submit" @click="submitQuestion">提交</div>
                                    </div>
                                </el-form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <!--底部公共区域-->
    <div th:include="web/common::common-bottom-web"></div>


    <!--返回顶部-->
    <div th:include="web/common::common-back-web"></div>

</div>

</body>
<script src="/web/js/layer.js"></script>
<script src="/static/web/js/common.js?v=" +Math.random()></script>
<script src="../../../static/js/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script src="../../../static/js/jweixin-1.0.0.js"></script>
<script src="../../../static/js/wxshare.js?version=20220630"></script>

<!--引入 element-ui 的样式，-->
<!-- 必须先引入vue，  后使用element-ui -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>-->
<!-- 引入 -->

<script>
    document.write('<script src="/static/js/web/questionnaire/index.js?v=' + Math.random() + '"><\/script\>');
</script>

</html>
