update

client/src/pages/survey/index.css

+
+/* 提交表单样式 */
+.radio-group, .checkbox-group { float: left; width: 100%; }
+.radio-group .radio, .checkbox-group .checkbox { display: block; margin-left: 0; font-size: 20px; line-height: 2; }
+.radio-group .radio .el-radio__label, .checkbox-group .checkbox .el-checkbox__label { font-size: 20px; font-weight: 400; color: #313131; }
+.radio-group .radio.is-checked .el-radio__label, .checkbox-group .checkbox.is-checked .el-checkbox__label { color: #a98c58; }
+.radio-group .radio .el-radio__input { float: left; margin: 10px 0 0 5px; vertical-align: text-top; }
+.radio-group .radio .el-radio__input .el-radio__inner { width: 20px; height: 20px; border-color: #313131; }
+.radio-group .radio .el-radio__input.is-checked .el-radio__inner { background: transparent; border-color: #a98c58; }
+.radio-group .radio .el-radio__input.is-checked .el-radio__inner::after { width: 9px; height: 9px; background: #a98c58; }
+.checkbox-group .checkbox .el-checkbox__input { float: left; margin: 10px 0 0 5px; vertical-align: text-top; }
+.checkbox-group .checkbox .el-checkbox__input .el-checkbox__inner { width: 20px; height: 20px; border-color: #313131; }
+.checkbox-group .checkbox .el-checkbox__input.is-checked .el-checkbox__inner { background: transparent; border-color: #a98c58; }
+.checkbox-group .checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after { top: 2px; left: 5px; border-width: 2px; width: 5px; height: 9px; border-color: #a98c58; }

client/src/pages/survey/store/data.js

+/**
+ * 格式 id 介绍
+ * 第一个 数字 表示第几题
+ * 第二个 数字 表示 PC 第几页
+ * 第三个 数字 表示 phone 第几页
+ * 后面可连续 追加
+ */
+const question = [{
+  id: '1-1-1',
+  type: 3, // 判别是 单选还是多选，评级
+  title: '教学评价：',
+  arr: [
+    { id: '1-1-1-1', option: '教师授课语言的准确度、精练和生动性', star: 0 },
+    { id: '2-1-1-1', option: '教师授课思路的清晰和连贯性', star: 0 },
+    { id: '3-1-1-1', option: '老师准备的教学工具是否到位', star: 0 },
+    { id: '4-1-1-1', option: '老师的专业知识和能力', star: 0 },
+    { id: '5-1-1-1', option: '对老师教学的整体评价', star: 0 }
+  ]
+}, {
+  id: '2-1-2',
+  type: 3, // 判别是 单选还是多选，评级
+  title: '课程内容评价：',
+  arr: [
+    { id: '1-2-1-2', option: '学到了有用的概念或工具', star: 0 },
+    { id: '2-2-1-2', option: '内容逻辑清晰，重点突出', star: 0 },
+    { id: '3-2-1-2', option: '课程安排的教学进度', star: 0 },
+    { id: '4-2-1-2', option: '能够提升理论高度/拓展思维', star: 0 },
+    { id: '5-2-1-2', option: '对课程的整体评价', star: 0 }
+  ]
+}, {
+  id: '3-1-3',
+  type: 3, // 判别是 单选还是多选，评级
+  title: '教务评价：',
+  arr: [
+    { id: '1-3-1-3', option: '班主任老师的带班能力（对班级的管理、对学生学习的督促以及解决学生问题的能力等）', star: 0 },
+    { id: '2-3-1-3', option: '班主任老师的专业度（对课程的了解、对学生的了解和解答问题的专业性）', star: 0 },
+    { id: '3-3-1-3', option: '班主任老师的总体满意度', star: 0 }
+  ]
+}, {
+  id: '4-1-4',
+  type: 4, // 判别是 单选还是多选，评级
+  title: '对于本次课程，您的收获是什么？',
+  arr: [],
+  area: ''
+}, {
+  id: '5-1-5',
+  type: 4, // 判别是 单选还是多选，评级
+  title: '对于本次课程，您对老师的教学有什么好的建议？',
+  arr: [],
+  area: ''
+}, {
+  id: '6-1-6',
+  type: 4, // 判别是 单选还是多选，评级
+  title: '对于本次课程，您对课程安排有什么好的建议？',
+  arr: [],
+  area: ''
+}, {
+  id: '7-1-7',
+  type: 4, // 判别是 单选还是多选，评级
+  title: '对于本次课程，您对教务管理、班级管理方面有什么建议？',
+  arr: [],
+  area: '',
+  submit: true
+}]
+
+export default {
+  question
+}