课表

common/config.js

@@ -1,7 +1,7 @@
 const mode = 'production'; //devLocal：本地测试、devOnline：线上测试、production：生产环境
 let ROOTPATH = '';  //域名
-let baseUrl = "https://suzhoukeji-test.ali251.langye.net"
+// let baseUrl = "https://suzhoukeji-test.ali251.langye.net"
-// let baseUrl = "https://wx.sstbc.com"
+let baseUrl = "https://wx.sstbc.com"
 switch (mode) {
 	case 'devLocal':
 		ROOTPATH = baseUrl

packages/donate/index.vue

@@ -110,12 +110,12 @@
 				this.$refs.uForm.validate(valid => {
 					if (valid) {
 						this.$u.api.updateDonates(this.form).then(res => {
-							this.base.toast('提交成功',1000,function(){
+							this.base.toast('提交成功',1500,function(){
 								setTimeout(function(){
 									uni.switchTab({
 										url:'/pages/me/index'
 									})
-								},50)
+								},100)
 							})
 						})
 					} else {

packages/mycourse/courseContents.vue

@@ -1,18 +1,24 @@
 <template>
 	<view class="container">
 		<image class="cbg" :src="base.imgHost('common_bg.png')"></image>
-		<view class="search">
+		<view class="search-wrap" v-if="selectList.length>0">
-			<!-- <view class="select"> -->
+			<view class="search">
-				<w-select width="250rpx" :showClose="false" style="margin-left: 20rpx;" v-model="chooseValue" :list="selectList" valueName="name"
+				<!-- <view class="select"> -->
-					keyName="id" @change="changeMonth">
+				<w-select width="250rpx" :showClose="false" style="margin-left: 20rpx;" v-model="chooseValue"
+					:list="selectList" valueName="name" keyName="id" @change="changeMonth">
 				</w-select>
-			<!-- </view> -->
+				<!-- </view> -->
-			<view class="all" @click="changeAll">全部课表</view>
+				<view class="all" @click="changeAll">全部课表</view>
+			</view>
+		</view>
+		<view class="search-tab" v-if="selectDayList.length>0">
+			<u-tabs :bg-color="'#f0f7fc'" active-color="#b89155" :list="selectDayList" name="value" :is-scroll="true"
+				:current="current" @change="changeSearchDay"></u-tabs>
 		</view>
-		<view class="wrap">
+		<view class="wrap" :style="isAll?'padding-top:100rpx':'padding-top:30rpx'">
-			<view v-if="monthList.length>0">
+			<view v-if="dayDataList.length>0">
-				<view class="item" v-for="item in monthList">
+				<view class="item" v-for="item in dayDataList">
-					<view class="item-date">{{item.monthday}}</view>
+					<view v-if="isAll" class="item-date">{{item.monthday}}</view>
 					<view class="item-period">{{item.period}}</view>
 					<view class="item-img">
 						<image :src="base.imgHost('mycourse-c1.png')" style="width:22rpx;height:22rpx"></image>
@@ -44,9 +50,12 @@
 		data() {
 			return {
 				list: [],
-				monthList: [],
+				dayDataList: [],
 				chooseValue: '',
-				selectList: ''
+				selectList: '',
+				selectDayList: [],
+				current: 0,
+				isAll:false
 			}
 		},
 		onLoad(options) {
@@ -56,37 +65,58 @@
 			async getMyCourseContents(id) {
 				const res = await this.$u.api.courseContent({
 					course_id: id,
-				})
+				})
-				this.list = res.list
+				this.list = res.list
-				if(res.list.length>0){
+				if (res.list.length > 0) {
-					// this.monthList = res.list
+					// this.dayDataList = res.list
-					let obj = this.groupByMonthAndSort(res.list)
+					let obj = this.groupByMonthAndSort(res.list)
 					const currentMonth = this.$moment().format('YYYY年MM月')
-					
+					const currentDay = this.$moment().format('MM月DD日')
-					if(this.selectList.length>0){
+					if (this.selectList.length > 0) {
-						this.selectList.map((item,index)=>{
+						this.selectList.map((item, index) => {
-							if(item.name===currentMonth){
+							if (item.name === currentMonth) {
-								this.monthList = item.item
+								this.chooseValue = item.name
+								this.selectDayList = item.item
+								this.dayDataList = item.item[0]['arr']
+								item.item.map((cur,index1)=>{
+									if(cur.value===currentDay){
+										this.dayDataList = cur['arr']
+										this.current = index1
+									}
+								})
+							} else {
+								this.selectDayList = this.selectList[this.selectList.length - 1]['item']
 								this.chooseValue = item.name
-							}else{
+								this.dayDataList = this.selectList[this.selectList.length - 1]['item'][0]['arr']
-								this.monthList = this.selectList[this.selectList.length-1]['item']
+							}
-								this.chooseValue = item.name
+						})
-							}
+					}
-						})
+
-					}
-					
 				}
-				
+
-				
+
 			},
 			changeMonth(e) {
-				console.log("e",e,this.chooseValue)
+				console.log("e", e, this.chooseValue)
-				this.monthList = e.item
+				this.selectDayList = e.item
-			},
+				this.dayDataList = e.item[0]['arr']
-			changeAll(){
+				this.current = 0
-				this.chooseValue = ''
+				this.isAll = false
-				this.monthList = this.list
 			},
+			changeAll() {
+				this.current = 0
+				this.selectDayList = []
+				this.dayDataList = this.list
+				this.isAll = true
+				// this.$set(this,'chooseValue','请选择')
+			},
+			// 切换日期
+			changeSearchDay(e) {
+				console.log("e1", e)
+				this.current = e
+				this.dayDataList = this.selectDayList[e]['arr']
+			},
+			// 将日期换成 年月合并
 			groupByMonthAndSort(a) {
 				// 创建一个空对象来存储按月份分组的数据
 				const groupedData = {};
@@ -103,20 +133,45 @@
 					}
 					// 将当前对象添加到对应的月份数组中
 					groupedData[monthKey].push(item);
-				});
+				});
-				let _arr = []
+				let _arr = []
-
+				for (var k in groupedData) {
-				for(var k in groupedData){
+					_arr.push({
-					_arr.push({
+						name: k,
-						name:k,
+						item: groupedData[k],
-						item:groupedData[k],
+						id: k
-						id:k
+					})
-					})
+				}
-				}
+				this.selectList = this.transformItemsToObject(_arr)
-				this.selectList = _arr
 				// 返回重组后的数据
 				return groupedData;
-			}
+			},
+			// 将 想同日期的合并
+			transformItemsToObject(arr) {
+				return arr.map(month => {
+					const transformedItems = month.item.reduce((acc, curr) => {
+						const key = curr.monthday;
+						const existingItem = acc.find(item => item.value === key);
+
+						if (existingItem) {
+							existingItem.arr.push(curr);
+						} else {
+							acc.push({
+								value: key,
+								arr: [curr]
+							});
+						}
+
+						return acc;
+					}, []);
+
+					return {
+						...month,
+						item: transformedItems
+					};
+				});
+			},
+
 		}
 
 	}
@@ -137,28 +192,41 @@
 			height: 100vh;
 		}
 
-		.search {
+
-			width:100%;
+		.search {
-			padding: 30rpx;
+			position: fixed;
-			position: fixed;
+			top: 0;
-			top:0;
+			left: 0;
-			left:0;
+			width: 100%;
-			display: flex;
+			width: 100%;
-			justify-content: space-between;
+			padding: 30rpx;
-			align-items: center;
+			display: flex;
-			box-shadow: 1rpx -4rpx 15rpx 0 #333;
+			justify-content: space-between;
-			z-index:9;
+			align-items: center;
-			background-color: #fff;
+			box-shadow: 1rpx -4rpx 15rpx 0 #333;
-			height:100rpx;
+			z-index: 9;
-			.all {
+			background-color: #fff;
-				font-size: 28rpx;
+			height: 100rpx;
-				color:#b89155;
+
+			.all {
+				font-size: 28rpx;
+				color: #b89155;
 			}
 		}
 
+		.search-tab {
+			// position: fixed;
+			// top: 100rpx;
+			// left: 0;
+			// width: 100%;
+			margin-top: 100rpx;
+			background-color: #fff;
+		}
+
 		.wrap {
 			position: relative;
-			padding-top:100rpx;
+			// padding-top: 20rpx;
+
 			.item {
 				background-color: #fff;
 				padding: 30rpx;

packages/mycourse/detail.vue

@@ -3,6 +3,7 @@
 		<image class="cbg" :src="base.imgHost('common_bg.png')"></image>
 		<view class="wrap">
 			<view class="wrap-title">
+				<text v-if="info.course.year">{{info.course.year+'年'}}</text>
 				<text v-if="info.course.type">{{info.course.type_detail?info.course.type_detail.name+' | ':''}}</text>
 				{{info.course?info.course.name:''}}
 			</view>