From 3bf955d804ed5d024807c68cd818039ef3d6630a Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Sat, 6 Jul 2024 18:26:46 +0800
Subject: [PATCH] add

---
 pageQuota/vipUser/index.vue | 1664 ++++++++++++++++++-----------------
 1 file changed, 835 insertions(+), 829 deletions(-)

diff --git a/pageQuota/vipUser/index.vue b/pageQuota/vipUser/index.vue
index 4e212c7..774a0bb 100644
--- a/pageQuota/vipUser/index.vue
+++ b/pageQuota/vipUser/index.vue
@@ -10,7 +10,8 @@
 				<up-form labelPosition="left" label-width="100rpx">
 					<up-form-item label="身份" borderBottom>
 						<up-radio-group v-model="Role" placement="row">
-							<up-radio activeColor="#20b128" label="行业会员" :name="1" style="margin-right: 10rpx;"></up-radio>
+							<up-radio activeColor="#20b128" label="行业会员" :name="1"
+								style="margin-right: 10rpx;"></up-radio>
 							<up-radio activeColor="#20b128" label="商户" :name="4"></up-radio>
 						</up-radio-group>
 					</up-form-item>
@@ -21,8 +22,8 @@
 
 	<view v-else>
 		<up-sticky bgColor="#fff" style="padding: 20rpx;">
-			<up-tabs v-if="Role == 1" :list="tabsLst" :itemStyle="{ width: '33vw', paddingBottom: '20rpx' }" lineColor='#50C758'
-				:current='currentTab' @change="tabsChange"></up-tabs>
+			<up-tabs v-if="Role == 1" :list="tabsLst" :itemStyle="{ width: '33vw', paddingBottom: '20rpx' }"
+				lineColor='#50C758' :current='currentTab' @change="tabsChange"></up-tabs>
 			<up-tabs v-else :list="tabsLst2" :itemStyle="{ width: '50vw', paddingBottom: '20rpx' }" lineColor='#50C758'
 				:current='currentTab' @change="tabsChange1"></up-tabs>
 		</up-sticky>
@@ -51,8 +52,8 @@
 					</up-form-item>
 					<up-form-item label="">
 						<view @click="showPop = true" style="width: 100%;">
-							<up-input style="pointer-events: none" v-model="formData.address" border="none" prefixIcon="map"
-								readonly placeholder="点击选择地址" :customStyle="{
+							<up-input style="pointer-events: none" v-model="formData.address" border="none"
+								prefixIcon="map" readonly placeholder="点击选择地址" :customStyle="{
 									background: '#F3F3F3', padding: '20rpx',
 									'border-radius': '30rpx'
 								}" :placeholderStyle="{ color: '#444444' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"
@@ -87,8 +88,8 @@
 					点击查看礼品包内容
 				</view>
 				<view class="gift-pack">
-					<view class="gift-pack-li" :class="index == giftIndex && 'act-gift'" v-for="(item, index) in rechargeList"
-						:key="index" @click="choseGift(index)">
+					<view class="gift-pack-li" :class="index == giftIndex && 'act-gift'"
+						v-for="(item, index) in rechargeList" :key="index" @click="choseGift(index)">
 						<view class="gift-pack-li-top" :class="index == giftIndex && 'act-gift-top'">
 							<text style="font-size: 40rpx;">{{ item.money }}</text><text>元采购包</text>
 						</view>
@@ -125,11 +126,12 @@
 						<up-input v-model="formData2.real_name" disabled border="none" prefixIcon="account"
 							placeholder="系统自动获取" color='grey'
 							:customStyle="{ background: '#F3F3F3', padding: '20rpx', 'border-radius': '30rpx' }"
-							:placeholderStyle="{ color: 'grey' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
+							:placeholderStyle="{ color: 'grey' }"
+							:prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
 					</up-form-item>
 					<up-form-item label="">
-						<up-input style="pointer-events: none" v-model="formData2.address" border="none" prefixIcon="map"
-							readonly color='grey' placeholder="系统自动获取" :customStyle="{
+						<up-input style="pointer-events: none" v-model="formData2.address" border="none"
+							prefixIcon="map" readonly color='grey' placeholder="系统自动获取" :customStyle="{
 								background: '#F3F3F3', padding: '20rpx',
 								'border-radius': '30rpx'
 							}" :placeholderStyle="{ color: 'grey' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
@@ -149,8 +151,8 @@
 				<view class="store-info">
 					<view class="" style="width: 300rpx;margin: 0 auto;border-bottom: 1px solid #F3F3F3;">
 						<up-input inputAlign='center' placeholder="请输入金额" @focus="formData2.price = ''" color='#FF6B00'
-							:placeholderStyle="{ fontSize: '28rpx' }" fontSize='20px' border="none" v-model="formData2.price"
-							type='digit' @blur='tofixedPrice(2)'></up-input>
+							:placeholderStyle="{ fontSize: '28rpx' }" fontSize='20px' border="none"
+							v-model="formData2.price" type='digit' @blur='tofixedPrice(2)'></up-input>
 					</view>
 					<view style="color: red;margin-top: 20rpx;font-size: 24rpx;"
 						v-if="formData2.label_limit && formData2.price < formData2.label_limit">
@@ -271,8 +273,8 @@
 				:activeStyle="{ color: '#20B128' }"></up-tabs>
 			<up-line style="margin-top:20rpx "></up-line>
 			<view class="address-content" v-if='currentAddressIndex == 0'>
-				<view class="address-li" :class='{ act: item.city_code == formData.city }' v-for="item in addressList.city"
-					:key="item.city_code" @click="addressLiClick(0, item)">
+				<view class="address-li" :class='{ act: item.city_code == formData.city }'
+					v-for="item in addressList.city" :key="item.city_code" @click="addressLiClick(0, item)">
 					<text>{{ item.city_name }}</text>
 					<up-icon name="arrow-right" :color="item.city_code == formData.city ? '#20B128' : '#777777'" />
 				</view>
@@ -295,12 +297,13 @@
 				<view class="address-li" v-for="item in addressList.village" @click="addressLiClick(3, item)"
 					:key="item.village_code" :class='{ act: item.village_code == formData.village }'>
 					<text>{{ item.village_name }}</text>
-					<up-icon name="arrow-right" :color="item.village_code == formData.village ? '#20B128' : '#777777'" />
+					<up-icon name="arrow-right"
+						:color="item.village_code == formData.village ? '#20B128' : '#777777'" />
 				</view>
 			</view>
 			<view class="address-content" v-else-if='currentAddressIndex == 4'>
-				<view class="address-li" :class='{ act: item.id == formData.brigade }' v-for="item in addressList.brigade"
-					:key="item.id" @click="addressLiClick(4, item)">
+				<view class="address-li" :class='{ act: item.id == formData.brigade }'
+					v-for="item in addressList.brigade" :key="item.id" @click="addressLiClick(4, item)">
 					<text>{{ item.brigade_name }}</text>
 					<up-icon name="arrow-right" :color="item.id == formData.brigade ? '#20B128' : '#777777'" />
 				</view>
@@ -317,511 +320,468 @@
 	</up-modal>
 </template>
 <script setup>
-import {
-	reactive,
-	ref
-} from 'vue';
-import useUserStore from "@/store/user";
-import {
-	provinceListApi,
-	cityListApi,
-	areaListApi,
-	streetListApi,
-	villageListApi,
-	brigadeListApi
-} from "@/api/address.js"
-import {
-	vipRechargeApi,
-	getRechargeListApi,
-	isUserShipApi,
-	rechargeCountApi,
-	reVipRechargeApi,
-	rechargeListsApi,
-	updataOrderApi,
-	getStoreByPhone,
-	getUserLabel,
-	getUserShip,
-	getCreateLists,
-	getReportingSms,
-	getVipInfoByPhone
-} from "@/api/user.js"
-import Push from "@/utils/push.js"
-import {
-	onPullDownRefresh,
-	onLoad,
-	onReachBottom
-} from "@dcloudio/uni-app"
-import {
-	config
-} from "@/config/app.js"
+	import {
+		reactive,
+		ref
+	} from 'vue';
+	import useUserStore from "@/store/user";
+	import {
+		provinceListApi,
+		cityListApi,
+		areaListApi,
+		streetListApi,
+		villageListApi,
+		brigadeListApi
+	} from "@/api/address.js"
+	import {
+		vipRechargeApi,
+		getRechargeListApi,
+		isUserShipApi,
+		rechargeCountApi,
+		reVipRechargeApi,
+		rechargeListsApi,
+		updataOrderApi,
+		getStoreByPhone,
+		getUserLabel,
+		getUserShip,
+		getCreateLists,
+		getReportingSms,
+		getVipInfoByPhone
+	} from "@/api/user.js"
+	import Push from "@/utils/push.js"
+	import {
+		onPullDownRefresh,
+		onLoad,
+		onReachBottom
+	} from "@dcloudio/uni-app"
+	import {
+		config
+	} from "@/config/app.js"
 
-const showModal = ref(false)
-const showPop1 = ref(false)
-const Role = ref(1)
-const popPhone = ref('')
-// const range = ref({})
-const columns = ref([])
-const showModa = ref(true)
-const storePhone = ref('')
-const tabsLst = reactive([{
-	name: '开通行业会员'
-},
-{
-	name: '追加经营资金'
-},
-{
-	name: '已开通列表'
-},
-]);
-
-const tabsLst2 = reactive([{
-	name: '开通商户'
-},
-{
-	name: '已开通列表'
-},
-]);
-
-
-
-const tabsChange = (e) => {
-	currentTab.value = e.index
-	if (e.index == 2) {
-		getCount()
-		getLists()
-	}
-	// getLists()
-}
-const tabsChange1 = (e) => {
-	currentTab.value = (e.index)
-	getLists()
-}
-
-const confirmStore = () => {
-	getStoreByPhone({
-		phone: storePhone.value
-	}).then(res => {
-		for (let key in res.data) {
-			STORE_INFO[key] = res.data[key]
-		}
-		setPhoneOneDay()
-	}).catch(err => {
-		uni.$u.toast('未查到店铺信息，请检查手机号码')
-	})
-}
-//  用户选择的门店信息
-let STORE_INFO = reactive({
-	id: ""
-})
-
-
-// 门店手机号保留一天
-const setPhoneOneDay = () => {
-	if (uni.getStorageSync('VIP_PHONE')) return;
-	const currentDate = new Date();
-	const nextDay = new Date(currentDate);
-	nextDay.setDate(currentDate.getDate() + 1);
-	uni.setStorageSync('VIP_PHONE', JSON.stringify({
-		time: nextDay,
-		phone: storePhone.value
-	}));
-}
-const getPhoneOneDay = () => {
-	if (uni.getStorageSync('VIP_PHONE')) {
-		let data = JSON.parse(uni.getStorageSync('VIP_PHONE'))
-		if (new Date() > data.time) {
-			uni.removeStorageSync('VIP_PHONE');
-		} else {
-			storePhone.value = data.phone
-		}
-	}
-}
-// 手机保留一天结束
-
-// 验证码
-const vipList = reactive([1, 2, 3, 5, 6, 7, 8])
-const cutDown = ref(0)
-const flag = ref(true)
-const code = ref('')
-const checkPhone = (phone) => {
-	const regex = /^1[3-9]\d{9}$/;
-	return regex.test(phone) ? true : false
-}
-
-const getCode = async () => {
-	if (!checkPhone(formData.mobile)) return uni.$u.toast('请输入正确的手机号')
-	await getReportingSms({
-		account: formData.mobile
-	})
-	flag.value = false
-	cutDown.value = 60
-	let timer = setInterval(() => {
-		cutDown.value--
-		if (cutDown.value <= 0) {
-			cutDown.value = 0;
-			clearInterval(timer);
-		}
-	}, 1000)
-}
-// 验证码结束
-
-
-const currentTab = ref(0)
-const formData = reactive({
-	store_id: STORE_INFO.id,
-	mobile: "",
-	province: 510000,
-	city: '',
-	area: "",
-	street: "",
-	village: "",
-	real_name: "",
-	auth_code: "",
-	address: "",
-	label_name: "",
-	label_id: "",
-	label_limit: "",
-	user_ship: '',
-	code: '',
-	brigade: "",
-	price: "",
-	// store_id: STORE_INFO.id,
-	// mobile: "19130550023",
-	// province: 510000,
-	// city: '510500',
-	// area: "510503",
-	// street: "510503102",
-	// village: "510503102201",
-	// real_name: "赵明军",
-	// auth_code: "131197337173621549",
-	// address: "",
-	// label_name: "",
-	// label_id: "4",
-	// user_ship: '1',
-	// price: 0.02,
-	// code: '12'
-})
-
-
-const formData2 = reactive({
-	store_id: STORE_INFO.id,
-	mobile: "",
-	province: 510000,
-	city: '',
-	area: "",
-	street: "",
-	village: "",
-	real_name: "",
-	auth_code: "",
-	address: "",
-	label_name: "",
-	label_id: "",
-	label_limit: "",
-	user_ship: '',
-	brigade: "",
-	price: "",
-})
-
-
-const getFormData2 = (data) => {
-	formData2.city = data.address_info?.city
-	formData2.area = data.address_info?.area
-	formData2.province = data.address_info?.province
-	formData2.street = data.address_info?.street
-	formData2.village = data.address_info?.village
-	formData2.real_name = data.real_name
-	formData2.address = data.address_info?.address_like
-	formData2.label_id = data.user_ship
-	formData2.user_ship = data.user_ship
-	formData2.brigade = data.address_info?.brigade
-	columns.value[0].forEach(item => {
-		if (item.id == formData2.label_id) {
-			formData2.label_name = item.title
-			formData2.label_limit = item.limit
-		}
-	})
-}
-
-
-const phoneChnge = async (type) => {
-	// typewhite 1 行业会员 2 经营资金
-	if (type == 1) {
-		if (!checkPhone(formData.mobile)) return
-		try {
-			let {
-				data
-			} = await getVipInfoByPhone({
-				mobile: formData.mobile
-			})
-			formData2.mobile = formData.mobile
-			if (data.user_ship == 4 || data.user_ship == 0) return;
-			if (Role.value == 1) {
-				uni.$u.toast('该用户已是会员请使用追加经营资金进行收款')
-				currentTab.value = 1
-				return getFormData2(data)
-			} else {
-				return uni.$u.toast('该用户已是会员，无法进行商户报备')
-			}
-
-		} catch (error) { }
-	} else {
-		if (formData2.mobile.length == 0) resetFormData();
-		if (!checkPhone(formData2.mobile)) return
-		uni.showLoading({
-			title: '查询用户中'
-		})
-		try {
-			let {
-				data
-			} = await getVipInfoByPhone({
-				mobile: formData2.mobile
-			})
-			if (!vipList.includes(data.user_ship)) {
-				uni.hideLoading()
-				return uni.$u.toast('查询失败');
-			}
-			if (formData.mobile) {
-				formData2.mobile = formData.mobile
-			}
-			uni.hideLoading()
-			return getFormData2(data)
-
-		} catch (error) {
-			uni.hideLoading()
-			uni.$u.toast('查询失败');
-		}
-	}
-}
-
-
-const resetFormData = () => {
-	for (let key in formData) {
-		(key != 'price') && (formData[key] = '')
-	}
-	for (let key in formData2) {
-		formData2[key] = ''
-	}
-	tabsList.forEach(item => {
-		item.name = '请选择'
-	})
-	formData.province = 510000
-	formData2.province = 510000
-	cutDown.value = 0
-	currentAddressIndex.value = 0
-}
-
-const conformRole = (e) => {
-	formData.label_name = e.value[0].title
-	formData.label_id = e.value[0].id
-	showPop1.value = false
-}
-
-
-// 地址选择
-const showPop = ref(false)
-const currentAddressIndex = ref(0)
-const currentAddressList = () => {
-	if (!formData.city) return [0, 'city'];
-	else if (formData.area) return [1, 'area'];
-	else if (formData.street) return [2, 'street'];
-	else if (formData.village) return [3, 'village'];
-	else if (formData.brigade) return [4, 'brigade'];
-}
-
-const addressTbasChange = (e) => {
-	currentAddressIndex.value = e.index
-}
-
-const addressList = reactive({
-	city: [],
-	area: [],
-	street: [],
-	village: [],
-	brigade: []
-})
-const addressLiClick = async (i, item) => {
-	if (i == 0) {
-		formData.city = item.city_code
-		tabsList[0].name = item.city_name
-		let res = await areaListApi({
-			city_code: formData.city
-		})
-		addressList.area = res.data
-	}
-	if (i == 1) {
-		formData.area = item.area_code
-		tabsList[1].name = item.area_name
-		let res = await streetListApi({
-			area_code: formData.area
-		})
-		addressList.street = res.data
-	}
-
-	if (i == 2) {
-		formData.street = item.street_code
-		tabsList[2].name = item.street_name
-		let res = await villageListApi({
-			street_code: formData.street
-		})
-		addressList.village = res.data
-	}
-	if (i == 3) {
-		formData.village = item.village_code
-		tabsList[3].name = item.village_name
-		let res = await brigadeListApi({
-			village_code: formData.village
-		})
-		addressList.brigade = res.data
-	}
-	if (i == 4) {
-		formData.brigade = item.id
-		tabsList[4].name = item.brigade_name
-
-		formData.address = tabsList[0].name + tabsList[1].name + tabsList[2].name + tabsList[3].name +
-			tabsList[4].name
-		return showPop.value = false
-	}
-	formData.address = tabsList[0].name + tabsList[1].name + tabsList[2].name + tabsList[3].name + tabsList[4]
-		.name
-	return currentAddressIndex.value++
-}
-const getCityList = async () => {
-	let res = await cityListApi({
-		province_code: formData.province
-	})
-	addressList.city = res.data
-}
-const tabsList = reactive(
-	[{
-		name: "请选择"
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
+	const showModal = ref(false)
+	const showPop1 = ref(false)
+	const Role = ref(1)
+	const popPhone = ref('')
+	// const range = ref({})
+	const columns = ref([])
+	const showModa = ref(true)
+	const storePhone = ref('')
+	const tabsLst = reactive([{
+			name: '开通行业会员'
+		},
+		{
+			name: '追加经营资金'
+		},
+		{
+			name: '已开通列表'
+		},
 	]);
 
-let timerInvol = null
-let paySuccess;
-// 开起一个scoket监听用户知否支付成功
-const userInfo = useUserStore().userInfo;
-const connection = new Push({
-	url: config.WSS_URL, // websocket地址
-	app_key: '2ce3ce22329517213caa7dad261f5695',
-});
-const user_channel = connection.subscribe(`wechat_mmp_${userInfo.id}`);
-user_channel.on('message', function (data) {
-	try {
-		paySuccess = true
-		uni.hideLoading();
-		clearTimeout(timerInvol);
-		paySuccessToTabs2()
-	} catch (error) { }
-});
-// 结束
-
-const navgo = (url) => {
-	uni.navigateTo({
-		url
-	})
-}
-
-// 选择采购包
-const giftIndex = ref(0)
-const rechargeList = ref([])
-const getRechargeList = async () => {
-	let res = await getRechargeListApi()
-	rechargeList.value = res.data
-	formData.price = rechargeList.value[0].money
-}
-
-const choseGift = (index) => {
-	giftIndex.value = index
-	formData.price = rechargeList.value[index].money
-}
+	const tabsLst2 = reactive([{
+			name: '开通商户'
+		},
+		{
+			name: '已开通列表'
+		},
+	]);
 
 
-// 提交
-const submit = async (type = 1) => {
-	if (Role.value == 4) {
-		if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
-		if (!formData.mobile) return uni.$u.toast('请填写电话号码');
-		if (!formData.code) return uni.$u.toast('请输入短信验证码');
-		if (!formData.address) return uni.$u.toast('请选择地址');
-		delete formData.recharge_type
-		delete formData.auth_code
-		formData.user_ship = 4
-		formData.store_id = STORE_INFO.id
-		vipRechargeApi(formData).then(res => {
-			resetFormData()
+
+	const tabsChange = (e) => {
+		currentTab.value = e.index
+		if (e.index == 2) {
+			getCount()
 			getLists()
-			currentTab.value = 1
-		})
-		return
+		}
+		// getLists()
 	}
-	if (type == 2) {
-		if (!formData2.mobile) return uni.$u.toast('请填写电话号码');
-		if (Number(formData2.price) < Number(formData2.label_limit)) return uni.$u.toast(
-			`${formData2.label_name}角色最低金额不能低于${formData2.label_limit}元`);
-		formData2.store_id = STORE_INFO.id
-		// formData2.recharge_type = 'INDUSTRYMEMBERS'
-		// formData2.user_ship = formData2.label_id
-		// vipRechargeApi(formData2).then(res => {
-		// 	uni.showLoading({
-		// 		title: '支付中...'
-		// 	});
-		// 	timerInvol = setTimeout(() => {
-		// 		uni.hideLoading();
-		// 		uni.$u.toast('支付超时');
-		// 		console.log("支付超时")
-		// 	}, 10000)
-		// })
-		// return
-		uni.scanCode({
-			success: function (res) {
-				if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
-				uni.showLoading({
-					title: '支付中...'
-				});
-				formData2.auth_code = res.result
-				formData2.recharge_type = 'INDUSTRYMEMBERS'
-				formData2.user_ship = formData2.label_id
-				vipRechargeApi(formData2).then(res => {
-					paySuccess = false;
-					timerInvol = setTimeout(() => {
-						uni.hideLoading();
-						if (!paySuccess) {
-							uni.$u.toast('支付超时');
-						}
-					}, 30000)
-				})
+	const tabsChange1 = (e) => {
+		currentTab.value = (e.index)
+		getLists()
+	}
+
+	const confirmStore = () => {
+		getStoreByPhone({
+			phone: storePhone.value
+		}).then(res => {
+			for (let key in res.data) {
+				STORE_INFO[key] = res.data[key]
 			}
-		});
-	} else {
-		if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
-		if (!formData.mobile) return uni.$u.toast('请填写电话号码');
-		if (!formData.code) return uni.$u.toast('请输入短信验证码');
-		if (!formData.address) return uni.$u.toast('请选择地址');
-		if (!formData.label_id) return uni.$u.toast('请选择用户身份');
-		formData.store_id = STORE_INFO.id
-		formData.user_ship = formData.label_id
-		formData.recharge_type = 'INDUSTRYMEMBERS'
-		if (Role.value == 1) {
-			// formData.recharge_type = 'INDUSTRYMEMBERS'
-			// formData.user_ship = formData.label_id
-			// vipRechargeApi(formData).then(res => {
+			setPhoneOneDay()
+		}).catch(err => {
+			uni.$u.toast('未查到店铺信息，请检查手机号码')
+		})
+	}
+	//  用户选择的门店信息
+	let STORE_INFO = reactive({
+		id: ""
+	})
+
+
+	// 门店手机号保留一天
+	const setPhoneOneDay = () => {
+		if (uni.getStorageSync('VIP_PHONE')) return;
+		const currentDate = new Date();
+		const nextDay = new Date(currentDate);
+		nextDay.setDate(currentDate.getDate() + 1);
+		uni.setStorageSync('VIP_PHONE', JSON.stringify({
+			time: nextDay,
+			phone: storePhone.value
+		}));
+	}
+	const getPhoneOneDay = () => {
+		if (uni.getStorageSync('VIP_PHONE')) {
+			let data = JSON.parse(uni.getStorageSync('VIP_PHONE'))
+			if (new Date() > data.time) {
+				uni.removeStorageSync('VIP_PHONE');
+			} else {
+				storePhone.value = data.phone
+			}
+		}
+	}
+	// 手机保留一天结束
+
+	// 验证码
+	const vipList = reactive([1, 2, 3, 5, 6, 7, 8])
+	const cutDown = ref(0)
+	const flag = ref(true)
+	const code = ref('')
+	const checkPhone = (phone) => {
+		const regex = /^1[3-9]\d{9}$/;
+		return regex.test(phone) ? true : false
+	}
+
+	const getCode = async () => {
+		if (!checkPhone(formData.mobile)) return uni.$u.toast('请输入正确的手机号')
+		await getReportingSms({
+			account: formData.mobile
+		})
+		flag.value = false
+		cutDown.value = 60
+		let timer = setInterval(() => {
+			cutDown.value--
+			if (cutDown.value <= 0) {
+				cutDown.value = 0;
+				clearInterval(timer);
+			}
+		}, 1000)
+	}
+	// 验证码结束
+
+
+	const currentTab = ref(0)
+	const formData = reactive({
+		store_id: STORE_INFO.id,
+		mobile: "",
+		province: 510000,
+		city: '',
+		area: "",
+		street: "",
+		village: "",
+		real_name: "",
+		auth_code: "",
+		address: "",
+		label_name: "",
+		label_id: "",
+		label_limit: "",
+		user_ship: '',
+		code: '',
+		brigade: "",
+		price: "",
+		// store_id: STORE_INFO.id,
+		// mobile: "19130550023",
+		// province: 510000,
+		// city: '510500',
+		// area: "510503",
+		// street: "510503102",
+		// village: "510503102201",
+		// real_name: "赵明军",
+		// auth_code: "131197337173621549",
+		// address: "",
+		// label_name: "",
+		// label_id: "4",
+		// user_ship: '1',
+		// price: 0.02,
+		// code: '12'
+	})
+
+
+	const formData2 = reactive({
+		store_id: STORE_INFO.id,
+		mobile: "",
+		province: 510000,
+		city: '',
+		area: "",
+		street: "",
+		village: "",
+		real_name: "",
+		auth_code: "",
+		address: "",
+		label_name: "",
+		label_id: "",
+		label_limit: "",
+		user_ship: '',
+		brigade: "",
+		price: "",
+	})
+
+
+	const getFormData2 = (data) => {
+		formData2.city = data.address_info?.city
+		formData2.area = data.address_info?.area
+		formData2.province = data.address_info?.province
+		formData2.street = data.address_info?.street
+		formData2.village = data.address_info?.village
+		formData2.real_name = data.real_name
+		formData2.address = data.address_info?.address_like
+		formData2.label_id = data.user_ship
+		formData2.user_ship = data.user_ship
+		formData2.brigade = data.address_info?.brigade
+		columns.value[0].forEach(item => {
+			if (item.id == formData2.label_id) {
+				formData2.label_name = item.title
+				formData2.label_limit = item.limit
+			}
+		})
+	}
+
+
+	const phoneChnge = async (type) => {
+		// typewhite 1 行业会员 2 经营资金
+		if (type == 1) {
+			if (!checkPhone(formData.mobile)) return
+			try {
+				let {
+					data
+				} = await getVipInfoByPhone({
+					mobile: formData.mobile
+				})
+				formData2.mobile = formData.mobile
+				if (data.user_ship == 4 || data.user_ship == 0) return;
+				if (Role.value == 1) {
+					uni.$u.toast('该用户已是会员请使用追加经营资金进行收款')
+					currentTab.value = 1
+					return getFormData2(data)
+				} else {
+					return uni.$u.toast('该用户已是会员，无法进行商户报备')
+				}
+
+			} catch (error) {}
+		} else {
+			if (formData2.mobile.length == 0) resetFormData();
+			if (!checkPhone(formData2.mobile)) return
+			uni.showLoading({
+				title: '查询用户中'
+			})
+			try {
+				let {
+					data
+				} = await getVipInfoByPhone({
+					mobile: formData2.mobile
+				})
+				if (!vipList.includes(data.user_ship)) {
+					uni.hideLoading()
+					return uni.$u.toast('查询失败');
+				}
+				if (formData.mobile) {
+					formData2.mobile = formData.mobile
+				}
+				uni.hideLoading()
+				return getFormData2(data)
+
+			} catch (error) {
+				uni.hideLoading()
+				uni.$u.toast('查询失败');
+			}
+		}
+	}
+
+
+	const resetFormData = () => {
+		for (let key in formData) {
+			(key != 'price') && (formData[key] = '')
+		}
+		for (let key in formData2) {
+			formData2[key] = ''
+		}
+		tabsList.forEach(item => {
+			item.name = '请选择'
+		})
+		formData.province = 510000
+		formData2.province = 510000
+		cutDown.value = 0
+		currentAddressIndex.value = 0
+	}
+
+	const conformRole = (e) => {
+		formData.label_name = e.value[0].title
+		formData.label_id = e.value[0].id
+		showPop1.value = false
+	}
+
+
+	// 地址选择
+	const showPop = ref(false)
+	const currentAddressIndex = ref(0)
+	const currentAddressList = () => {
+		if (!formData.city) return [0, 'city'];
+		else if (formData.area) return [1, 'area'];
+		else if (formData.street) return [2, 'street'];
+		else if (formData.village) return [3, 'village'];
+		else if (formData.brigade) return [4, 'brigade'];
+	}
+
+	const addressTbasChange = (e) => {
+		currentAddressIndex.value = e.index
+	}
+
+	const addressList = reactive({
+		city: [],
+		area: [],
+		street: [],
+		village: [],
+		brigade: []
+	})
+	const addressLiClick = async (i, item) => {
+		if (i == 0) {
+			formData.city = item.city_code
+			tabsList[0].name = item.city_name
+			let res = await areaListApi({
+				city_code: formData.city
+			})
+			addressList.area = res.data
+		}
+		if (i == 1) {
+			formData.area = item.area_code
+			tabsList[1].name = item.area_name
+			let res = await streetListApi({
+				area_code: formData.area
+			})
+			addressList.street = res.data
+		}
+
+		if (i == 2) {
+			formData.street = item.street_code
+			tabsList[2].name = item.street_name
+			let res = await villageListApi({
+				street_code: formData.street
+			})
+			addressList.village = res.data
+		}
+		if (i == 3) {
+			formData.village = item.village_code
+			tabsList[3].name = item.village_name
+			let res = await brigadeListApi({
+				village_code: formData.village
+			})
+			addressList.brigade = res.data
+		}
+		if (i == 4) {
+			formData.brigade = item.id
+			tabsList[4].name = item.brigade_name
+
+			formData.address = tabsList[0].name + tabsList[1].name + tabsList[2].name + tabsList[3].name +
+				tabsList[4].name
+			return showPop.value = false
+		}
+		formData.address = tabsList[0].name + tabsList[1].name + tabsList[2].name + tabsList[3].name + tabsList[4]
+			.name
+		return currentAddressIndex.value++
+	}
+	const getCityList = async () => {
+		let res = await cityListApi({
+			province_code: formData.province
+		})
+		addressList.city = res.data
+	}
+	const tabsList = reactive(
+		[{
+				name: "请选择"
+			},
+			{
+				name: '请选择',
+				disabled: false
+			},
+			{
+				name: '请选择',
+				disabled: false
+			},
+			{
+				name: '请选择',
+				disabled: false
+			},
+			{
+				name: '请选择',
+				disabled: false
+			},
+		]);
+
+	let timerInvol = null
+	let paySuccess;
+	// 开起一个scoket监听用户知否支付成功
+	const userInfo = useUserStore().userInfo;
+	const connection = new Push({
+		url: config.WSS_URL, // websocket地址
+		app_key: '2ce3ce22329517213caa7dad261f5695',
+	});
+	const user_channel = connection.subscribe(`wechat_mmp_${userInfo.id}`);
+	user_channel.on('message', function(data) {
+		try {
+			paySuccess = true
+			uni.hideLoading();
+			clearTimeout(timerInvol);
+			paySuccessToTabs2()
+		} catch (error) {}
+	});
+	// 结束
+
+	const navgo = (url) => {
+		uni.navigateTo({
+			url
+		})
+	}
+
+	// 选择采购包
+	const giftIndex = ref(0)
+	const rechargeList = ref([])
+	const getRechargeList = async () => {
+		let res = await getRechargeListApi()
+		rechargeList.value = res.data
+		formData.price = rechargeList.value[0].money
+	}
+
+	const choseGift = (index) => {
+		giftIndex.value = index
+		formData.price = rechargeList.value[index].money
+	}
+
+
+	// 提交
+	const submit = async (type = 1) => {
+		if (Role.value == 4) {
+			if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
+			if (!formData.mobile) return uni.$u.toast('请填写电话号码');
+			if (!formData.code) return uni.$u.toast('请输入短信验证码');
+			if (!formData.address) return uni.$u.toast('请选择地址');
+			delete formData.recharge_type
+			delete formData.auth_code
+			formData.user_ship = 4
+			formData.store_id = STORE_INFO.id
+			vipRechargeApi(formData).then(res => {
+				resetFormData()
+				getLists()
+				currentTab.value = 1
+			})
+			return
+		}
+		if (type == 2) {
+			if (!formData2.mobile) return uni.$u.toast('请填写电话号码');
+			if (Number(formData2.price) < Number(formData2.label_limit)) return uni.$u.toast(
+				`${formData2.label_name}角色最低金额不能低于${formData2.label_limit}元`);
+			formData2.store_id = STORE_INFO.id
+			// formData2.recharge_type = 'INDUSTRYMEMBERS'
+			// formData2.user_ship = formData2.label_id
+			// vipRechargeApi(formData2).then(res => {
 			// 	uni.showLoading({
 			// 		title: '支付中...'
 			// 	});
@@ -832,20 +792,19 @@ const submit = async (type = 1) => {
 			// 	}, 10000)
 			// })
 			// return
-			// formData.user_ship = formData.label_id
-			// await isUserShipApi({
-			// 	user_ship: formData.user_ship,
-			// 	village: formData.village,
-			// 	brigade: formData.brigade
-			// })
 			uni.scanCode({
-				success: function (res) {
+				success: function(res) {
 					if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
 					uni.showLoading({
 						title: '支付中...'
 					});
-					formData.auth_code = res.result
-					vipRechargeApi(formData).then(res => {
+					formData2.auth_code = res.result
+					formData2.recharge_type = 'INDUSTRYMEMBERS'
+					formData2.user_ship = formData2.label_id
+					vipRechargeApi({
+						...formData2,
+						type: 2
+					}).then(res => {
 						paySuccess = false;
 						timerInvol = setTimeout(() => {
 							uni.hideLoading();
@@ -856,345 +815,392 @@ const submit = async (type = 1) => {
 					})
 				}
 			});
+		} else {
+			if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
+			if (!formData.mobile) return uni.$u.toast('请填写电话号码');
+			if (!formData.code) return uni.$u.toast('请输入短信验证码');
+			if (!formData.address) return uni.$u.toast('请选择地址');
+			if (!formData.label_id) return uni.$u.toast('请选择用户身份');
+			formData.store_id = STORE_INFO.id
+			formData.user_ship = formData.label_id
+			formData.recharge_type = 'INDUSTRYMEMBERS'
+			if (Role.value == 1) {
+				// formData.recharge_type = 'INDUSTRYMEMBERS'
+				// formData.user_ship = formData.label_id
+				// vipRechargeApi(formData).then(res => {
+				// 	uni.showLoading({
+				// 		title: '支付中...'
+				// 	});
+				// 	timerInvol = setTimeout(() => {
+				// 		uni.hideLoading();
+				// 		uni.$u.toast('支付超时');
+				// 		console.log("支付超时")
+				// 	}, 10000)
+				// })
+				// return
+				// formData.user_ship = formData.label_id
+				// await isUserShipApi({
+				// 	user_ship: formData.user_ship,
+				// 	village: formData.village,
+				// 	brigade: formData.brigade
+				// })
+				uni.scanCode({
+					success: function(res) {
+						if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
+						uni.showLoading({
+							title: '支付中...'
+						});
+						formData.auth_code = res.result
+						vipRechargeApi(formData).then(res => {
+							paySuccess = false;
+							timerInvol = setTimeout(() => {
+								uni.hideLoading();
+								if (!paySuccess) {
+									uni.$u.toast('支付超时');
+								}
+							}, 30000)
+						})
+					}
+				});
+			}
 		}
 	}
-}
 
-const rePay = (item) => {
-	uni.scanCode({
-		success: function (res) {
-			if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
-			uni.showLoading({
-				title: '等待用户支付'
-			});
-			reVipRechargeApi({
-				id: item.id,
-				auth_code: res.result
-			}).then(res => {
-				timerInvol = setTimeout(() => {
-					uni.hideLoading();
-					if (!paySuccess) {
-						uni.$u.toast('支付超时');
-					}
-				}, 30000)
-			})
-		}
-	});
-}
+	const rePay = (item) => {
+		uni.scanCode({
+			success: function(res) {
+				if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
+				uni.showLoading({
+					title: '等待用户支付'
+				});
+				reVipRechargeApi({
+					id: item.id,
+					auth_code: res.result
+				}).then(res => {
+					timerInvol = setTimeout(() => {
+						uni.hideLoading();
+						if (!paySuccess) {
+							uni.$u.toast('支付超时');
+						}
+					}, 30000)
+				})
+			}
+		});
+	}
 
-const tofixedPrice = (type = 1) => {
-	if (type == 2) return formData2.price = (+formData2.price).toFixed(2)
-}
+	const tofixedPrice = (type = 1) => {
+		if (type == 2) return formData2.price = (+formData2.price).toFixed(2)
+	}
 
-// 支付成功后清除formData并且切换tabs2
-const paySuccessToTabs2 = () => {
-	uni.hideLoading()
-	uni.showToast({
-		title: '支付成功',
-		duration: 2000,
-		success() {
-			currentTab.value = 2
-			resetFormData()
-			setTimeout(() => {
-				getLists()
-				getCount()
-			}, 500); // 延迟1秒执行
-		}
-	});
-}
+	// 支付成功后清除formData并且切换tabs2
+	const paySuccessToTabs2 = () => {
+		uni.hideLoading()
+		uni.showToast({
+			title: '支付成功',
+			duration: 2000,
+			success() {
+				currentTab.value = 2
+				resetFormData()
+				setTimeout(() => {
+					getLists()
+					getCount()
+				}, 500); // 延迟1秒执行
+			}
+		});
+	}
 
-// 邀请用户数
-let where = {
-	page_no: 1,
-	page_size: 25,
-	loadingOver: false
-}
+	// 邀请用户数
+	let where = {
+		page_no: 1,
+		page_size: 25,
+		loadingOver: false
+	}
 
-const count = ref(0)
-const getCount = async () => {
-	if (Role.value == 4) return;
-	let res = await rechargeCountApi({
-		store_id: STORE_INFO.id
-	})
-	count.value = res.data.count
-}
-
-// 邀请列表
-const lists = ref([])
-const getLists = async () => {
-	where.loadingOver = false
-	where.page_no = 1
-	where.page_size = 25
-	if (Role.value == 1) {
-		let res = await rechargeListsApi({
-			store_id: STORE_INFO.id,
-			recharge_type: "INDUSTRYMEMBERS",
-			page_no: 1,
-			page_size: 25
+	const count = ref(0)
+	const getCount = async () => {
+		if (Role.value == 4) return;
+		let res = await rechargeCountApi({
+			store_id: STORE_INFO.id
 		})
-		lists.value = res.data.lists
-	} else {
-		let res = await getCreateLists({
-			store_id: STORE_INFO.id,
-		})
-		lists.value = res.data.lists
 		count.value = res.data.count
 	}
 
-}
+	// 邀请列表
+	const lists = ref([])
+	const getLists = async () => {
+		where.loadingOver = false
+		where.page_no = 1
+		where.page_size = 25
+		if (Role.value == 1) {
+			let res = await rechargeListsApi({
+				store_id: STORE_INFO.id,
+				recharge_type: "INDUSTRYMEMBERS",
+				page_no: 1,
+				page_size: 25
+			})
+			lists.value = res.data.lists
+		} else {
+			let res = await getCreateLists({
+				store_id: STORE_INFO.id,
+			})
+			lists.value = res.data.lists
+			count.value = res.data.count
+		}
+
+	}
 
 
-const upadtaStatus = (item) => {
-	updataOrderApi({
-		order_no: item.order_id,
-		recharge: 1
-	}).then(res => {
+	const upadtaStatus = (item) => {
+		updataOrderApi({
+			order_no: item.order_id,
+			recharge: 1
+		}).then(res => {
+			getCount()
+			getLists()
+
+		})
+	}
+
+	onLoad(() => {
+		getUserShip().then(res => {
+			columns.value = [res.data.lists]
+		})
+		getPhoneOneDay()
+		getCityList()
+		getRechargeList()
+	})
+
+	onPullDownRefresh(() => {
 		getCount()
 		getLists()
-
+		setTimeout(() => {
+			uni.stopPullDownRefresh()
+		}, 1000)
 	})
-}
 
-onLoad(() => {
-	getUserShip().then(res => {
-		columns.value = [res.data.lists]
+
+	onReachBottom(async () => {
+		if (where.loadingOver) return;
+		where.page_no++;
+		if (Role.value == 1) {
+			let res = await rechargeListsApi({
+				store_id: STORE_INFO.id,
+				recharge_type: "INDUSTRYMEMBERS",
+				...where
+			})
+			if (res.data.lists.length <= 0) {
+				return where.loadingOver = true
+			}
+			lists.value.push(...res.data.lists)
+		} else {
+			let res = await getCreateLists({
+				store_id: STORE_INFO.id,
+				...where
+			})
+			if (res.data.lists.length <= 0) {
+				return where.loadingOver = true
+			}
+			lists.value.push(...res.data.lists)
+		}
 	})
-	getPhoneOneDay()
-	getCityList()
-	getRechargeList()
-})
-
-onPullDownRefresh(() => {
-	getCount()
-	getLists()
-	setTimeout(() => {
-		uni.stopPullDownRefresh()
-	}, 1000)
-})
-
-
-onReachBottom(async () => {
-	if (where.loadingOver) return;
-	where.page_no++;
-	if (Role.value == 1) {
-		let res = await rechargeListsApi({
-			store_id: STORE_INFO.id,
-			recharge_type: "INDUSTRYMEMBERS",
-			...where
-		})
-		if (res.data.lists.length <= 0) {
-			return where.loadingOver = true
-		}
-		lists.value.push(...res.data.lists)
-	} else {
-		let res = await getCreateLists({
-			store_id: STORE_INFO.id,
-			...where
-		})
-		if (res.data.lists.length <= 0) {
-			return where.loadingOver = true
-		}
-		lists.value.push(...res.data.lists)
-	}
-})
 </script>
 
 <style lang='scss'>
-.tabs {
-	background-color: #fff;
-	width: 100vw;
-	box-sizing: border-box;
-	padding: 30rpx 0;
-	justify-content: space-around;
-	position: relative;
-	display: flex;
-	font-size: 32rpx;
-	color: #444444;
-
-	.actText {
-		color: #20B128;
-	}
-
-
-	.lines {
-		position: absolute;
-		width: 70rpx;
-		height: 7rpx;
-		border-radius: 8rpx;
-		background-color: #33B83A;
-		bottom: 15rpx;
-		transition: 300ms;
-		left: calc(25vw - 35rpx);
-	}
-
-	.actLine {
-		left: calc(75vw - 35rpx);
-	}
-}
-
-.card {
-	width: 710rpx;
-	margin: 20rpx auto;
-	background-color: #fff;
-	box-sizing: border-box;
-	border-radius: 10rpx;
-}
-
-.card1 {
-	padding: 30rpx;
-
-	.card1-tit {
+	.tabs {
+		background-color: #fff;
+		width: 100vw;
+		box-sizing: border-box;
+		padding: 30rpx 0;
+		justify-content: space-around;
+		position: relative;
+		display: flex;
 		font-size: 32rpx;
 		color: #444444;
-		text-align: center;
-		margin-bottom: 20rpx;
-	}
 
-	.store-info {
-		font-size: 28rpx;
-		color: #20B128;
-		text-align: center;
-		margin-top: 20rpx;
-	}
-}
-
-.submit-btn {
-	/* height: 200rpx; */
-	position: fixed;
-	bottom: 50rpx;
-	width: 710rpx;
-	left: 50%;
-	transform: translateX(-50%);
-
-}
-
-
-.vip-card {
-	width: 690rpx;
-	height: 270rpx;
-	background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/attach/4a92b202406162207212332.png');
-	background-size: 100% 100%;
-	margin: 20rpx auto;
-	display: flex;
-	align-items: center;
-	font-size: 30rpx;
-	box-sizing: border-box;
-	padding: 0 30rpx;
-	color: #444444;
-	justify-content: space-around;
-
-	.num {
-		font-size: 72rpx;
-		color: #7B5232;
-
-	}
-}
-
-.table {
-	width: 710rpx;
-	box-sizing: border-box;
-	font-size: 30rpx;
-	margin: 0 auto;
-}
-
-
-.address-content {
-	padding: 20rpx;
-	height: 60vh;
-	overflow-y: auto;
-
-	.address-li {
-		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		font-size: 32rpx;
-		color: #777777;
-		margin: 30rpx 0;
-	}
-
-	.act {
-		color: #20B128;
-	}
-}
-
-.uni-table-th {
-	padding: 10rpx 0 !important;
-}
-
-.uni-table-td {
-	padding: 10rpx 0 !important;
-}
-
-.slot-content {
-	/* padding-bottom: 50rpx; */
-}
-
-.code-btn {
-	display: flex;
-	align-items: center;
-}
-
-.btn-text {
-	color: #20B128;
-}
-
-.link {
-	padding-left: 20rpx;
-	color: #2F6BF2;
-	font-size: 28rpx;
-	margin-bottom: 30rpx;
-	position: relative;
-	text-decoration: underline;
-	text-underline-offset: 10rpx;
-	cursor: pointer;
-}
-
-.link::after {
-	content: '';
-	width: 12rpx;
-	height: 12rpx;
-	background-color: #2F6BF2;
-	position: absolute;
-	top: 50%;
-	transform: translateY(-50%);
-	border-radius: 12rpx;
-	left: 0;
-}
-
-.gift-pack {
-	display: flex;
-	justify-content: space-between;
-	flex-wrap: wrap;
-
-	.gift-pack-li {
-		padding: 20rpx 40rpx;
-		border: #20B128 1px solid;
-		border-radius: 24rpx 24rpx 24rpx 24rpx;
-		background-color: #F6F6F6;
-		margin-bottom: 20rpx;
-		font-size: 26rpx;
-		color: #777777;
-		width: 310rpx;
-		box-sizing: border-box;
-		text-align: center;
-
-		.gift-pack-li-top {
-			margin-bottom: 10rpx;
+		.actText {
 			color: #20B128;
 		}
 
-		.act-gift-top {
-			color: white;
+
+		.lines {
+			position: absolute;
+			width: 70rpx;
+			height: 7rpx;
+			border-radius: 8rpx;
+			background-color: #33B83A;
+			bottom: 15rpx;
+			transition: 300ms;
+			left: calc(25vw - 35rpx);
+		}
+
+		.actLine {
+			left: calc(75vw - 35rpx);
 		}
 	}
 
-	.act-gift {
-		background-color: #38BE41;
-		color: white;
+	.card {
+		width: 710rpx;
+		margin: 20rpx auto;
+		background-color: #fff;
+		box-sizing: border-box;
+		border-radius: 10rpx;
+	}
+
+	.card1 {
+		padding: 30rpx;
+
+		.card1-tit {
+			font-size: 32rpx;
+			color: #444444;
+			text-align: center;
+			margin-bottom: 20rpx;
+		}
+
+		.store-info {
+			font-size: 28rpx;
+			color: #20B128;
+			text-align: center;
+			margin-top: 20rpx;
+		}
+	}
+
+	.submit-btn {
+		/* height: 200rpx; */
+		position: fixed;
+		bottom: 50rpx;
+		width: 710rpx;
+		left: 50%;
+		transform: translateX(-50%);
+
 	}
 
 
+	.vip-card {
+		width: 690rpx;
+		height: 270rpx;
+		background-image: url('https://lihai001.oss-cn-chengdu.aliyuncs.com/attach/4a92b202406162207212332.png');
+		background-size: 100% 100%;
+		margin: 20rpx auto;
+		display: flex;
+		align-items: center;
+		font-size: 30rpx;
+		box-sizing: border-box;
+		padding: 0 30rpx;
+		color: #444444;
+		justify-content: space-around;
+
+		.num {
+			font-size: 72rpx;
+			color: #7B5232;
+
+		}
+	}
+
+	.table {
+		width: 710rpx;
+		box-sizing: border-box;
+		font-size: 30rpx;
+		margin: 0 auto;
+	}
 
 
-}
+	.address-content {
+		padding: 20rpx;
+		height: 60vh;
+		overflow-y: auto;
+
+		.address-li {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 32rpx;
+			color: #777777;
+			margin: 30rpx 0;
+		}
+
+		.act {
+			color: #20B128;
+		}
+	}
+
+	.uni-table-th {
+		padding: 10rpx 0 !important;
+	}
+
+	.uni-table-td {
+		padding: 10rpx 0 !important;
+	}
+
+	.slot-content {
+		/* padding-bottom: 50rpx; */
+	}
+
+	.code-btn {
+		display: flex;
+		align-items: center;
+	}
+
+	.btn-text {
+		color: #20B128;
+	}
+
+	.link {
+		padding-left: 20rpx;
+		color: #2F6BF2;
+		font-size: 28rpx;
+		margin-bottom: 30rpx;
+		position: relative;
+		text-decoration: underline;
+		text-underline-offset: 10rpx;
+		cursor: pointer;
+	}
+
+	.link::after {
+		content: '';
+		width: 12rpx;
+		height: 12rpx;
+		background-color: #2F6BF2;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		border-radius: 12rpx;
+		left: 0;
+	}
+
+	.gift-pack {
+		display: flex;
+		justify-content: space-between;
+		flex-wrap: wrap;
+
+		.gift-pack-li {
+			padding: 20rpx 40rpx;
+			border: #20B128 1px solid;
+			border-radius: 24rpx 24rpx 24rpx 24rpx;
+			background-color: #F6F6F6;
+			margin-bottom: 20rpx;
+			font-size: 26rpx;
+			color: #777777;
+			width: 310rpx;
+			box-sizing: border-box;
+			text-align: center;
+
+			.gift-pack-li-top {
+				margin-bottom: 10rpx;
+				color: #20B128;
+			}
+
+			.act-gift-top {
+				color: white;
+			}
+		}
+
+		.act-gift {
+			background-color: #38BE41;
+			color: white;
+		}
+
+
+
+
+	}
 </style>
\ No newline at end of file