1

src/pages.json

@@ -47,6 +47,8 @@
 		}
 	},{
 		"path": "pages/activity/MyExam"
+	},{
+		"path": "pages/study/questionNaire"
 	}],
 	"subPackages": [{
 			"root": "pages/course", //课程分包

src/pages/index/index.vue

@@ -45,6 +45,9 @@
 			<view class="wordTitle">
 				单词练习
 			</view>
+			<view @click="goTongji()">
+				跳转
+			</view>
 			<view class="flex_around_center ">
 				<view class="wordItem">
 					<text class="wordItemTitle">今日新词</text>
@@ -187,6 +190,9 @@
 			});
 
 			let methods = {
+				goTongji(){
+					this.jumpPage('/pages/study/questionNaire');	
+				},
 				jumpPage(url) {
 					uni.navigateTo({
 						url: url,

src/pages/study/questionNaire.vue

+<template>
+	<view class="questionNaire">
+		<view class="Title">甲鹤教育教学服务质量学生满意度调查表</view>
+		<view class="Title_Second" style="text-indent:0">
+			敬爱的甲鹤教育同学们大家好：
+		</view>
+		<view class="Title_Second">
+			非常高兴您能加入甲鹤教育这个日语学习的大家庭！为了您们能更好地学习，我们非常重视教师的授课情况。因此，请您为本表中的老师做出您客观的评价。
+		</view>
+		<view class="Title_Second">
+			填答说明：请您对本课程教学与师资方面予以客观评价与提供意见反应，请全部作答。
+		</view>
+		<view class="Title_Second">
+			谢谢您的支持，您所做的回答我们会采取封闭式进行统计，甲鹤教育的进步需要各位同学们的参与，也祝愿您在甲鹤教育学有所得，学业进步！
+		</view>
+		<view>
+			<view class="QuestionTitle">课程安排与设计</view>
+			<view class="QuestionInner" v-for="(item,index) in Question1" :key="index">
+				{{item}}
+				<view style="margin:20rpx 0 30rpx 0;">
+					<van-rate v-model="Star" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+				</view>
+			</view>
+			<view class="QuestionTitle">教师授课情形</view>
+			<view class="QuestionInner" v-for="(item,index) in Question2" :key="index">
+				{{item}}
+				<view style="margin:20rpx 0 30rpx 0;">
+					<van-rate v-model="Star" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+				</view>
+			</view>
+			<view class="QuestionTitle">助教老师</view>
+			<view class="QuestionInner" v-for="(item,index) in Question3" :key="index">
+				{{item}}
+				<view style="margin:20rpx 0 30rpx 0;">
+					<van-rate v-model="Star" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+				</view>
+			</view>
+			<view class="QuestionTitle">学习环境</view>
+			<view class="QuestionInner" v-for="(item,index) in Question4" :key="index">
+				{{item}}
+				<view style="margin:20rpx 0 30rpx 0;">
+					<van-rate v-model="Star" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+				</view>
+			</view>
+		</view>
+		<view style="margin-top:60rpx;" class="btnDiv">
+			<van-button type="primary" style="width:100%;">提交</van-button>
+		</view>
+	</view>
+</template>
+<script>
+	import {
+		ref,
+		reactive,
+		toRefs,
+		toRef,
+		getCurrentInstance,
+		watch,
+		computed,
+		onMounted,
+		provide,
+	} from "vue";
+	export default {
+		components: {},
+		onLoad(options) {
+
+		},
+		setup(props) {
+			let {
+				proxy
+			} = getCurrentInstance();
+			let data = reactive({
+				msg: {},
+				count: 5,
+				Star: 3,
+				Question1: [
+					'您就读之课程安排，整体满意程度为?',
+					'您就读英文课程之教材内容，满意程度为?',
+					'您就读英文课程，有助于提升您学习之兴趣?',
+					'排课老师安排上课时间是否满足需求?'
+				],
+				Question2: [
+					'授课教师教学态度认真负责?',
+					'教师按时授课，无迟到、早退或缺席情形?',
+					'授课教师表达能力，满意程度为?',
+					'授课教师之教学方法，满意程度为?',
+					'教师上课准备之教学内容，满意程度为？',
+					'教师上课之启发性，提升学生学习兴趣，并激发思考，满意程度为？',
+				],
+				Question3: [
+					'平时课后助教老师的作业安排是否满足学习需求?',
+					'学习过程中，助教是否适时提供学习协助?',
+					'课后辅导是否的到妥善解决?'
+				],
+				Question4: [
+					'课程中同学间的学习气氛，满意程度为?',
+					'针对本课程提供之学习环境，整体满意程度为?'
+				],
+				
+			})
+			let methods = {
+
+
+			}
+			onMounted(() => {})
+			let that = methods;
+			return {
+				...toRefs(data),
+				...methods,
+			};
+		}
+	}
+</script>
+
+<style scoped>
+	.btnDiv /deep/ .van-button--normal{
+		width:100%;
+	}
+	.questionNaire {
+		min-height: 100vh;
+		background: #F5F5F5;
+		padding: 32rpx;
+		box-sizing: border-box;
+	}
+
+	.Title {
+		font-size: 34rpx;
+		font-weight: bold;
+		text-align: center;
+		font-weight: bold;
+	}
+
+	.Title_Second {
+		font-size: 28rpx;
+		margin-top: 20rpx;
+		text-indent: 60rpx;
+	}
+
+	.QuestionTitle {
+		font-size: 30rpx;
+		color: #000000;
+		margin: 40rpx 0;
+		font-weight: bold;
+	}
+
+	.QuestionInner {
+		font-size: 28rpx;
+		color: #000000;
+		margin-bottom: 20rpx;
+	}
+</style>