From 67d6b41b655945ae12b658a0cc38852924307497 Mon Sep 17 00:00:00 2001
From: liutong <836164388@qq.com>
Date: Tue, 11 Mar 2025 14:59:47 +0800
Subject: [PATCH] =?UTF-8?q?refactor(coach/home):=20=E9=87=8D=E6=9E=84?=
 =?UTF-8?q?=E6=95=99=E7=BB=83=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了大部分原有代码，包括模板、脚本和样式
- 添加了新的模板结构，分为三个部分
-优化了样式，使用了less和scoped属性
---
 pages.json                    |   2 +-
 pages/coach/home/index.vue    | 415 ++++++++++++----------------------
 pages/student/index/index.vue |   7 -
 3 files changed, 142 insertions(+), 282 deletions(-)

diff --git a/pages.json b/pages.json
index 43ebcdb..b65d17e 100644
--- a/pages.json
+++ b/pages.json
@@ -57,7 +57,7 @@
         "navigationBarBackgroundColor": "#fff",
         "navigationBarTextStyle": "black"
       }
-    },
+    }
 
   ],
   "globalStyle": {
diff --git a/pages/coach/home/index.vue b/pages/coach/home/index.vue
index 180a71f..4c5d854 100644
--- a/pages/coach/home/index.vue
+++ b/pages/coach/home/index.vue
@@ -1,281 +1,148 @@
 <template>
-	<view>
-		<view class="top">
-			<view class="top_1">发现</view>
-			<view class="top_2" @click="publishing"><fui-icon name="plussign" size="80" fontWeight="Number"></fui-icon></view> 
-		</view>
-		<view style="position: relative;" class="middle" v-for="(item, index) in list" :key="index"  v-if="list.length > 0">
-			<view class="middles">
-				<view class="middles_1" v-if="item.headimg">
-					<image class="middles_1_img" :src="item.headimg"></image>
-				</view>
-				<view class="middles_1" v-else>
-					<image class="middles_1_img" src="/static/images/home/tixing.png"></image>
-				</view>
-				<view class="middles_2">
-					<view class="middles_info1">{{item.user}}</view>
-					<view class="middles_info2">{{item.timedifference}}</view>
-				</view>
-			</view>
-			<view class="shoucang" style="border: 5rpx #f8627f solid;color: #f8627f;" v-if="item.collections == 1" @click="collection(item.id,um_id)">收藏</view>
-			<view class="shoucang" style="border: 5rpx #ccc solid;" v-else @click="collection(item.id,um_id)">收藏</view>
-			<view @click="coninfo(item)" style="height: 300rpx;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;">
-				<view class="middles_con">
-					{{item.activity}}
-				</view>
-				<view class="middles_con" v-if="item.imagesnum!=0">
-					<view>
-						<view style="width: 32%;height: 200rpx;display: inline-block;margin:2rpx;" v-for="(item1, index) in item.images" :key="index">
-							<image :src="item1" style="width: 100%;height: 100%;"></image>
-						</view>
-					</view>
-				</view>
-				<view class="middles_con">
-					{{item.content}}
-				</view>
-			</view>
-			<view class="middles_con" style="font-size: 20rpx;color: #ccc;" @click="coninfo(item)">
-				点击内容查看详情
-			</view>
-			<view class="middles_bom">
-				<view class="middles_bom_1 middles_boms" v-if="item.area">{{item.area}}</view>
-				<view class="middles_bom_2 middles_boms">
-					<fui-icon name="fabulous-fill" color="#f8627f" size="45" @click="like(item.id,item.um_id)"></fui-icon>
-					{{item.likes}}
-				</view>
-				<view class="middles_bom_3 middles_boms" @click="Comment(item.id)">
-					<fui-icon name="comment-fill" color="#6281a6" size="45"></fui-icon>
-					{{item.comment}}
-				</view>
-			</view>
-			<view style="width: 100%;height: 20rpx;"></view>
-		</view>
-		<view class="empty" v-if="!list.length">
-			<view style="width: 200rpx;">
-				<img src="@/static/icon-img/kkry.png" alt="" style="width: 180rpx;height: 180rpx;">
-				<view style="font-size: 28rpx;font-weight: 800;color: #00be8c;">
-					还没有任何提醒
-				</view>
-			</view>
-		</view>
-		
-		<view style="width: 100%;height: 20rpx;"></view>
-	</view>
+  <view>
+    <view class="section_1">
+      <view class="text_box">
+        <text>月授课数</text>
+        <text>12</text>
+        <text>节，月负责学员</text>
+        <text>188</text>
+        <text>名</text>
+      </view>
+    </view>
+    <view class="section_2"></view>
+    <view class="section_3"></view>
+    <view class="section_3"></view>
+  </view>
 </template>
 
 <script>
-	import user from '@/api/user.js';
-	import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
-	export default {
-		components:{
-				fuiIcon
-			},
-		data() {
-			return {
-				list:[],
-				likes:0,
-				type:1,
-				type1:1,
-				activity_id:0,
-				um_id:0,
-				urls:'http://medication.zeyan.wang/'
-			}
-		},
-		onLoad() {
-			const um_id = uni.getStorageSync('um_id');
-			this.um_id = um_id
-			if (um_id == '') {
-				uni.navigateTo({
-					url: '/pages/login/login'
-				})
-			}
-			this.fetchData(this.um_id)
-		},
-		methods: {
-			fetchData(um_id) {
-				user.activity_index({
-			      um_id: um_id
-			    }).then(res => {
-					console.log(res)
-					if(res.status == 200){
-						if(res.data == null){
-							this.list = []
-						}else{
-							this.list = res.data
-						}
-					}else{
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						})
-					}
-				});
-			},
-			onPullDownRefresh(){
-				this.fetchData(this.um_id)
-			},
-			publishing(){
-				uni.navigateTo({
-					url: '/pages/index/publishing'
-				})
-			},
-			like(id,um_id){
-				user.activity_like({um_id:um_id,activity_id:id,type:1}).then(res => {
-					if(res.status == 200){
-						user.activity_index({
-						  um_id: um_id
-						}).then(res => {
-							console.log(res)
-							if(res.status == 200){
-								this.list = res.data
-							}
-						});
-						this.type = res.data.type
-						this.activity_id = res.data.activity_id
-					}else{
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						})
-					}
-				});
-			},
-			collection(id,um_id){
-				user.activity_like({um_id:um_id,activity_id:id,type:2}).then(res => {
-					if(res.status == 200){
-						console.log(res)
-						this.fetchData(this.um_id)
-						this.type1 = res.data.type
-						this.activity_id = res.data.activity_id
-					}else{
-						uni.showToast({
-							title: res.msg,
-							icon: 'none'
-						})
-					}
-				});
-			},
-			coninfo(item){
-				// user.coninfo({id:id}).then(res => {
-				// 	if(res.status == 200){
-						uni.setStorageSync('coninfo', item);
-						uni.navigateTo({
-							url: '/pages/index/coninfo'
-						})
-					// }else{
-					// 	uni.showToast({
-					// 		title: res.msg,
-					// 		icon: 'none'
-					// 	})
-					// }
-				// });
-			},
-			Comment(id){
-				uni.setStorageSync('actid', id);
-				uni.navigateTo({
-					url: '/pages/index/Comment'
-				})
-			}
-		}
-	}
+import user from '@/api/user.js';
+import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+
+export default {
+  components: {
+    fuiIcon
+  },
+  data() {
+    return {
+      list: [],
+      likes: 0,
+      type: 1,
+      type1: 1,
+      activity_id: 0,
+      um_id: 0,
+      urls: 'http://medication.zeyan.wang/'
+    }
+  },
+  onLoad() {
+    const um_id = uni.getStorageSync('um_id');
+    this.um_id = um_id
+    if (um_id == '') {
+      uni.navigateTo({
+        url: '/pages/login/login'
+      })
+    }
+    this.fetchData(this.um_id)
+  },
+  methods: {
+    fetchData(um_id) {
+      user.activity_index({
+        um_id: um_id
+      }).then(res => {
+        console.log(res)
+        if (res.status == 200) {
+          if (res.data == null) {
+            this.list = []
+          } else {
+            this.list = res.data
+          }
+        } else {
+          uni.showToast({
+            title: res.msg,
+            icon: 'none'
+          })
+        }
+      });
+    },
+    onPullDownRefresh() {
+      this.fetchData(this.um_id)
+    },
+    publishing() {
+      uni.navigateTo({
+        url: '/pages/index/publishing'
+      })
+    },
+    like(id, um_id) {
+      user.activity_like({um_id: um_id, activity_id: id, type: 1}).then(res => {
+        if (res.status == 200) {
+          user.activity_index({
+            um_id: um_id
+          }).then(res => {
+            console.log(res)
+            if (res.status == 200) {
+              this.list = res.data
+            }
+          });
+          this.type = res.data.type
+          this.activity_id = res.data.activity_id
+        } else {
+          uni.showToast({
+            title: res.msg,
+            icon: 'none'
+          })
+        }
+      });
+    },
+    collection(id, um_id) {
+      user.activity_like({um_id: um_id, activity_id: id, type: 2}).then(res => {
+        if (res.status == 200) {
+          console.log(res)
+          this.fetchData(this.um_id)
+          this.type1 = res.data.type
+          this.activity_id = res.data.activity_id
+        } else {
+          uni.showToast({
+            title: res.msg,
+            icon: 'none'
+          })
+        }
+      });
+    },
+    coninfo(item) {
+      // user.coninfo({id:id}).then(res => {
+      // 	if(res.status == 200){
+      uni.setStorageSync('coninfo', item);
+      uni.navigateTo({
+        url: '/pages/index/coninfo'
+      })
+      // }else{
+      // 	uni.showToast({
+      // 		title: res.msg,
+      // 		icon: 'none'
+      // 	})
+      // }
+      // });
+    },
+    Comment(id) {
+      uni.setStorageSync('actid', id);
+      uni.navigateTo({
+        url: '/pages/index/Comment'
+      })
+    }
+  }
+}
 </script>
 
-<style>
-	.empty {
-		width: 100%;
-		display: flex;
-		flex-wrap: wrap;
-		justify-content: center;
-		height: 85vh;
-		align-items: center;
-	}
-	.top{
-		background-color: #fff;
-		height: 100rpx;
-		width: 100%;
-	}
-	.top_1{
-		display: inline-block;
-		font-size: 55rpx;
-		font-weight: bold;
-		margin-left: 30rpx;
-		line-height: 100rpx;
-	}
-	.top_2{
-		margin-left: 600rpx; 
-		position: absolute;
-		top: 15rpx;
-	}
-	.middle{
-		width: 95%;
-		background-color: #fff;
-		margin: auto;
-		margin-top: 20rpx;
-		border-radius: 10rpx;
-	}
-	.middles{
-		height: 150rpx;
-		/* background-color: aqua; */
-		margin-top: 20rpx;
-	}
-	.middles_1{
-		height: 100%;
-		width: 24%;
-		/* background-color: red; */
-		display: inline-block;
-	}
-	.middles_2{
-		width: 70%;
-		/* background-color: green; */
-		display: inline-block;
-		position: relative;
-		top: -15%;
-		left: 2%;
-	}
-	.middles_1_img{
-		width: 130rpx;
-		height: 130rpx;
-		margin-left: 12%;
-		border-radius: 100rpx;
-		margin-top: 6%;
-	}
-	.middles_info1{
-		font-size: 40rpx;
-		font-weight: bold;
-	}
-	.middles_info2{
-		color: #5e5e5e;
-	}
-	.middles_con{
-		width: 92%;
-		margin: 20rpx auto;
-		font-size: 30rpx;
-	}
-	.middles_bom{
-		padding: 30rpx 0 40rpx 25rpx;
-		position: relative;
-	}
-	.middles_boms{
-		display: inline-block;
-		color: #9297b2;
-	}
-	.middles_bom_2{
-		position: absolute;
-		right: 30%;
-	}
-	.middles_bom_3{
-		position: absolute;
-		right: 10%;
-	}
-	.shoucang{
-		position: absolute;
-		right: 10%;
-		top: 10%;
-		height: 60rpx;
-		width: 140rpx;
-		border-radius: 10rpx;
-		line-height: 54rpx;
-		text-align: center;
-	}
-	
+<style lang="less" scoped>
+
+.section_1{
+  border: 1px solid red;
+  width: 700rpx;
+  height: 264rpx;
+  border-radius: 14rpx;
+  .text_box{
+
+  }
+}
+
 </style>
\ No newline at end of file
diff --git a/pages/student/index/index.vue b/pages/student/index/index.vue
index 6a07f7d..2310948 100644
--- a/pages/student/index/index.vue
+++ b/pages/student/index/index.vue
@@ -1,8 +1,5 @@
 <template>
 	<view>
-<<<<<<< HEAD
-		<AQTabber></AQTabber>
-=======
 		<view class="top">
 			<view class="top_1">发现</view>
 			<view class="top_2" @click="publishing"><fui-icon name="plussign" size="80" fontWeight="Number"></fui-icon></view> 
@@ -65,7 +62,6 @@
 		<view style="width: 100%;height: 20rpx;"></view>
 
     <AQTabber/>
->>>>>>> d89f93ea456d0a15a017b476c9df62a3b4c831ed
 	</view>
 </template>
 
@@ -84,8 +80,6 @@
 			}
 		},
 		onLoad() {
-<<<<<<< HEAD
-=======
 			const um_id = uni.getStorageSync('um_id');
 			this.um_id = um_id
 			if (um_id == '') {
@@ -94,7 +88,6 @@
 				})
 			}
 			this.fetchData(this.um_id)
->>>>>>> d89f93ea456d0a15a017b476c9df62a3b4c831ed
 		},
 		methods: {
 			// fetchData(um_id) {