uniapp实现问卷调查

实现效果：

完整代码：

<template><view class="contentBox"><view class="big-title">问卷调查</view><view><view class="questionBox" v-for="(item,index) in jsonData" :key="index"><view:class="{'qutitle':item.qd_ask_css_type==10, 'comment':item.qd_answer_type==10&&item.qd_ask_content == ''}"><view v-if="item.qd_ask_content!=''" v-html="item.qd_ask_content"></view><view v-if="item.qd_remanrk!=''" v-html="item.qd_remanrk"></view></view><view v-if="item.qd_answer_type==5"><radio-group class="radioBox"><template v-for="item in radioData"><radio :value="item.value" :key="item.key" :label="item.name" color="red">{{item.name}}</radio></template></radio-group></view><!-- 评价 --><view v-else-if="item.qd_answer_type==10" style="margin: 20rpx 10rpx;"><uni-easyinput type="textarea" v-model="item.qd_value" placeholder="请输入内容"></uni-easyinput></view><!-- 多选 --><view v-else-if="item.qd_answer_type==30"><checkbox-group v-model="item.qd_value" class="radioBox"><checkbox v-for="info in item.qd_answer_options" :key="info.key" :label="info.key.toString()"color="red">{{info.display_name}}</checkbox></checkbox-group></view><!-- 单选 --><view v-else-if="item.qd_answer_type==40"><radio-group class="radioBox" @change="radioChange"><template v-for="status in item.qd_answer_options"><radio v-model="item.qd_value" :key="status.key" :label="status.key.toString()" color="red">{{status.display_name}}{{item.qd_value}}</radio></template></radio-group><!-- <radio-group @change="radioChange"><label v-for="(status, index) in item.qd_answer_options" :key="status.key"><view><radio :value="item.qd_value" :checked="index === current" color="red"/></view><view>{{status.display_name}}</view></label></radio-group> --></view></view></view><view class="btn" @click="toHome">提交</view></view>
</template><script>export default {data() {return {radioData: [{value: '5',name: '非常同意（5分）',},{value: '4',name: '同意（4分）'},{value: '3',name: '没意见（3分）'},{value: '2',name: '不同意（2分）'},{value: '1',name: '非常不同意（1分）'},],current: 0,//json数据jsonData: [{"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<h3 style=\"color: rgb(77, 128, 191);\">一. 关于您</h3><h3><span style=\"font-weight: normal;font-size: 15px;\">请您回答以下问题以便帮助我们确定不同群组是否具有不同的观点。</span></h3>","qd_ask_css_type": 20,"qd_id": 1258241000,"qd_orderid": 3,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "default_department","qd_answer_type": 15,"qd_ask_content": "1. 所在部门：","qd_ask_css_type": 10,"qd_id": 1859447900,"qd_orderid": 5,"qd_qi_id": 1885643300,"qd_remanrk": "匿名提交","qd_value": ""}, {"qd_answer_content": "qd_answer_post_type","qd_answer_options": [{"display_name": "生产线员工","key": 10}, {"display_name": "检验员、仓管员","key": 20}, {"display_name": "管理、技术、营销人员","key": 30}, {"display_name": "行政部后勤人员","key": 40}],"qd_answer_type": 40,"qd_ask_content": "2. 岗位类别","qd_ask_css_type": 10,"qd_id": 1662165900,"qd_orderid": 10,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "qd_answer_age","qd_answer_options": [{"display_name": "25岁以下","key": 10}, {"display_name": "25--30岁","key": 20}, {"display_name": "31--40岁","key": 30}, {"display_name": "41--50岁","key": 40}, {"display_name": "50岁以上","key": 50}],"qd_answer_type": 40,"qd_ask_content": "3. 年龄","qd_ask_css_type": 10,"qd_id": 1739392300,"qd_orderid": 20,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "qd_answer_education","qd_answer_options": [{"display_name": "高中及以下","key": 10}, {"display_name": "大专","key": 20}, {"display_name": "本科","key": 30}, {"display_name": "研究生和博士","key": 40}],"qd_answer_type": 40,"qd_ask_content": "4. 学历","qd_ask_css_type": 10,"qd_id": 1699062000,"qd_orderid": 30,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "qd_answer_workyears","qd_answer_options": [{"display_name": "1年以下","key": 10}, {"display_name": "1-3年","key": 20}, {"display_name": "3-5年","key": 30}, {"display_name": "5-8年","key": 40}, {"display_name": "8年以上","key": 50}],"qd_answer_type": 40,"qd_ask_content": "5. 工龄 （进入公司的时间）","qd_ask_css_type": 10,"qd_id": 1444122100,"qd_orderid": 40,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p></p><h3 style=\"color: rgb(77, 128, 191);\">二、 问卷内容</h3><h3><span style=\"font-weight: normal;font-size: 15px;\">请指出您对下列陈述同意或不同意的程度： 非常同意（ 5 分）； 同意（ 4 分）； 没意见（ 3 分）； 不同意（ 2 分）； 非常不同意（ 1 分）。</span></h3><p></p>","qd_ask_css_type": 20,"qd_id": 1013388200,"qd_orderid": 50,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p><span style=\"color: rgb(77, 128, 191);\">1<span style=\"font-weight: bold;\">.工作本身</span></span></p>","qd_ask_css_type": 20,"qd_id": 1380724900,"qd_orderid": 60,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "1. 我清楚地了解我工作的职责和任务。","qd_ask_css_type": 10,"qd_id": 1011375500,"qd_orderid": 70,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "2. 目前的工作压力、强度是我可以承受的。","qd_ask_css_type": 10,"qd_id": 1898376400,"qd_orderid": 80,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "3. 有足够的软件资源（讯息、知识）及硬件资源（设备、工具）来完成员工的本职工作。","qd_ask_css_type": 10,"qd_id": 1185849400,"qd_orderid": 90,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "4. 我的工作被合理公正的分配。","qd_ask_css_type": 10,"qd_id": 1148497900,"qd_orderid": 100,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "5. 公司为我提供了良好的工作环境（温度、照明、噪音、通风等）。","qd_ask_css_type": 10,"qd_id": 1432664600,"qd_orderid": 110,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "6. 目前的工作时间是我可以承受的。","qd_ask_css_type": 10,"qd_id": 1507208100,"qd_orderid": 120,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p><span style=\"font-weight: bold; color: rgb(77, 128, 191);\">2.团队协作</span></p>","qd_ask_css_type": 20,"qd_id": 1831899200,"qd_orderid": 130,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "7. 公司部门和岗位之间分工明确，职责清楚。","qd_ask_css_type": 10,"qd_id": 1123010300,"qd_orderid": 140,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "8. 公司各部门之间沟通顺畅、紧密协作，工作效率高。","qd_ask_css_type": 10,"qd_id": 1347623400,"qd_orderid": 150,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "9. 现有的工作流程逐渐能够让我高效率地完成工作。","qd_ask_css_type": 10,"qd_id": 1922877900,"qd_orderid": 160,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "10. 通常情况下，我的同事都表现出积极的工作态度。","qd_ask_css_type": 10,"qd_id": 1970447600,"qd_orderid": 170,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "11. 为实现同一目标，我的同事能紧密合作，工作氛围好。","qd_ask_css_type": 10,"qd_id": 1371268000,"qd_orderid": 180,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "12. 我经常能感受到上级和同事对我工作的关心。","qd_ask_css_type": 10,"qd_id": 1987058700,"qd_orderid": 190,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p><span style=\"font-weight: bold; color: rgb(77, 128, 191);\">3.直接主管</span></p>","qd_ask_css_type": 20,"qd_id": 1401699400,"qd_orderid": 195,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "13. 对直接主管的各项工作决策，我基本认同。","qd_ask_css_type": 10,"qd_id": 1322620900,"qd_orderid": 200,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "14. 直接主管能给予我明确的工作指示和要求。","qd_ask_css_type": 10,"qd_id": 1939201700,"qd_orderid": 210,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "15. 工作遇到困难时，直接主管能给予我有力的支持和指导。","qd_ask_css_type": 10,"qd_id": 1179016700,"qd_orderid": 220,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "16. 我的工作表现能够及时得到直接主管的认可或建议。","qd_ask_css_type": 10,"qd_id": 1554421600,"qd_orderid": 230,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "17. 我很愿意向直接主管或公司管理层提出我的建议或意见。","qd_ask_css_type": 10,"qd_id": 1859269300,"qd_orderid": 240,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "18. 我的直接主管能公平地评估我的工作业绩。","qd_ask_css_type": 10,"qd_id": 1428209000,"qd_orderid": 290,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p><span style=\"font-weight: bold; color: rgb(77, 128, 191);\">4.学习成长</span></p>","qd_ask_css_type": 20,"qd_id": 1349545300,"qd_orderid": 295,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "19. 公司有制订针对性的培训计划。","qd_ask_css_type": 10,"qd_id": 1284519300,"qd_orderid": 300,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "20. 公司的培训对我实际工作有很大帮助。","qd_ask_css_type": 10,"qd_id": 1202448600,"qd_orderid": 310,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "21. 公司注重员工培训，我时常获得学习机会。","qd_ask_css_type": 10,"qd_id": 1226466200,"qd_orderid": 320,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "22. 我个人的能力和特长在工作中得到了发挥。","qd_ask_css_type": 10,"qd_id": 1869350300,"qd_orderid": 330,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "23. 公司选拔和发展后备人才的过程中，人人都被公平对待。","qd_ask_css_type": 10,"qd_id": 1578450500,"qd_orderid": 340,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "24. 公司岗位空缺的填补优先考虑内部员工。","qd_ask_css_type": 10,"qd_id": 1139257400,"qd_orderid": 350,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p><span style=\"font-weight: bold; color: rgb(77, 128, 191);\">5.薪酬福利</span></p>","qd_ask_css_type": 20,"qd_id": 1637558700,"qd_orderid": 355,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "25. 我相信只要公司业绩好，我一定会获得加薪。","qd_ask_css_type": 10,"qd_id": 1203806700,"qd_orderid": 360,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "26. 公司目前的薪酬制度对我有激励作用。","qd_ask_css_type": 10,"qd_id": 1707013900,"qd_orderid": 370,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "27. 我清楚了解公司的福利政策。","qd_ask_css_type": 10,"qd_id": 1294728900,"qd_orderid": 380,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "28. 我对食堂整体感到满意。（卫生、菜品、价格、服务等）","qd_ask_css_type": 10,"qd_id": 1440740700,"qd_orderid": 390,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "29. 公司为员工提供了良好的住宿条件。","qd_ask_css_type": 10,"qd_id": 1998936700,"qd_orderid": 400,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "30. 我对公司文体、娱乐活动的安排感到满意。","qd_ask_css_type": 10,"qd_id": 1693851100,"qd_orderid": 410,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p><span style=\"font-weight: bold; color: rgb(77, 128, 191);\">6.企业整体</span></p>","qd_ask_css_type": 20,"qd_id": 1713421600,"qd_orderid": 415,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "31. 我对公司总体感到满意。","qd_ask_css_type": 10,"qd_id": 1460484200,"qd_orderid": 420,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "32. 公司是同行业中的佼佼者，我为自己能够在此工作感到自豪。","qd_ask_css_type": 10,"qd_id": 1867237200,"qd_orderid": 430,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "33. 我认为公司的规章制度逐渐规范、合理。","qd_ask_css_type": 10,"qd_id": 1220269000,"qd_orderid": 440,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "34. 高层管理人员在制定决策的过程中重视员工的意见和建议。","qd_ask_css_type": 10,"qd_id": 1031414300,"qd_orderid": 450,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "35. 我对公司的核心价值观很认同。","qd_ask_css_type": 10,"qd_id": 1533669200,"qd_orderid": 460,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 5,"qd_ask_content": "36. 我愿意将公司推荐给我的朋友作为工作单位。","qd_ask_css_type": 10,"qd_id": 1237109700,"qd_orderid": 470,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 20,"qd_ask_content": "<p><span style=\"font-weight: bold; color: rgb(77, 128, 191);\">7.其他</span></p>","qd_ask_css_type": 20,"qd_id": 1728517600,"qd_orderid": 480,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_options": [{"display_name": "薪资待遇提高","key": 1730640900}, {"display_name": "工作环境改善","key": 1398656900}, {"display_name": "合理的工作时间","key": 1564243500}, {"display_name": "职位晋升","key": 1847769300}, {"display_name": "挑战性的工作","key": 1755263400}, {"display_name": "培训机会","key": 1522277800}, {"display_name": "领导认可","key": 1995267900}, {"display_name": "工作是我喜欢的","key": 1614186600}],"qd_answer_type": 30,"qd_ask_content": "37.\t您认为下列哪种方式能够更好地提高您的积极性和创造性？（可多选）","qd_ask_css_type": 10,"qd_id": 1713229500,"qd_orderid": 490,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": []}, {"qd_answer_content": "","qd_answer_options": [{"display_name": "薪资待遇好","key": 1177252900}, {"display_name": "符合个人兴趣","key": 1276524100}, {"display_name": "公司的前景好","key": 1361825500}, {"display_name": "可承受的工作压力","key": 1448724300}, {"display_name": "硬件环境好","key": 1203855600}, {"display_name": "领导个人魅力","key": 1977092900}, {"display_name": "有发展机会","key": 1706124400}, {"display_name": "人际关系好","key": 1427735000}, {"display_name": "地理位置优越","key": 1545782300}, {"display_name": "管理规范","key": 1427215900}, {"display_name": "有良好的培训","key": 1936559400}, {"display_name": "公司文化","key": 1173443400}],"qd_answer_type": 30,"qd_ask_content": "38.公司最吸引你的地方是：(可多选)","qd_ask_css_type": 10,"qd_id": 1218176100,"qd_orderid": 500,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": []}, {"qd_answer_content": "","qd_answer_options": [{"display_name": "没有发展空间","key": 1721309300}, {"display_name": "没有公平的待遇","key": 1250450400}, {"display_name": "岗位不稳定","key": 1898909900}, {"display_name": "人际关系不和谐","key": 1467246700}, {"display_name": "领导无管理能力","key": 1316941700}, {"display_name": "公司发展前景不明朗","key": 1584786800}],"qd_answer_type": 30,"qd_ask_content": "39.您在公司最担心的问题是：(可多选)","qd_ask_css_type": 10,"qd_id": 1632191100,"qd_orderid": 510,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": []}, {"qd_answer_content": "","qd_answer_options": [{"display_name": "个人发展方向","key": 1649647000}, {"display_name": "工作压力","key": 1178144400}, {"display_name": "薪酬福利","key": 1292883600}, {"display_name": "人际矛盾","key": 1008714800}, {"display_name": "其它","key": 1719627700}],"qd_answer_type": 40,"qd_ask_content": "40.假如将来有一天您想离开公司，主要的原因是：（单选）","qd_ask_css_type": 10,"qd_id": 1121514200,"qd_orderid": 520,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_options": [{"display_name": "技术","key": 1308904000}, {"display_name": "市场","key": 1346944100}, {"display_name": "管理","key": 1092300000}, {"display_name": "其他（请说明）","key": 1748755700}],"qd_answer_type": 40,"qd_ask_content": "41.你认为公司的主要优势是什么？（单选）","qd_ask_css_type": 10,"qd_id": 1319351300,"qd_orderid": 530,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "41.其他说明","qd_answer_type": 10,"qd_ask_content": "","qd_ask_css_type": 10,"qd_id": 1815384800,"qd_orderid": 535,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_options": [{"display_name": "技术","key": 1026317200}, {"display_name": "市场","key": 1037503100}, {"display_name": "管理","key": 1470928300}, {"display_name": "其他（请说明）","key": 1365080000}],"qd_answer_type": 40,"qd_ask_content": "42.你认为公司的主要问题是什么？（单选）","qd_ask_css_type": 10,"qd_id": 1337721500,"qd_orderid": 540,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "42.其他说明","qd_answer_type": 10,"qd_ask_content": "","qd_ask_css_type": 10,"qd_id": 1722748100,"qd_orderid": 545,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}, {"qd_answer_content": "","qd_answer_type": 10,"qd_ask_content": "您是否有其他的建议或意见？","qd_ask_css_type": 10,"qd_id": 1959236300,"qd_orderid": 550,"qd_qi_id": 1885643300,"qd_remanrk": "","qd_value": ""}],items: [{value: 'USA',name: '美国',checked: 'true'},{value: 'CHN',name: '中国'},{value: 'BRA',name: '巴西'},{value: 'JPN',name: '日本'},{value: 'ENG',name: '英国'},{value: 'FRA',name: '法国'},],current: 0};},methods: {radioChange: function(e) {this.jsonData.qd_value === this.jsonData.qd_answer_options.key.toString();console.log('当前选中为', this.jsonData.qd_answer_options)// for (let i = 0; i < this.items.length; i++) {//  if (this.items[i].value === evt.detail.value) {//        this.current = i;//        break;//    }//     console.log('当前选中为', evt.detail.value)// }},/*** 跳转*/toHome: function() {uni.navigateTo({url: './home'})}}};
</script><style lang="scss">.contentBox {display: flex;flex-direction: column;align-items: center;justify-content: center;}.big-title {font-size: 36rpx;font-weight: bold;color: #457cde;margin: 20rpx 0rpx 0rpx 0rpx;}.questionBox {padding: 0px 20rpx 20rpx 20rpx;}.qutitle {display: flex;font-size: 28rpx;background-color: #f2f2f2;padding: 10rpx 20rpx;}.comment {background-color: white;margin-top: -50rpx;}.radioBox {margin: 10rpx 20rpx;display: flex;flex-direction: column;}radio {font-size: 28rpx;margin: 10rpx 0px !important;}checkbox {font-size: 28rpx;margin: 10rpx 0px !important;}.topic {font-size: 32rpx;font-weight: bold;color: #457cde;padding: 10rpx 0rpx;}.para-text {font-size: 28rpx;font-weight: bold;color: #444444;padding: 10rpx 0rpx;}.btn {width: 50%;padding: 20rpx 30rpx;margin: 40rpx 0rpx;font-size: 28rpx;color: white;background-color: #3677d3;border-radius: 10rpx;letter-spacing: 4rpx;display: flex;align-items: center;justify-content: center;}
</style>

uniapp实现问卷调查相关推荐

基于Uniapp实现的在线投票App问卷调查
【uni-app】实现单页（多题）问卷调查
[需求描述] 最近的项目要求做一个调查问卷,单页多题的,第一个想到的就是循环渲染(题目数据由后端返回,也就是说题目数量不定,题目类型分为单选) 思路: 1.把每一道题单独封装成模块,循环渲染 2.统一 ...
基于uniapp+ssm+mysql一站式婚庆服务平台app设计
开发软件:Idea + HBuilder + mysql 开发技术: SSM + Vue + uniapp 用户功能: 注册登陆,填写基本的个人信息,就可以注册,注册完成后即可登陆查看店铺,在首页有 ...
《uni-app》表单组件-form表单
本文分享的Form组件为uni-app的内置组件Form,非扩展组件,两者在用法上其实大同小异,只是扩展组件的属性以及事件更多-没有本质上的区别- <uni-app>表单组件-form表单 ...
基于安卓APP的问卷调查系统的设计与实现
随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息.为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代,问卷调查系 ...
《uni-app》表单组件-Checkbox组件
本文分享的checkbox组件为uni-app的内置组件checkbox,非扩展组件,两者在用法上其实大同小异,只是扩展组件的属性以及事件更多-没有本质上的区别- <uni-app>表单组 ...
uniapp 鸿蒙,关于前端:uniapp项目安装运行操作手册
一,装置运行环境 1.下载node.js node.js下载链接node.js 请下载长期反对版. 2.装置node.js 装置教程百度可查这里就不具体阐明了,装置教程地址链接 3.验证node是否装 ...
uniapp 中如何使用echart_uniapp中如何引用echarts
uniapp引用echarts的方法:1.通过uni-app官网直接安装echarts插件生成echarts项目模板:2.创建一个新的hello uni-app项目模板:3.把echarts放到com ...
uniapp移动端H5在线预览PDF等文件实现源码及注解
uniapp移动端H5预览文件实现分为两个场景处理: (这里以预览PDF文件为示例,在线预览就是查看网络文件) 1. IOS客户端预览PDF文件 IOS客户端预览PDF文件可以通过跳转文件地址实现预览 ...

uniapp实现问卷调查

uniapp实现问卷调查相关推荐

最新文章

热门文章