修改

src/pages/study/questionNaire.vue

@@ -2,50 +2,55 @@
 	<view class="questionNaire">
 		<view class="Title">{{dataObj.Title}}</view>
 		<view class="Title_Second" style="text-indent:0" v-html="dataObj.Description">
-	 
+
 		</view>
- 
+
 		<view>
 			<view class="QuestionTitle">课程安排与设计</view>
 			<view class="QuestionInner" v-for="(item,index) in dataObj.CourseArrangementList" :key="index">
 				{{item.Title}}
 				<view style="margin:20rpx 0 30rpx 0;">
-					<van-rate v-model="item.ScoreNum" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+					<van-rate v-model="item.ScoreNum" :size="25" @change="onChange(item)" color="#ffd21e"
+						void-icon="star" void-color="#eee" />
 				</view>
 			</view>
 			<view class="QuestionTitle">教师授课情形</view>
 			<view class="QuestionInner" v-for="(item,index) in dataObj.TeachersSituationList" :key="index">
 				{{item.Title}}
 				<view style="margin:20rpx 0 30rpx 0;">
-					<van-rate v-model="item.ScoreNum" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+					<van-rate v-model="item.ScoreNum" :size="25" @change="onChange(item)" color="#ffd21e"
+						void-icon="star" void-color="#eee" />
 				</view>
 			</view>
 			<view class="QuestionTitle">助教老师</view>
 			<view class="QuestionInner" v-for="(item,index) in dataObj.TeachingAssistantList" :key="index">
 				{{item.Title}}
 				<view style="margin:20rpx 0 30rpx 0;">
-					<van-rate v-model="item.ScoreNum" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+					<van-rate v-model="item.ScoreNum" :size="25" @change="onChange(item)" color="#ffd21e"
+						void-icon="star" void-color="#eee" />
 				</view>
 			</view>
 			<view class="QuestionTitle">学习环境</view>
 			<view class="QuestionInner" v-for="(item,index) in dataObj.LearningEnvironmentList" :key="index">
 				{{item.Title}}
 				<view style="margin:20rpx 0 30rpx 0;">
-					<van-rate v-model="item.ScoreNum" :size="25" color="#ffd21e" void-icon="star" void-color="#eee" />
+					<van-rate v-model="item.ScoreNum" :size="25" @change="onChange(item)" color="#ffd21e"
+						void-icon="star" void-color="#eee" />
 				</view>
 			</view>
 			<view class="QuestionTitle">意见与建议</view>
 			<view class="QuestionInner" v-for="(item,index) in dataObj.OpinionandsuggestionList" :key="index">
-				 
-				<view style="margin:20rpx 0 30rpx 0;">
-					 {{item.TextContent}}
+				<view style="margin-top:20rpx;">
+					<textarea type="text" v-model="item.TextContent" class="input textarea" placeholder="请填写建议"
+					  placeholder-style="textarea-placeholder" :maxlength="300" />
 				</view>
 			</view>
-		
+
 		</view>
-		<view style="margin-top:60rpx;" class="btnDiv">
-			<van-button type="primary" style="width:100%;">提交</van-button>
+		<view style="margin-top:30rpx;" class="btnDiv">
+			<van-button type="primary" style="width:100%;" @click="saveQuestion">提交</van-button>
 		</view>
+		<van-toast id="van-toast" />
 	</view>
 </template>
 <script>
@@ -61,7 +66,8 @@
 		provide,
 	} from "vue";
 	import {
-		querySurveyInfo
+		querySurveyInfo,
+		saveGuestSurvey
 	} from "../../api/activity";
 	export default {
 		components: {},
@@ -75,11 +81,7 @@
 			let data = reactive({
 				msg: {},
 				count: 5,
-				Question4: [
-					'课程中同学间的学习气氛，满意程度为?',
-					'针对本课程提供之学习环境，整体满意程度为?'
-				],
-				dataObj:{},
+				dataObj: {}
 
 			})
 			let methods = {
@@ -90,10 +92,27 @@
 					let res = await querySurveyInfo(qMsg);
 					if (res) {
 						//this.loading = false;
-						this.dataObj=res.data;
+						this.dataObj = res.data;
 						console.log(this.dataObj)
 					}
 				},
+				//打星星改变
+				onChange(item) {
+					item.ScoreNum = item.ScoreNum.detail;
+				},
+				//保存数据
+				saveQuestion(){
+					var UserInfo = uni.getStorageSync('userInfo');
+					this.dataObj.StudentId = UserInfo.Id;
+					let res = saveGuestSurvey(this.dataObj).then(res => {
+						if (res.Code == 1) {
+							uni.showToast({
+							  title: res.Message,
+							  icon: "none",
+							});
+						}
+					});
+				}
 			}
 			onMounted(() => {})
 			let that = methods;
@@ -109,7 +128,11 @@
 	.btnDiv /deep/ .van-button--normal {
 		width: 100%;
 	}
-
+	.textarea{
+		border: 1px solid #d1d1d1;
+		width: 93%;
+		padding: 20rpx;
+	}
 	.questionNaire {
 		min-height: 100vh;
 		background: #F5F5F5;