报名功能

pages/mine/card/my-card.vue

@@ -2,7 +2,7 @@
 	<view :class="['my-card-box',ifChoose?'has-footer':'']">
 		<navigation-bar-vue title="我的名片" style="width: 100%;" background-color="#ffffff"
 			title-color="#000000"></navigation-bar-vue>
-		<view class="opt-box" v-if="!ifChoose">
+		<view class="opt-box">
 			<view v-if="!ifEdit" class="item-dom" @click="manager(true)"><uni-icons type="bars" color="#FC1F3E"
 					size="16"></uni-icons><text>管理</text></view>
 			<view v-if="!ifEdit" class="item-dom" @click="addCard()">
@@ -19,7 +19,7 @@
 			<view class="card-dom " v-for="item in busiCardList">
 				<!-- 多选框--管理状态或者选择名片时使用 -->
 				<view class="choose-dom" v-if="ifChoose">
-					<uni-data-checkbox v-model="item.choosed" :disabled="1!=item.approvalStatus" multiple
+					<uni-data-checkbox v-model="item.choosed" :disabled="item.canUse=='0'" multiple
 						:localdata="checkboxArray" />
 				</view>
 				<view :class="['right-content',item.choosed.length>0?'click':'']">
@@ -62,7 +62,7 @@
 			</view>
 			<view class="right-button">
 				<text>已选择{{getChooseNum}}张</text>
-				<view class="button-dom">保存</view>
+				<view class="button-dom" @click="chooseOk">保存</view>
 			</view>
 		</view>
 	</view>
@@ -77,12 +77,20 @@
 		getUserBusiCard,
 		removeBusiCard
 	} from '@/api/business/member.js'
+	import {
+		getSignCard
+	} from '@/api/business/signCard.js'
+	import {
+		hasRights
+	} from '@/utils/common.js'
+	import rightsCode from '@/utils/rightsCode.js'
 	export default {
 		components: {
 			navigationBarVue
 		},
 		data() {
 			return {
+				noticeId: null,
 				//是否是管理模式
 				ifEdit: false,
 				//是否是选择模式(默认值为false，管理页面)
@@ -106,7 +114,29 @@
 		onShow() {
 			this.initData();
 		},
+		onLoad(param) {
+			if (param.ifChoose) {
+				this.ifChoose = param.ifChoose
+
+			}
+			if (param.noticeId) {
+				this.noticeId = param.noticeId
+			}
+		},
 		methods: {
+			chooseOk() {
+				let info = hasRights(rightsCode.manyCardReport)
+				if (!info && this.busiCardList.length > 1) {
+					//未开通不可选多个
+					uni.showToast({
+						title: '未开通会员不可添加多个',
+						icon: 'none'
+					})
+					return
+				}
+				uni.$emit('updateCard', this.busiCardList)
+				uni.navigateBack()
+			},
 			/**
 			 * 数值单位转换
 			 * @param {Object} number
@@ -117,20 +147,40 @@
 			//查询名片列表
 			initData() {
 				this.busiCardList = []
-				getUserBusiCard().then(res => {
-					if (res.data.length > 0) {
-						res.data.map((item) => {
-							item.choosed = []
-							this.busiCardList.push(item)
-						})
-					}
-				}).catch((e) => {
-					uni.showToast({
-						icon: 'error',
-						duration: 2000,
-						title: e
-					});
-				})
+				if (!this.ifChoose) {
+					getUserBusiCard().then(res => {
+						if (res.data.length > 0) {
+							res.data.map((item) => {
+								item.choosed = []
+								this.busiCardList.push(item)
+							})
+						}
+					}).catch((e) => {
+						uni.showToast({
+							icon: 'error',
+							duration: 2000,
+							title: e
+						});
+					})
+				} else {
+					getSignCard({
+						noticeId: this.noticeId
+					}).then(res => {
+						if (res.data.list.length > 0) {
+							res.data.list.map((item) => {
+								item.choosed = []
+								this.busiCardList.push(item)
+							})
+						}
+					}).catch((e) => {
+						uni.showToast({
+							icon: 'error',
+							duration: 2000,
+							title: e
+						});
+					})
+				}
+
 			},
 			/**删除名片*/
 			remove(id) {
@@ -159,13 +209,13 @@
 			chooseAllFun(e) {
 				if (e.detail.value.length > 0) {
 					this.busiCardList.map((item) => {
-						if ("1" == item.approvalStatus) {
+						if ("1" == item.canUse) {
 							item.choosed = [true]
 						}
 					})
 				} else {
 					this.busiCardList.map((item) => {
-						if ("1" == item.approvalStatus) {
+						if ("1" == item.canUse) {
 							item.choosed = []
 						}
 					})
@@ -424,4 +474,4 @@
 			}
 		}
 	}
-</style>
+</style>

pages/notice/detail.vue

@@ -435,6 +435,7 @@
 			},
 			dialogConfirm() {
 				console.log('点击确认')
+				this.$tab.navigateTo('/pages/mine/card/my-card')
 			},
 			dialogClose() {
 				console.log('点击关闭')
@@ -454,7 +455,7 @@
 				}).then(res => {
 					if (res.code == 200) {
 						if (res.data.canUserNum > 0) {
-							this.$tab.navigateTo('/pages/notice/report')
+							this.$tab.navigateTo('/pages/notice/report?noticeId=' + this.noticeId)
 						} else {
 							this.$refs.alertDialog.open()
 						}

pages/notice/report.vue

@@ -4,16 +4,17 @@
 			title-color="#3D3D3D"></navigation-bar-vue>
 		<view class="notice-detail-last-box">
 			<view class="dl-notice-title">
-				<image class="dl-image" src="/static/platform/xiaohongshu.png" mode="aspectFit"></image>
-				<view class="dl-text">找小红书达人种草【蓝月亮】洗衣液</view>
+				<image class="dl-image" :src="'/static/platform/'+noticeDetail.platformCode+'.png'" mode="aspectFit">
+				</image>
+				<view class="dl-text">{{noticeDetail.title||''}}</view>
 			</view>
 			<view class="end-date-box">
-				<view class="end-date">截止日期：2024-03-04</view>
+				<view class="end-date">截止日期：{{noticeDetail.endDate||''}}</view>
 			</view>
 			<!-- 主体内容区域 -->
 			<view class="main-content">
 				<!-- 会员开通 -->
-				<view class="dl-member-box" @click="goMemberCard()">
+				<view class="dl-member-box" @click="goMemberCard()" v-if="!rightInfo.manyCardReport">
 					<view class="dl-left">
 						<image class="dl-icon" src="@/static/index/zuanshi.png" mode="aspectFit"></image>
 						<text>开通会员 添加更多名片</text>
@@ -23,7 +24,7 @@
 					</view>
 				</view>
 				<!-- 添加更多名片 -->
-				<view class="add-more-card" @click="goMemberCard()">
+				<view class="add-more-card" @click="goSignCard()" v-else>
 					<view class="dl-left">
 						<image class="dl-icon" src="@/static/detail/card.png" mode="aspectFit"></image>
 						<text>添加更多名片</text>
@@ -36,23 +37,23 @@
 				<view class="member-card-box" v-for="(item,index) in cardList">
 					<view class="card-title">
 						<!-- 需要根据平台code取对应的图片 TODO -->
-						<image src="@/static/platform/xiaohongshu.png" mode="aspectFit"></image>
-						<text>小红书博主</text>
+						<image :src="'/static/platform/'+item.platformCode+'.png'" mode="aspectFit"></image>
+						<text>{{item.platformName+'博主'}}</text>
 					</view>
 					<view class="card-content">
 						<view class="card-person-info">
 							<view class="card-name">
-								<view>小王同学</view>
+								<view>{{item.accountName}}</view>
 							</view>
 						</view>
 					</view>
 					<view class="card-bottom">
 						<view class="fans-dom">
-							粉丝 {{ formatNumberWithUnits(100000) }}
+							粉丝 {{ formatNumberWithUnits(item.fansNum) }}
 						</view>
 						<view class="change-dom-bg">
 						</view>
-						<view class="change-dom">
+						<view class="change-dom" @click="goMyCard()">
 							切换
 						</view>
 					</view>
@@ -65,12 +66,10 @@
 						<text>注意：为了您的信息安全，平台不建议填写您的银行卡号、身份证号、密码等隐私信息。</text>
 					</view>
 					<view class="field-form-box">
-						<uni-forms ref="baseForm" :modelValue="baseFormData">
-							<uni-forms-item label="姓名" required>
-								<uni-easyinput type="text" v-model="baseFormData.name" placeholder="请输入姓名" />
-							</uni-forms-item>
-							<uni-forms-item label="年龄" required>
-								<uni-easyinput type="number" v-model="baseFormData.age" placeholder="请输入年龄" />
+						<uni-forms>
+							<uni-forms-item v-for="(it,idx) in signFormData.customForm" :label="it.label" required
+								labelWidth="100">
+								<uni-easyinput v-model="signFormData.customForm[idx].value" placeholder="请输入" />
 							</uni-forms-item>
 						</uni-forms>
 					</view>
@@ -78,21 +77,21 @@
 				<!-- 联系方式 -->
 				<view class="custom-form-box" style="padding: 0 25rpx;">
 					<view class="field-form-box">
-						<uni-forms ref="telForm" :modelValue="telFormData">
-							<uni-forms-item label="联系方式" required labelWidth="100">
-								<uni-easyinput type="number" v-model="baseFormData.name" placeholder="请输入姓名" />
+						<uni-forms ref="signForm" :modelValue="signFormData" :rules="signRules">
+							<uni-forms-item label="联系方式" required labelWidth="100" name="tel">
+								<uni-easyinput type="number" v-model="signFormData.tel" placeholder="请输入微信/手机号" />
 							</uni-forms-item>
 						</uni-forms>
 					</view>
 				</view>
 				<!-- 收件地址 -->
-				<view class="custom-addr-box">
+				<view class="custom-addr-box" v-if="userAddr">
 					<view class="left-text">收件地址</view>
 					<view class="right-text">
-						<text>中国 山东省 济南市 历城区</text>
-						<text>财富中心1007A</text>
-						<text>朱春运</text>
-						<text>17862909999</text>
+						<text>{{userAddr.cityName}}</text>
+						<text>{{userAddr.detail}}</text>
+						<text>{{userAddr.name}}</text>
+						<text>{{userAddr.tel}}</text>
 					</view>
 					<view class="change-addr-dom">切换</view>
 				</view>
@@ -116,22 +115,69 @@
 		formatNumberWithUnits
 	} from '@/utils/common.js'
 	import navigationBarVue from '@/components/navigation/navigationBar.vue';
+	import {
+		getSignCard
+	} from '@/api/business/signCard.js'
+	import {
+		getNoticeDetail
+	} from '@/api/business/notice';
+	import {
+		hasRights
+	} from '@/utils/common.js'
+	import rightsCode from '@/utils/rightsCode.js'
+	import {
+		getUserAddress
+	} from '@/api/business/member.js'
 	export default {
 		components: {
 			navigationBarVue
 		},
 		data() {
 			return {
-				//使用的会员卡数组
-				cardList: ['', ''],
-				// 基础表单数据
-				baseFormData: {
-					name: '',
-					age: ''
+				signRules: {
+					// 对联系方式字段进行必填验证
+					tel: {
+						// tel 字段的校验规则
+						rules: [
+							// 校验 tel 不能为空
+							{
+								required: true,
+								errorMessage: '请填写联系方式',
+							}
+						]
+					}
 				},
+				noticeId: null,
+				//使用的会员卡数组
+				cardList: [],
+				// 基础表单数据
 				// 联系方式表单
-				telFormData: {
-					tel: ""
+				signFormData: {
+					tel: null,
+					customForm: []
+				},
+				//通告详情
+				noticeDetail: {
+					id: "",
+					title: "",
+					endDate: null,
+					feeDown: null,
+					feeUp: null,
+					needNum: null,
+					userId: null,
+					brand: null,
+					fansDown: null,
+					fansUp: null,
+					city: null,
+					bloggerTypes: null,
+					updateTime: null,
+					approvalStatus: '0',
+					viewNum: 0,
+					detail: null,
+					platformCode: "",
+					platformName: "",
+					//通告产品图
+					imageArray: []
 				},
 				// 校验规则
 				rules: {
@@ -151,9 +197,47 @@
 						}]
 					}
 				},
+				rightInfo: {
+					manyCardReport: false,
+					superReport: false
+				},
+				userAddr: null
 			}
 		},
+		onShow() {
+			this.getRightsCode()
+		},
+		onLoad(params) {
+			this.noticeId = params.noticeId
+			if (this.noticeId) {
+				this.getDetail()
+			}
+			this.getCard()
+			this.userAddress()
+			let that = this
+			uni.$on('updateCard', function(data) {
+				that.updateCard(data)
+			})
+
+		},
 		methods: {
+			userAddress() {
+				getUserAddress().then(res => {
+					if (res.data && res.data.length > 0) {
+						this.userAddr = res.data[0]
+					}
+				})
+			},
+			updateCard(data) {
+				console.log(data, 211);
+				this.cardList = data
+			},
+			/**
+			 * 跳转名片列表
+			 */
+			goMyCard() {
+				this.$tab.navigateTo('/pages/mine/card/my-card?ifChoose=true&noticeId=' + this.noticeId)
+			},
 			/**
 			 * 数值单位转换
 			 * @param {Object} number
@@ -161,8 +245,66 @@
 			formatNumberWithUnits(number) {
 				return formatNumberWithUnits(number)
 			},
+			getRightsCode() {
+				let info = hasRights(rightsCode.manyCardReport)
+				if (!info) {
+					this.rightInfo.manyCardReport = false
+				} else {
+					this.rightInfo.manyCardReport = true
+				}
+			},
+			goSignCard() {
+				this.$tab.navigateTo('/pages/mine/card/my-card')
+			},
+			goMemberCard() {
+				this.$tab.navigateTo('/pages/mine/member/member-card')
+			},
+			getDetail() {
+				getNoticeDetail({
+					noticeId: this.noticeId
+				}).then(res => {
+					if (res.code == 200) {
+						this.noticeDetail = res.data.noticeDetail
+						if (this.noticeDetail.customForm.length > 0) {
+							this.noticeDetail.customForm.forEach(it => {
+								this.signFormData.customForm.push({
+									label: it,
+									value: ''
+								})
+							})
+						}
+					}
+					console.log(this.signFormData, 269);
+				}).catch((e) => {
+					this.isTriggered = false
+					uni.showToast({
+						icon: 'error',
+						duration: 2000,
+						title: e
+					});
+				})
+			},
+			/**
+			 * 报名
+			 */
+			getCard() {
+				getSignCard({
+					noticeId: this.noticeId
+				}).then(res => {
+					if (this.cardList.length == 0) {
+						this.cardList.push(res.data.list[0])
+					}
+
+				}).catch((e) => {
+					uni.showToast({
+						icon: 'error',
+						duration: 2000,
+						title: e
+					});
+				})
+			},
 			submit() {
-				this.$refs.baseForm.validate().then(res => {
+				this.$refs.signForm.validate().then(res => {
 					console.log('success', res);
 					uni.showToast({
 						title: `校验通过`
@@ -613,4 +755,4 @@
 			}
 		}
 	}
-</style>
+</style>