页面渲染 数据处理
This commit is contained in:
		
							parent
							
								
									cf5bd9045e
								
							
						
					
					
						commit
						804158fa14
					
				|  | @ -1,8 +1,8 @@ | |||
| @font-face { | ||||
|   font-family: "iconfont"; /* Project id 3598721 */ | ||||
|   src: url('//at.alicdn.com/t/c/font_3598721_fd8phfvkjv.woff2?t=1691978562796') format('woff2'), | ||||
|        url('//at.alicdn.com/t/c/font_3598721_fd8phfvkjv.woff?t=1691978562796') format('woff'), | ||||
|        url('//at.alicdn.com/t/c/font_3598721_fd8phfvkjv.ttf?t=1691978562796') format('truetype'); | ||||
|   src: url('//at.alicdn.com/t/c/font_3598721_z5jk4kgjfv.woff2?t=1703600739909') format('woff2'), | ||||
|        url('//at.alicdn.com/t/c/font_3598721_z5jk4kgjfv.woff?t=1703600739909') format('woff'), | ||||
|        url('//at.alicdn.com/t/c/font_3598721_z5jk4kgjfv.ttf?t=1703600739909') format('truetype'); | ||||
| } | ||||
| 
 | ||||
| .iconfont { | ||||
|  | @ -13,6 +13,14 @@ | |||
|   -moz-osx-font-smoothing: grayscale; | ||||
| } | ||||
| 
 | ||||
| .icon-xiangxiajiantoucuxiao:before { | ||||
|   content: "\e8c8"; | ||||
| } | ||||
| 
 | ||||
| .icon-xiangshangjiantoucuxiao:before { | ||||
|   content: "\e8d8"; | ||||
| } | ||||
| 
 | ||||
| .icon-yiwancheng:before { | ||||
|   content: "\e630"; | ||||
| } | ||||
|  |  | |||
|  | @ -42,7 +42,7 @@ const install = (Vue, vm) => { | |||
| 		// 所以哪怕您重新登录修改了Storage,下一次的请求将会是最新值
 | ||||
| 		// const token = uni.getStorageSync('token');
 | ||||
| 
 | ||||
| 		const token = "	Bearer 794bed8faaf14a00b07befd07b8402b2" | ||||
| 		const token = "	Bearer 5791a135fff342a4b7e70109b6936826" | ||||
| 
 | ||||
| 		// console.log("我是token", token)
 | ||||
| 		config.header.Authorization = token;  | ||||
|  |  | |||
							
								
								
									
										10
									
								
								pages.json
									
									
									
									
									
								
							
							
						
						
									
										10
									
								
								pages.json
									
									
									
									
									
								
							|  | @ -228,6 +228,16 @@ | |||
| 							"enablePullDownRefresh": false, | ||||
| 							"navigationStyle": "custom" | ||||
| 						} | ||||
| 					}, | ||||
| 					{ | ||||
| 						"path" : "teacher_class/class_members", | ||||
| 						"style" :  | ||||
| 						{ | ||||
| 							"navigationBarTitleText": "", | ||||
| 							"navigationBarBackgroundColor": "#4473f6", | ||||
| 							"enablePullDownRefresh": false, | ||||
| 							"navigationStyle": "custom" | ||||
| 						} | ||||
| 					} | ||||
| 	  				 | ||||
| 	  			] | ||||
|  |  | |||
										
											
												File diff suppressed because it is too large
												Load Diff
											
										
									
								
							|  | @ -19,51 +19,28 @@ | |||
| 					 | ||||
| 					</view> --> | ||||
| 
 | ||||
| 			<view class="check_card_cls"> | ||||
| 		 | ||||
| 			<view class="check_card_cls " v-for="(item,index) in workinfo" :key="index"> | ||||
| 				<view class="check_card_cls_info_left"> | ||||
| 					<view class="class_card_left"> | ||||
| 						<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image> | ||||
| 						<image :src="item.avatar"></image> | ||||
| 					</view> | ||||
| 					<view class="class_card_right"> | ||||
| 						<view class="class_card_right_top"> | ||||
| 							雅思1班 | ||||
| 							{{item.name}} | ||||
| 						</view> | ||||
| 						<view class="class_card_right_bot"> | ||||
| 							共21人 | ||||
| 						 | ||||
| 						<view class="class_card_right_bot" v-show="item.classify == 1"> | ||||
| 							听力 | ||||
| 						</view> | ||||
| 					</view> | ||||
| 				</view> | ||||
| 				<view class="check_card_cls_info_right"> | ||||
| 					<view class="class_info"> | ||||
| 						<view class="class_info_top"> | ||||
| 							平均成绩/分 | ||||
| 						<view class="class_card_right_bot" v-show="item.classify == 2"> | ||||
| 							阅读 | ||||
| 						</view> | ||||
| 						<view class="class_info_bot"> | ||||
| 							6 | ||||
| 						<view class="class_card_right_bot" v-show="item.classify == 3"> | ||||
| 							写作 | ||||
| 						</view> | ||||
| 					</view> | ||||
| 					<view class="class_info"> | ||||
| 						<view class="class_info_top"> | ||||
| 							作业完成度 | ||||
| 						</view> | ||||
| 						<view class="class_info_bot"> | ||||
| 							80% | ||||
| 						</view> | ||||
| 					</view> | ||||
| 
 | ||||
| 				</view> | ||||
| 			</view> | ||||
| 			<view class="check_card_cls "> | ||||
| 				<view class="check_card_cls_info_left"> | ||||
| 					<view class="class_card_left"> | ||||
| 						<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image> | ||||
| 					</view> | ||||
| 					<view class="class_card_right"> | ||||
| 						<view class="class_card_right_top"> | ||||
| 							雅思1班 | ||||
| 						</view> | ||||
| 						<view class="class_card_right_bot"> | ||||
| 							共21人 | ||||
| 						<view class="class_card_right_bot" v-show="item.classify == 4"> | ||||
| 							口语 | ||||
| 						</view> | ||||
| 					</view> | ||||
| 				</view> | ||||
|  | @ -103,19 +80,23 @@ | |||
| 					backgroundColor: "#F6F9FC", | ||||
| 				}, | ||||
| 				checkindex: 0, | ||||
| 				id:13, | ||||
| 				id:12, | ||||
| 				workinfo:[], | ||||
| 				orgworkinfo:[] | ||||
| 				 | ||||
| 
 | ||||
| 			} | ||||
| 		}, | ||||
| 		onLoad() { | ||||
| 		onLoad(option) { | ||||
| 			console.log(option); | ||||
| 			this.id = option.id | ||||
| 			// this.classid=15 | ||||
| 			this.getworklist() | ||||
| 		}, | ||||
| 		 | ||||
| 		methods: { | ||||
| 			getworklist() { | ||||
| 				this.$u.get(`https://api.admin-v2.langsi.online//admin-api/classroom/work-record/classrooms?workId=${this.id}`).then(res => { | ||||
| 				this.$u.get(`https://api.admin-v2.langsi.online/admin-api/classroom/work-record/classrooms?workId=${this.id}`).then(res => { | ||||
| 			 | ||||
| 			 | ||||
| 					if (res.code == 0) { | ||||
|  |  | |||
|  | @ -19,21 +19,21 @@ | |||
| 					 | ||||
| 					</view> --> | ||||
| 
 | ||||
| 			<view class="check_card_cls"> | ||||
| 				<view class="check_card_cls_info_left"> | ||||
| 			<view class="check_card_stu"  v-for="(item,index) in workinfo" :key="index"> | ||||
| 				<view class="check_card_stu_info_left"> | ||||
| 					<view class="class_card_left"> | ||||
| 						<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image> | ||||
| 						<image :src="item.avatar"></image> | ||||
| 					</view> | ||||
| 					<view class="class_card_right"> | ||||
| 						<view class="class_card_right_top"> | ||||
| 							雅思1班 | ||||
| 							{{item.name}} | ||||
| 						</view> | ||||
| 						<view class="class_card_right_bot"> | ||||
| 							共21人 | ||||
| 							ID:{{item.id}} | ||||
| 						</view> | ||||
| 					</view> | ||||
| 				</view> | ||||
| 				<view class="check_card_cls_info_right"> | ||||
| 				<view class="check_card_stu_info_right"> | ||||
| 					<view class="class_info"> | ||||
| 						<view class="class_info_top"> | ||||
| 							平均成绩/分 | ||||
|  | @ -50,43 +50,11 @@ | |||
| 							80% | ||||
| 						</view> | ||||
| 					</view> | ||||
| 
 | ||||
| 				</view> | ||||
| 			</view> | ||||
| 			<view class="check_card_cls "> | ||||
| 				<view class="check_card_cls_info_left"> | ||||
| 					<view class="class_card_left"> | ||||
| 						<image src=" https://file.langsi.online/yasiimg/web/static/udWNTRG6GulmTtgPRQ49"></image> | ||||
| 					</view> | ||||
| 					<view class="class_card_right"> | ||||
| 						<view class="class_card_right_top"> | ||||
| 							雅思1班 | ||||
| 						</view> | ||||
| 						<view class="class_card_right_bot"> | ||||
| 							共21人 | ||||
| 						</view> | ||||
| 					</view> | ||||
| 				</view> | ||||
| 				<view class="check_card_cls_info_right"> | ||||
| 					<view class="class_info"> | ||||
| 						<view class="class_info_top"> | ||||
| 							平均成绩/分 | ||||
| 						</view> | ||||
| 						<view class="class_info_bot"> | ||||
| 							6 | ||||
| 						</view> | ||||
| 					</view> | ||||
| 					<view class="class_info"> | ||||
| 						<view class="class_info_top"> | ||||
| 							作业完成度 | ||||
| 						</view> | ||||
| 						<view class="class_info_bot"> | ||||
| 							80% | ||||
| 						</view> | ||||
| 					</view> | ||||
| 
 | ||||
| 			 | ||||
| 				</view> | ||||
| 			</view> | ||||
| 			 | ||||
| 			 | ||||
| 		</view> | ||||
| 		 | ||||
| 	</view> | ||||
|  | @ -96,7 +64,7 @@ | |||
| 	export default { | ||||
| 		data() { | ||||
| 			return { | ||||
| 				title: '班级安排', | ||||
| 				title: '学生安排', | ||||
| 				// 班级名称数据绑定 | ||||
| 				 | ||||
| 				bgc: { | ||||
|  | @ -110,12 +78,16 @@ | |||
| 
 | ||||
| 			} | ||||
| 		}, | ||||
| 		onLoad() { | ||||
| 		onLoad(option) { | ||||
| 			console.log(option); | ||||
| 			this.id = option.id | ||||
| 			// this.classid=15 | ||||
| 			this.getworklist() | ||||
| 		}, | ||||
| 		 | ||||
| 		methods: { | ||||
| 			getworklist() { | ||||
| 				this.$u.get(`https://api.admin-v2.langsi.online//admin-api/classroom/work-record/classrooms?workId=${this.id}`).then(res => { | ||||
| 				this.$u.get(`https://api.admin-v2.langsi.online/admin-api/classroom/work-record/members?workId=${this.id}`).then(res => { | ||||
| 			 | ||||
| 			 | ||||
| 					if (res.code == 0) { | ||||
|  |  | |||
|  | @ -53,7 +53,7 @@ | |||
| 			<!-- 班级 --> | ||||
| 			<view class="ap_class"> | ||||
| 				<!-- 安排班级 --> | ||||
| 				<view class="ap_classes"> | ||||
| 				<view class="ap_classes" @click="toclass()"> | ||||
| 					<view class="ad_organization"> | ||||
| 						<view class="ad_ap">班级安排</view> | ||||
| 						<view class="ad_icon"> | ||||
|  | @ -70,7 +70,7 @@ | |||
| 					</view> | ||||
| 				</view> | ||||
| 				<!-- 成员安排 --> | ||||
| 				<view class="ap_classes"> | ||||
| 				<view class="ap_classes" @click="tostu()"> | ||||
| 					<view class="ad_organization"> | ||||
| 						<view class="ad_ap">成员安排</view> | ||||
| 						<view class="ad_icon"> | ||||
|  | @ -96,17 +96,20 @@ | |||
| 				<view class="view_timeline" style="margin-top: 20rpx;"> | ||||
| 					<u-time-line> | ||||
| 						<!-- 时间线1 --> | ||||
| 						<u-time-line-item nodeTop="2" node-color="red" v-for="(itemsx,indexx) in item.items" :key="indexx"> | ||||
| 						<u-time-line-item nodeTop="2" node-color="red" v-for="(itemsx,indexx) in item.items" | ||||
| 							:key="indexx"> | ||||
| 							<template v-slot:content> | ||||
| 								<view> | ||||
| 									<view class="u-order-title"> | ||||
| 										<view class="fickle"> | ||||
| 											<view class="view_first_wz" v-if="itemsx.classify==1||itemsx.classify==2"> | ||||
| 												{{itemsx.testName}}</view> | ||||
| 												{{itemsx.testName}} | ||||
| 											</view> | ||||
| 											<view class="view_first_wz" v-if="itemsx.classify==3">{{itemsx.testName}} | ||||
| 											</view> | ||||
| 											<view class="view_first_wz" v-if="itemsx.classify==4"> | ||||
| 												{{itemsx.moduleName}}-{{itemsx.partName}}</view> | ||||
| 												{{itemsx.moduleName}}-{{itemsx.partName}} | ||||
| 											</view> | ||||
| 											<view class="changeable greenish" v-if="itemsx.classify==1">听力</view> | ||||
| 											<view class="changeable yellow" v-if="itemsx.classify==2">阅读</view> | ||||
| 											<view class="changeable blur" v-if="itemsx.classify==3">写作</view> | ||||
|  | @ -117,34 +120,40 @@ | |||
| 									</view> | ||||
| 									<veiw class="blue-green"> | ||||
| 
 | ||||
| 										<view class="blue_qs" :style="'width:' + itemsx.speedwidth + '%;'" v-if="itemsx.classify==1"> | ||||
| 										<view class="blue_qs" :style="'width:' + itemsx.speedwidth + '%;'" | ||||
| 											v-if="itemsx.classify==1"> | ||||
| 
 | ||||
| 										</view> | ||||
| 										<view class="blue_qs2" :style="'width:' + itemsx.speedwidth + '%;'" v-if="itemsx.classify==2"> | ||||
| 										<view class="blue_qs2" :style="'width:' + itemsx.speedwidth + '%;'" | ||||
| 											v-if="itemsx.classify==2"> | ||||
| 										</view> | ||||
| 										<view class="blue_qs3" :style="'width:' + itemsx.speedwidth + '%;'" v-if="itemsx.classify==3"> | ||||
| 										<view class="blue_qs3" :style="'width:' + itemsx.speedwidth + '%;'" | ||||
| 											v-if="itemsx.classify==3"> | ||||
| 										</view> | ||||
| 										<view class="blue_qs4" :style="'width:' + itemsx.speedwidth + '%;'" v-if="itemsx.classify==4"> | ||||
| 										<view class="blue_qs4" :style="'width:' + itemsx.speedwidth + '%;'" | ||||
| 											v-if="itemsx.classify==4"> | ||||
| 										</view> | ||||
| 										<view class="text" style="z-index: 2;" v-if="itemsx.classify==1||itemsx.classify==2" > | ||||
| 										<view class="text" style="z-index: 2;" | ||||
| 											v-if="itemsx.classify==1||itemsx.classify==2"> | ||||
| 											{{itemsx.partName}} | ||||
| 										</view> | ||||
| 										<view class="word"  style="z-index: 2;" v-if="itemsx.classify==1||itemsx.classify==2"> | ||||
| 										<view class="word" style="z-index: 2;" | ||||
| 											v-if="itemsx.classify==1||itemsx.classify==2"> | ||||
| 											:{{itemsx.questionType}} | ||||
| 										</view> | ||||
| 										<view class="text" style="z-index: 2;" v-if="itemsx.classify==3" > | ||||
| 										<view class="text" style="z-index: 2;" v-if="itemsx.classify==3"> | ||||
| 											{{itemsx.partName}} | ||||
| 										</view> | ||||
| 									 | ||||
| 										<view class="text" style="z-index: 2;" v-if="itemsx.classify==4" > | ||||
| 
 | ||||
| 										<view class="text" style="z-index: 2;" v-if="itemsx.classify==4"> | ||||
| 											{{itemsx.questionName}} | ||||
| 										</view> | ||||
| 										 | ||||
| 										<view class="word"  style="z-index: 2;" v-if="itemsx.classify==4"> | ||||
| 
 | ||||
| 										<view class="word" style="z-index: 2;" v-if="itemsx.classify==4"> | ||||
| 											: | ||||
| 											 <span v-for=" ts in itemsx.speakingType.split(',') " :key="ts"> | ||||
| 											        {{ getTypeText(ts) }} | ||||
| 											    </span> | ||||
| 											<span v-for=" ts in itemsx.speakingType.split(',') " :key="ts"> | ||||
| 												{{ getTypeText(ts) }} | ||||
| 											</span> | ||||
| 										</view> | ||||
| 									</veiw> | ||||
| 
 | ||||
|  | @ -156,7 +165,7 @@ | |||
| 				</view> | ||||
| 			</template> | ||||
| 			<view class="zhanwei" style="width: 100%;height: 50rpx;"> | ||||
| 				 | ||||
| 
 | ||||
| 			</view> | ||||
| 		</view> | ||||
| 	</view> | ||||
|  | @ -179,18 +188,38 @@ | |||
| 		}, | ||||
| 
 | ||||
| 		methods: { | ||||
| 			 getTypeText(type) { | ||||
| 			        switch (type) { | ||||
| 			            case '1': | ||||
| 			                return '串题'+" "; | ||||
| 			            case '2': | ||||
| 			                return '跟读'+" "; | ||||
| 			            case '3': | ||||
| 			                return '模考'+" "; | ||||
| 			            default: | ||||
| 			                return '其他类型'; | ||||
| 			        } | ||||
| 			    }, | ||||
| 			getTypeText(type) { | ||||
| 				switch (type) { | ||||
| 					case '1': | ||||
| 						return '串题' + " "; | ||||
| 					case '2': | ||||
| 						return '跟读' + " "; | ||||
| 					case '3': | ||||
| 						return '模考' + " "; | ||||
| 					default: | ||||
| 						return '其他类型'; | ||||
| 				} | ||||
| 			}, | ||||
| 			toclass(){ | ||||
| 				uni.navigateTo({ | ||||
| 					url: "/pages_teacher/pages_add/add_class?id=" +this.workinfo.id | ||||
| 				 | ||||
| 				}).then(res => { | ||||
| 				 | ||||
| 				}).catch(err => { | ||||
| 				 | ||||
| 				}); | ||||
| 			}, | ||||
| 			tostu(){ | ||||
| 				uni.navigateTo({ | ||||
| 					url: "/pages_teacher/teacher_class/class_members?id=" + this.workinfo.id | ||||
| 				 | ||||
| 				}).then(res => { | ||||
| 				 | ||||
| 				}).catch(err => { | ||||
| 				 | ||||
| 				}); | ||||
| 			}, | ||||
| 			getworklist() { | ||||
| 				this.$u.get(`https://api.admin-v2.langsi.online/admin-api/classroom/work-record/detail?workId=${this.id}`) | ||||
| 					.then(res => { | ||||
|  | @ -199,17 +228,17 @@ | |||
| 						if (res.code == 0) { | ||||
| 							this.workinfo = res.data | ||||
| 							this.uploadspeath = (this.workinfo.doneNum / this.workinfo.totalNum) * 100; | ||||
| 							 | ||||
| 							let json = JSON.stringify(this.workinfo ) | ||||
| 							 | ||||
| 							 for (const paper of this.workinfo.papers) { | ||||
| 							        // Loop through items in each paper | ||||
| 							        for (const item of paper.items) { | ||||
| 							          // Calculate speedwidth and add it to the item | ||||
| 							          item.speedwidth = (item.doneNum / item.totalNum) * 100; | ||||
| 							        } | ||||
| 							      } | ||||
| 								  | ||||
| 
 | ||||
| 							let json = JSON.stringify(this.workinfo) | ||||
| 
 | ||||
| 							for (const paper of this.workinfo.papers) { | ||||
| 								// Loop through items in each paper | ||||
| 								for (const item of paper.items) { | ||||
| 									// Calculate speedwidth and add it to the item | ||||
| 									item.speedwidth = (item.doneNum / item.totalNum) * 100; | ||||
| 								} | ||||
| 							} | ||||
| 
 | ||||
| 							// this.orgworkinfo = JSON.parse(JSON.stringify(res.data)); | ||||
| 							// this.classlist = res.data.list | ||||
| 							// this.isloding = false | ||||
|  | @ -231,7 +260,7 @@ | |||
| 	.title { | ||||
| 		margin-top: 32rpx; | ||||
| 		font-size: 40rpx; | ||||
| 		font-family:  'YOUSHEBIAOTIHEI-2',  'YOUSHEBIAOTIHEI-2'; | ||||
| 		font-family: 'YOUSHEBIAOTIHEI-2', 'YOUSHEBIAOTIHEI-2'; | ||||
| 		font-weight: 400; | ||||
| 		color: #2E4975; | ||||
| 	} | ||||
|  | @ -439,12 +468,13 @@ | |||
| 			font-family: 'PingFang', 'PingFang'; | ||||
| 			font-weight: 500; | ||||
| 			color: #2E4975; | ||||
| 			 | ||||
| 
 | ||||
| 			overflow: hidden; | ||||
| 			white-space: nowrap; | ||||
| 			text-overflow: ellipsis; | ||||
| 		} | ||||
| 		.word{ | ||||
| 
 | ||||
| 		.word { | ||||
| 			z-index: 2; | ||||
| 			font-size: 24rpx; | ||||
| 			font-family: 'PingFang', 'PingFang'; | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	Block a user