From 2bb271eee734babaf347dd56a431421272f2a591 Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Mon, 29 Jul 2024 16:08:12 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9A=82=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/course/index.vue           |   2 +-
 pages/miniClass/miniClassMan.vue | 546 ++++++++++++++++++++++++++-----
 2 files changed, 457 insertions(+), 91 deletions(-)

diff --git a/pages/course/index.vue b/pages/course/index.vue
index 2b2ff8b..189ce51 100644
--- a/pages/course/index.vue
+++ b/pages/course/index.vue
@@ -63,7 +63,7 @@
 			</view>
 			<public-module></public-module>
 			<z-navigation></z-navigation>
-			<music-play :playData="playData"></music-play>
+			<!-- <music-play :playData="playData"></music-play> -->
 		</view>
 	</view>
 </template>
diff --git a/pages/miniClass/miniClassMan.vue b/pages/miniClass/miniClassMan.vue
index 02592c2..7ed7b6a 100644
--- a/pages/miniClass/miniClassMan.vue
+++ b/pages/miniClass/miniClassMan.vue
@@ -1,97 +1,463 @@
 <template>
-  <view
-    style=" padding: 0 0; font-size: 28rpx;"
-    class="commonPage commonPageBox"
-  >
-    <!-- 公共组件-每个页面必须引入 -->
-    <public-module></public-module>   
-       <view class="">
-       	主任教学
-       </view>    
-    
-    <z-navigation></z-navigation>
-	
-  </view>
+	<view>
+		<!-- 公共组件-每个页面必须引入 -->
+		<public-module></public-module>
+		<z-nav-bar title="主任教学">
+			<!-- <view class="curseSet" slot="right" @click="shuomingPage('/pages/course/courseSet',tagId,pid)"> -->
+		<!-- <uni-icons type="info" size="24"></uni-icons> 课程说明</view> -->
+		</z-nav-bar>
+		<view class="tabsBox" :class="[fixed ? 'fixed' : '' ]">
+			<u-tabs v-if="tabList.length > 0" :class="['tabList']" @click="fatherClick" :current="curTagId"
+				:activeStyle="activeStyle" :scrollable="scrollable" :list="tabList"
+				itemStyle="padding-left: 15px; background-color:#fff;  padding-right: 15px; height: 50px;"></u-tabs>
+		</view>
+		<view class="containerBg">
+			<view class="subCate flex" v-if="subList.length> 0">
+				<text :class="['item',subTabId == item.id ? 'active' : '']" v-for="(item, index) in subList"
+					@click="curseClick(item)" :key="index">{{item.title}}</text>
+			</view>
+			<view class="learnBox box">
+				<!-- <view class="learn flexbox shiting">
+					<view class="item" v-for="(item, index) in courseList" :key="index">
+						<view class="imgcontainer">
+							<image :src="item.image" mode="aspectFit"></image>
+						</view>
+						<view class="buyItems flexbox">
+							<view class="txt555">
+								{{item.title}}
+							</view>
+						</view>
+
+					</view>
+				</view> -->
+				<view class="newBox">
+					<view class="item flexbox" v-for="(item, index) in courseList" :key="index" @click="onPageJump('/pages/course/courseDetail',item.id)">
+						<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
+						<view class="imgcontainer">
+							<image :src="item.image" mode="aspectFit"></image>
+						</view>
+						<view class="buyItems">
+							<view class="txt555">
+								{{item.title}}
+							</view>
+							<view class="jianjie" v-html="item.content">
+
+							</view>
+							<view class="tag-view">
+								<uni-tag v-if="item.level != 0" style="margin-right: 10rpx;" :text="item.level == 1 ? '初级':'高级'" type="primary" size="small" />
+								<uni-tag v-if="item.selective != 0 && item.selective == 1" style="margin-right: 10rpx;" text="必修" size="small" type="warning" />
+								<uni-tag v-if="item.selective != 0 && item.selective == 2" style="margin-right: 10rpx;" text="选修" size="small" type="success" />
+							</view>
+							<view class="btn_box">
+								<text>了解课程</text>
+							</view>
+						</view>
+						
+					</view>
+				</view>
+				<u-divider v-show="status == 2" text="已加载全部"></u-divider>
+				<u-divider v-show="status == 3" text="暂无数据"></u-divider>
+				<u-divider v-show="status == 1" text="加载中..."></u-divider>
+			</view>
+			<view>
+				<!-- <u-back-top scroll-top="100"></u-back-top> -->
+				<u-back-top :scroll-top="scrollTop" bottom="150" :customStyle='bgiStyle'
+					:iconStyle="iconStyle"></u-back-top>
+			</view>
+			<public-module></public-module>
+			<z-navigation></z-navigation>
+			<!-- <music-play :playData="playData"></music-play> -->
+		</view>
+	</view>
 </template>
 
 <script>
-import $http from "@/config/requestConfig.js";
-// import appShare, { closeShare } from '@/uni_modules/zhouWei-APPshare/js_sdk/appShare';
-import { mapState, mapMutations } from "vuex";
-export default {
-  data() {
-    return {      
-      
-      userMes: {},    
-    
-      isAndorid: true,
-      platform: null, // 设备系统      
-    };
-  },
-  //第一次加载
-  onLoad(e) {
-    // 隐藏原生的tabbar
-    // uni.hideTabBar();
-    // #ifdef APP-PLUS
-    this.getOS();
-    this.platform = uni.getSystemInfoSync().platform;
-    // console.log('操纵系统',this.platform)
-    // #endif
-  },
-  computed: {
-    ...mapState(["userInfo"]),
-  },
-  //页面显示
-  onShow() {
-    console.log(this.userInfo, "11111111111111");
-    // 隐藏原生的tabbar
-    // uni.hideTabBar();
-    this.getData();
-  },  
-  components: {
-    
-  }, 
-  //方法
-  methods: {
-    ...mapMutations(["setUserInfo"]),    
-       
-    // 获得操作系统
-    // getOS() {
-    //   let oprateOs = "";
-    //   oprateOs = uni.getSystemInfoSync().platform;
-    //   // console.log(oprateOs)
-    //   if (oprateOs == "android") {
-    //     this.isAndorid = true;
-    //   } else {
-    //     this.isAndorid = false;
-    //   }
-    // },  
-    
-    switchTab(url) {
-      uni.switchTab({
-        url: url,
-      });
-    },
-    getData() {
-      // 获取个人信息
-      if (this.userInfo.id != undefined) {
-        this.$http.post("common/user/getUserInfo").then((res) => {
-          this.userMes = res.result;          
-        });
-      }
-    },   
-    
-    onPageJump(url) {
-      console.log(url, "url");
-      uni.navigateTo({
-        url: url,
-      });
-    },
-    
-  },
-};
+	import musicPlay from '@/components/music.vue'
+	import $http from '@/config/requestConfig.js';
+	var clear;
+	import {
+		mapState
+	} from 'vuex';
+	export default {
+		data() {
+			return {
+				playData: {},
+				tagId: null,
+				pid:null,
+				fixed: false,
+				fatherTabId: null,
+				subTabId: null, //
+				bgiStyle: {
+					background: '#fff'
+				},
+				iconStyle: {
+					fontSize: '40rpx',
+					fontWeight: 'bold',
+					color: '#258feb',
+				},
+				scrollTop: 0,
+				activeStyle: {
+					color: '#333',
+					fontWeight: 'bold',
+					transform: 'scale(1.2)',
+					// backgroundColor: '#258feb'
+
+				},
+				subList: [{title:'待开班',id:'0'},{title:'已开班',id:'1'},{title:'已结班',id:'2'}],
+				scrollable: false,
+				pageTitle: '',
+				tabList: [
+					{name:'普通小班'},{name:'联合班'},{name:'精英班'}],
+				curTagId: 0,
+				courseList: [],
+				status: 3, // 0 不显示, 1 加载中，2 加载全部完成，3 暂无数据
+				page: 1,
+				flag: true, // 函数是否执行完
+			};
+		},
+		//第一次加载
+		onLoad(e) {
+			// 隐藏原生的tabbar
+			uni.hideTabBar();
+			this.tagId = e.id
+			this.pageTitle = e.title
+			this.pid = e.pid
+			console.log(e, '传入分类id')
+			this.getCateList(this.tagId)
+		},
+		onPageScroll(e) {
+			this.scrollTop = e.scrollTop;
+			if (this.scrollTop > 500) {
+				this.fixed = true
+			} else {
+				this.fixed = false
+			}
+			// console.log(this.scrollTop,'this.scrollTop')
+		},
+		onPullDownRefresh() {
+			console.log('下拉刷新')
+			this.status = 3
+			this.page = 1
+			this.courseList = []
+			this.getData(this.subTabId)
+			uni.stopPullDownRefresh()
+		},
+		onReachBottom() {
+			if (this.status != 2 && this.flag) {
+				this.page++
+				this.getData(this.subTabId)
+			}
+			console.log('触底加载', this.page)
+		},
+		computed: {
+			...mapState(['userInfo'])
+		},
+		//页面显示
+		onShow() {
+			// 隐藏原生的tabbar
+			uni.hideTabBar();
+
+
+		},
+		components: {
+			musicPlay
+		},
+		//方法
+		methods: {
+			surl(imageurl) {
+				return `url(${imageurl})`
+			},
+			getCateList(id) {
+				$http.request({
+						url: "medical/home/getChildCourseMedicalTree",
+						method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+						data: {
+							"id": id,
+						},
+						header: { //默认 无 说明：请求头
+							'Content-Type': 'application/json'
+						},
+					})
+					.then(res => {
+						if (res.code == 0) {
+							if (res.labels.length > 0) {
+								var list = []
+								res.labels.forEach(item => {
+									item.name = item.title
+								})
+								this.tabList = res.labels
+								// this.fatherTabId = this.tabList[0].id
+								// if (this.tabList[0].isLast == 1) { // 终极
+								// 	this.subList = []
+								// 	this.subTabId = this.tabList[0].id
+								// } else { //非终极
+								// 	if (this.tabList[0].children.length > 0) {
+								// 		this.subList = this.tabList[0].children
+								// 		this.subTabId = this.subList[0].id
+
+								// 	} else {
+								// 		this.subList = []
+								// 		this.subTabId = null
+								// 	}
+								// }
+								// if (this.subTabId) {
+								// 	// console.log(this.subTabId, this.subList[0].title, '初始进入')
+								// 	this.courseList = []
+								// 	this.status = 1
+								// 	this.getData(this.subTabId)
+								// }
+
+
+							}else{
+								// this.subList = []
+								this.subTabId = id
+								this.getData(id)
+							}
+							console.log(this.curTagId, '当前高亮')
+						}
+					}).catch(e => {
+						console.log(e, '获取子分类报错')
+					});
+			},
+			fatherClick(e) {
+				// console.log(e, '点击')
+				this.page = 1
+				var item = e
+				this.subTabId = this.subList[0].id
+				// if (item.isLast == 1) { // 终极
+				// 	this.subList = []
+				// 	this.subTabId = item.id
+				// } else {
+				// 	if (item.children.length > 0) { // 非终极
+				// 		this.subList = item.children
+				// 		this.subTabId = item.children[0].id
+				// 	} else {
+				// 		this.subList = []
+				// 		this.subTabId = null
+				// 	}
+				// }
+				// if (this.subTabId) {
+				// 	this.status = 1
+				// 	this.courseList = []
+					this.getData(this.subTabId);
+				// }
+
+			},
+			curseClick(item) {
+				this.subTabId = item.id
+				this.courseList = []
+				this.page = 1
+				this.getData(this.subTabId);
+			},
+			getData(id) {
+				// if (!this.flag) {
+				// 	console.log('正在执行，未完成')
+				// 	return
+				// }
+				this.status = 1
+				this.flag = false
+				$http.request({
+						url: "medical/home/getMedicalCourseList",
+						method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
+						data: {
+							"id": id,
+							"limit": 12,
+							"page": this.page
+						},
+						header: { //默认 无 说明：请求头
+							'Content-Type': 'application/json'
+						},
+					})
+					.then(res => {
+						if (res.code == 0) {
+							if (res.courses.records.length > 0) {
+								var list = res.courses.records
+								this.courseList = this.courseList.concat(list)
+								if (res.courses.pages > this.page) {
+									this.status = 0
+								} else {
+									this.status = 2
+								}
+							} else if (this.page > 1) {
+								this.status = 2 // 加载完成
+
+							} else {
+								this.status = 3 // 暂无数据
+							}
+							console.log('status', this.status)
+							this.flag = true
+						}
+						
+					}).catch(e => {
+						this.flag = true
+						console.log(e, '数据报错')
+						this.status = 3
+						uni.showToast({
+							title:`获取数据失败`,
+							icon:'error'
+						})
+					});
+			},
+			// 跳转
+			onPageJump(url,id) {
+				uni.navigateTo({
+					url: `${url}?id=${id}`
+				});
+			},
+			
+			shuomingPage(url,id,pid){
+				uni.navigateTo({
+					url: `${url}?id=${id}&pid=${pid}`
+				});
+			}
+		},
+	};
 </script>
 <style lang="scss" scoped>
-@import "@/style/mixin.scss";
+	@import '@/style/mixin.scss';
 
-</style>
+	.containerBg {
+		background-color: $containerColor;
+		padding: 0 20rpx;
+
+	}
+	.curseSet{margin-right: 20rpx; font-size: 28rpx; display: flex; align-items: center;}
+	.fixed {
+		position: fixed;
+		z-index: 1; width: 100%; background-color: #fff;
+	}
+
+	.newBox {
+
+		.item {
+			margin-bottom: 20rpx;
+			background-color: #fff;
+			border-radius: 20rpx;
+			@include ptop_bottm(10px);
+			@include pleft_right(10px);
+
+			@include mshadow(10px, 1) .imgcontainer {
+				display: block;
+				width: 110rpx;
+				margin-right: 20rpx;
+				// background-size: cover;
+				// background-position: center;
+				height: 200rpx;
+				flex-grow: 1;
+				// @include ptop_bottm(10px);
+				overflow: hidden;
+
+				// @include pleft_right(10px);
+				image {
+					width: 100%;
+					height: 200rpx;
+				}
+			}
+			.btn_box{ text-align: right;
+				text{
+					border-radius: 20rpx;
+					padding: 3px 5px;  @include theme("btn_bg");
+					font-size: 28rpx; color: #fff;
+				}
+			}
+			.buyItems {
+				width: 60%;
+			}
+
+			.jianjie {
+				line-height: 30rpx; height: 60rpx; overflow: hidden; 
+				overflow: hidden!important;
+				margin-top: 10rpx;
+				font-size: 24rpx;
+				@include bov();
+				color: #9c9c9c;
+			}
+
+			.txt555 {
+				font-size: 30rpx;
+				color: #000;
+				@include bov()
+			}
+		}
+	}
+
+	.subCate {
+		padding-top:10px;
+		padding-bottom: 10px;
+		display: flex;
+		.item {		
+			border: 1px solid #bfcad9;
+			display: inline-block;
+			text-align: center;
+			font-size: 26rpx;
+			background-color: #fff;
+			border-radius: 4px; width: 100%;
+			color: #333;
+			margin-right: 16rpx;
+			padding: 14rpx 30rpx;
+		}
+
+		.item:last-child() {
+			margin-right: 0;
+		}
+
+		.item.active {
+			border-color: $themeColor;
+			background-color: $themeColor;
+			color: #fff;
+		}
+	}
+
+	.tabList {
+		text-align: center;
+	}
+
+	.flexbox {
+		display: flex;
+	}
+
+	.imgcontainer {
+		background-color: $imgBg;
+	}
+
+	.box {
+		// background-color: #fff;		
+		min-height: calc(100vh - 270rpx);
+	}
+
+	.learnBox {
+		// background-color: #fff;
+		margin-top: 10px;
+
+		.learn {
+			flex-wrap: wrap;
+			justify-content: space-between;
+			margin-top: 20rpx;
+
+			.item {
+				width: 48%;
+				margin-bottom: 16px;
+
+				overflow: hidden;
+
+				image {
+					width: 100%;
+					height: 200rpx;
+				}
+
+				.txt555 {
+					display: block;
+					text-align: center;
+					height: 40rpx;
+					width: 100%;
+					line-height: 40rpx;
+					@include bov(1);
+					margin-top: 10rpx;
+					font-size: 24rpx;
+
+				}
+
+			}
+		}
+	}
+</style>
\ No newline at end of file