Realize the effect:
Full code:
<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>