7.21存档，实现达人登录

page_tasksquare/wholetask/taskdetail.vue

@@ -172,6 +172,13 @@
 					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
 					<p style="font-size: 28rpx;">带货链接</p>
 				</view>
+				<!-- 收藏 -->
+				<view
+					style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 20rpx;"
+					@click="handleCollection(information.project_id)">
+					<image style="width: 50rpx;height: 50rpx;" :src="picture.icon_copy2"></image>
+					<p style="font-size: 28rpx;">收藏</p>
+				</view>
 			</view>
 			<view>
 				<button type="default" class="but1" :loading="loading" :class="{'on':item.title === '1',}"
@@ -726,6 +733,17 @@
 					}
 				});
 			},
+			handleCollection(project_id){
+				this.$https.post('/youngee/c/t/p/project-collection'+
+				"?" +
+				"project_id" +
+				"="+
+				project_id
+				).then(res => {
+						console.log("project_id--->",project_id)
+						console.log("res--->",res)
+					})
+			},
 			postlist() {
 				// uni.showModal({
 				// 	content: "项目id为："+this.projectid,
@@ -794,6 +812,7 @@
 					"=" +
 					this.projectid
 				).then(res => {
+					console.log("get-project-detail--> ", res)
 					if (res.data.code === 0) {
 						this.information = res.data.data
 						this.hasNoProjectPhoto = this.information.ProjectPhoto === null ? true : false;

pages.json

@@ -64,6 +64,14 @@
 				"navigationBarTextStyle": "black"
 			}
 		},
+		{
+			"path": "pages/test/button",
+			"style": {
+				"navigationBarTitleText": "YoungGee",
+				"navigationStyle": "custom",
+				"navigationBarTextStyle": "black"
+			}
+		},
 		{
 			"path": "pages/byd/byd",
 			"style": {

pages/login/login.vue

@@ -16,6 +16,7 @@
 			<!-- open-type="getPhoneNumber"是该能力旨在帮助开发者向用户发起手机号申请，并且必须经过用户同意后，开发者才可获得由平台验证后的手机号，进而为用户提供相应服务。 -->
 			<button class="login-btn" open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber" 
 				>授权登录</button>
+			
 
 			<button class="exit-btn" @click="exit()">取消登录</button>
 			<view class="xieyi">
@@ -560,7 +561,7 @@
 				console.log('into islogin()')
 				return this.$https.get('/youngee/c/t/g/is-login')
 					.then(res => {
-						console.log('判断是否登录res:******  ',res)
+						console.log('判断是否登录res:******  ', res)
 						if (res.data.code === 403) {
 							// 登陆已失效
 							this.token = ""
@@ -637,19 +638,20 @@
 			},
 			// 获取手机号
 			onGetPhoneNumber(e) {
-				console.log('调用ongetphonenum')
+				console.log('调用   ongetphonenum===》')
 				if (e.detail.errMsg === "getPhoneNumber:fail user deny") { //用户决绝授权  
 					//拒绝授权后弹出一些提示  
+					console.log('用户取消')
 				} else {
 					//允许授权  
 					// e中包含getphonenumber成功之后的信息
-					console.log('e ：',e)
-					console.log('动态令牌（用此获取手机号）',e.detail.code)
+					console.log('e ：', e)
+					console.log('动态令牌（用此获取手机号）', e.detail.code)
 					e.detail.encryptedData //加密的用户信息  
 					e.detail.iv //加密算法的初始向量  时要用到
 					try {
 						//用户同意授权就行了，项目貌似不需要获取用户手机号
-						this.login();
+						this.login(e.detail.code);
 					} catch (e) {
 						console.log('未进入login()')
 					}
@@ -672,7 +674,7 @@
 				}
 			},
 			//登录
-			login() {
+			login(arg) {
 				console.log('into login()')
 				let _this = this;
 				// 获取登录用户code
@@ -683,11 +685,13 @@
 					success: function(res) {
 						if (res.code) {
 							let code = res.code;
-							_this.$https.post('/youngee/c/p/login', {
+							console.log('uni.login的返回的code===》',code)
+							_this.$https.post('/youngee/c/p/login', {   
 									code: res.code, //wx.login 登录成功后的code 
 									gender: _this.gender,
 									avatar: _this.avatarUrl,
-									nickname: _this.nickname
+									nickname: _this.nickname,
+									getphonecode: arg   //为了获得手机号的code
 								})
 								.then(res => {
 									if (res.data.code === -6) {
@@ -942,4 +946,4 @@
 		font-size: 24rpx;
 		color: #969696;
 	}
-</style>
+</style>

pages/selectionsquare/selectionsquare.vue

@@ -158,6 +158,7 @@
 								<p>查看</p>
 							</view>
 						</view>
+						
 
 						<view class="projectinfotxt" style="margin: 0 10rpx;" v-if="item.sample_mode == 1">
 							<p>余<span style="color: #52b2f0;">{{item.remain_num}}</span>件</p>

pages/tasksquare/tasksquare.vue

@@ -118,8 +118,8 @@
 						</view>
 						<view class="rright" style="display: flex;justify-content:space-between;">
 							<p>招募人数： <span style="color: balck;font-weight: 600;">{{item.taskNum}}</span></p>
-							<p>报名人数： <span style="color: balck;font-weight: 600;">{{item.apply_num}}</span>
-							</p>
+							<p>报名人数： <span style="color: balck;font-weight: 600;">{{item.apply_num}}</span></p>
+							<p>浏览量： <span style="color: balck;font-weight: 600;">{{item.watched_num}}</span></p>
 						</view>
 
 					</view>
@@ -477,7 +477,7 @@
 					"=" +
 					20 + this.filtCondition
 				).then(res => {
-					console.log(res)
+					console.log('种草list返回：',res)
 					if (res.data.code === 0) {
 						for (var i = 0; i < res.data.data.ProjectInfos.length; i++) {
 							res.data.data.ProjectInfos[i].ProductInfo = JSON.parse(res.data.data.ProjectInfos[i]

pages/test/button.vue

@@ -0,0 +1,101 @@
+<template>
+  <view class="button-container" style="margin-top: 200rpx;">
+    <button class="button" @click="handleClick">
+      <view class="button-left">
+        <text class="button-text">免费领</text>
+      </view>
+      <view class="button-right">
+        <text class="button-remain">样品剩余{{ remain }}个</text>
+      </view>
+      <image src="https://horastar.obs.cn-east-3.myhuaweicloud.com/youngee/talent_upload/button_flash.png" class="button-icon"></image>
+    </button>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      remain: 100 // 这是一个示例数值，你可以通过接口获取并动态更新这个值
+    };
+  },
+  methods: {
+    handleClick() {
+      // 处理按钮点击事件
+      console.log('按钮被点击了');
+      // 在这里添加点击后的逻辑，例如跳转页面或发送请求
+      uni.showToast({
+        title: '按钮被点击了',
+        icon: 'none'
+      });
+    }
+  },
+  mounted() {
+    // 示例请求，你需要根据实际接口地址和返回数据结构进行修改
+    uni.request({
+      url: 'https://your-api-endpoint.com/get-remaining-samples',
+      success: (res) => {
+        this.remain = res.data.remain; // 假设接口返回的数据结构中有remain字段
+      },
+      fail: (err) => {
+        console.error(err);
+      }
+    });
+  }
+};
+</script>
+
+<style>
+.button-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.button {
+  display: flex;
+  align-items: center;
+  border-radius: 20px;
+  padding: 5px;
+  border: none; /* 使 button 边框消失 */
+  background-color: transparent; /* 背景透明 */
+  position: relative; /* 相对定位以便图标定位 */
+}
+
+.button-left {
+  display: flex;
+  align-items: center;
+  background-color: #ff4d4d;
+  border-top-left-radius: 20px;
+  border-bottom-left-radius: 20px;
+  padding: 10px 15px;
+}
+
+.button-right {
+  display: flex;
+  align-items: center;
+  background-color: #ffe8d8;
+  border-top-right-radius: 20px;
+  border-bottom-right-radius: 20px;
+  padding: 10px 15px;
+}
+
+.button-text {
+  color: white;
+  font-weight: bold;
+}
+
+.button-icon {
+  width: 100rpx;
+  height: 180rpx;
+  position: absolute;
+  top: 50%;
+  left: 38%;
+  transform: translate(-50%, -50%);
+  z-index: 10; /* 确保图标在最上层 */
+}
+
+.button-remain {
+  color: #a9a9a9;
+}
+</style>