From e7aefe8bff4283ed3376af088362f0c8d95db127 Mon Sep 17 00:00:00 2001
From: zmj <1493694146@qq.com>
Date: Thu, 27 Jun 2024 10:34:22 +0800
Subject: [PATCH] add

---
 pageQuota/vipUser/index.vue | 1057 +++++++++++++++++------------------
 1 file changed, 524 insertions(+), 533 deletions(-)

diff --git a/pageQuota/vipUser/index.vue b/pageQuota/vipUser/index.vue
index b33e35d..5cb224b 100644
--- a/pageQuota/vipUser/index.vue
+++ b/pageQuota/vipUser/index.vue
@@ -17,7 +17,8 @@
 
 	<view v-else>
 		<view class="tabs">
-			<text @click="currentTab = 1" :class="{ actText: currentTab == 1 }">开通{{ Role == 1 ? '行业会员' : '商户' }} </text>
+			<text @click="currentTab = 1" :class="{ actText: currentTab == 1 }">开通{{ Role == 1 ? '行业会员' : '商户' }}
+			</text>
 			<text @click="currentTab = 2, getCount(), getLists()" :class="{ actText: currentTab == 2 }"> 已开通列表</text>
 			<view class="lines" :class="{ actLine: currentTab == 2 }" />
 		</view>
@@ -31,17 +32,19 @@
 					<up-form-item label="">
 						<up-input v-model="formData.real_name" border="none" prefixIcon="account" placeholder="请输入真实姓名"
 							:customStyle="{ background: '#F3F3F3', padding: '20rpx', 'border-radius': '30rpx' }"
-							:placeholderStyle="{ color: '#444444' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
+							:placeholderStyle="{ color: '#444444' }"
+							:prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
 					</up-form-item>
 					<up-form-item label="">
 						<up-input v-model="formData.mobile" border="none" prefixIcon="phone" placeholder="请输入电话号码"
 							:customStyle="{ background: '#F3F3F3', padding: '20rpx', 'border-radius': '30rpx' }"
-							:placeholderStyle="{ color: '#444444' }" :prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
+							:placeholderStyle="{ color: '#444444' }"
+							:prefixIconStyle="{ 'margin-right': '40rpx' }"></up-input>
 					</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' }"
@@ -114,7 +117,8 @@
 						<uni-td align="center">{{ index + 1 }}</uni-td>
 						<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 1'>{{ item.real_name }}</uni-td>
 						<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 1'>{{ item.price }}</uni-td>
-						<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 4'>{{ item.create_time }}</uni-td>
+						<uni-td style="font-size: 20rpx;" align="center"
+							v-if='Role == 4'>{{ item.create_time }}</uni-td>
 						<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 4'>{{ item.nickname }}</uni-td>
 						<uni-td style="font-size: 20rpx;" align="center" v-if='Role == 1'>{{ item.label_name }}</uni-td>
 						<uni-td style="font-size: 20rpx;" align="center">
@@ -142,8 +146,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>
@@ -166,593 +170,580 @@
 				<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>
 			</view>
 		</view>
 	</up-popup>
-	<up-picker :show="showPop1" :columns="columns" @confirm='conformRole' @cancel='showPop1 = false' @close="showPop1 = false"
-		@open="showPop1 = true" keyName='label_name' confirmColor='#33B83A'></up-picker>
+	<up-picker :show="showPop1" :columns="columns" @confirm='conformRole' @cancel='showPop1 = false'
+		@close="showPop1 = false" @open="showPop1 = true" keyName='label_name' confirmColor='#33B83A'></up-picker>
 </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,
-	rechargeCountApi,
-	reVipRechargeApi,
-	rechargeListsApi,
-	updataOrderApi,
-	getStoreByPhone,
-	getUserLabel,
-	getUserShip,
-	getCreateLists,
-	getReportingSms
-} from "@/api/user.js"
-import Push from "@/utils/push.js"
-import {
-	onPullDownRefresh,
-	onLoad
-} 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,
+		rechargeCountApi,
+		reVipRechargeApi,
+		rechargeListsApi,
+		updataOrderApi,
+		getStoreByPhone,
+		getUserLabel,
+		getUserShip,
+		getCreateLists,
+		getReportingSms
+	} from "@/api/user.js"
+	import Push from "@/utils/push.js"
+	import {
+		onPullDownRefresh,
+		onLoad
+	} from "@dcloudio/uni-app"
+	import {
+		config
+	} from "@/config/app.js"
 
-const showPop1 = ref(false)
-const Role = ref('')
-const range = ref({})
-const columns = ref([])
-const showModa = ref(true)
-const storePhone = ref('')
-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('未查到店铺信息，请检查手机号码')
+	const showPop1 = ref(false)
+	const Role = ref('')
+	const range = ref({})
+	const columns = ref([])
+	const showModa = ref(true)
+	const storePhone = ref('')
+	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: ""
 	})
-}
-//  用户选择的门店信息
-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');
+	// 门店手机号保留一天
+	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 cutDown = ref(0)
+	const flag = ref(true)
+	const code = ref('')
+	const checkPhone = (phone) => {
+		const regex = /^1[3-9]\d{9}$/;
+		return regex.test(formData.mobile) ? 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) clearInterval(timer)
+		}, 1000)
+	}
+	// 验证码结束
+
+
+	const currentTab = ref(1)
+	const formData = reactive({
+		store_id: STORE_INFO.id,
+		mobile: "",
+		province: 510000,
+		city: '',
+		area: "",
+		street: "",
+		village: "",
+		real_name: "",
+		auth_code: "",
+		address: "",
+		label_name: "",
+		label_id: "",
+		user_ship: '',
+		code: '',
+		brigade: ""
+		// 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',
+		// code: ''
+	})
+	const resetFormData = () => {
+		for (ket key in formData) {
+			formData[key] = ''
+		}
+		tabsList.forEach(item => {
+			item.name = '请选择'
+		})
+		formData.province = 510000
+		cutDown.value = 0
+		currentAddressIndex.value = 0
+	}
+
+	const conformRole = (e) => {
+		formData.label_name = e.value[0].label_name
+		formData.label_id = e.value[0].label_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
+
+	// 开起一个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 {
+			clearTimeout(timerInvol);
+			paySuccessToTabs2()
+		} catch (error) {}
+	});
+	// 结束
+
+
+	// 提交
+	const submit = async () => {
+		if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
+		if (!formData.mobile) return uni.$u.toast('请填写电话号码');
+		if (!formData.code) return uni.$u.toast('请输入短信验证码');
+		if (!formData.label_id) return uni.$u.toast('请选择用户身份');
+		if (!formData.address) return uni.$u.toast('请选择地址');
+		formData.store_id = STORE_INFO.id
+		if (Role.value == 1) {
+			// formData.recharge_type = 'INDUSTRYMEMBERS'
+			// formData.user_ship = 1
+			// vipRechargeApi(formData).then(res => {})
+			// return
+			uni.scanCode({
+				success: function(res) {
+					if (String(res.result.length) != 18) return uni.$u.toast('二维码未扫描完整');
+					uni.showLoading({
+						title: '支付中...'
+					});
+					formData.auth_code = res.result
+					formData.recharge_type = 'INDUSTRYMEMBERS'
+					formData.user_ship = 1
+					vipRechargeApi(formData).then(res => {
+						timerInvol = setTimeout(() => {
+							uni.hideLoading();
+							uni.$u.toast('支付超时');
+						}, 30000)
+					})
+
+				}
+			});
 		} else {
-			storePhone.value = data.phone
+			delete formData.recharge_type
+			delete formData.auth_code
+			formData.user_ship = 4
+			vipRechargeApi(formData).then(res => {
+				uni.$u.toast('操作成功');
+				currentTab.value = 2
+				resetFormData()
+				getLists()
+				getCount()
+			})
 		}
 	}
-}
-// 手机保留一天结束
 
-// 验证码
-const cutDown = ref(0)
-const flag = ref(true)
-const code = ref('')
-const checkPhone = (phone) => {
-	const regex = /^1[3-9]\d{9}$/;
-	return regex.test(formData.mobile) ? 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) clearInterval(timer)
-	}, 1000)
-}
-// 验证码结束
-
-const currentTab = ref(1)
-const formData = reactive({
-	store_id: STORE_INFO.id,
-	mobile: "",
-	province: 510000,
-	city: '',
-	area: "",
-	street: "",
-	village: "",
-	real_name: "",
-	auth_code: "",
-	address: "",
-	label_name: "",
-	label_id: "",
-	user_ship: '',
-	code: '',
-
-	// 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',
-	// code: ''
-})
-
-const conformRole = (e) => {
-	formData.label_name = e.value[0].label_name
-	formData.label_id = e.value[0].label_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
-}
-getCityList()
-const tabsList = reactive(
-	[{
-		name: "请选择"
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
-	{
-		name: '请选择',
-		disabled: false
-	},
-	]);
-
-
-
-// 支付相关
-// scoket
-let timerInvol = null
-const userInfo = useUserStore().userInfo;
-const connection = new Push({
-	url: config.WSS_URL, // websocket地址
-	app_key: '2ce3ce22329517213caa7dad261f5695',
-});
-
-// 浏览器监听user-1
-const user_channel = connection.subscribe(`wechat_mmp_${userInfo.id}`);
-user_channel.on('message', function (data) {
-	try {
-		clearTimeout(timerInvol);
-		paySuccessToTabs2()
-	} catch (error) { }
-});
-const submit = async () => {
-	if (!formData.real_name) return uni.$u.toast('请填写真实姓名');
-	if (!formData.mobile) return uni.$u.toast('请填写电话号码');
-	if (!formData.code) return uni.$u.toast('请输入短信验证码');
-	if (!formData.label_id) return uni.$u.toast('请选择用户身份');
-	if (!formData.address) return uni.$u.toast('请选择地址');
-	formData.store_id = STORE_INFO.id
-	if (Role.value == 1) {
-		// formData.recharge_type = 'INDUSTRYMEMBERS'
-		// formData.user_ship = 1
-		// vipRechargeApi(formData).then(res => {})
-		// return
+	const rePay = (item) => {
 		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
-				formData.recharge_type = 'INDUSTRYMEMBERS'
-				formData.user_ship = 1
-				vipRechargeApi(formData).then(res => {
+				reVipRechargeApi({
+					id: item.id,
+					auth_code: res.result
+				}).then(res => {
 					timerInvol = setTimeout(() => {
 						uni.hideLoading();
 						uni.$u.toast('支付超时');
 					}, 30000)
 				})
-
 			}
 		});
-	} else {
-		delete formData.recharge_type
-		delete formData.auth_code
-		formData.user_ship = 4
-		vipRechargeApi(formData).then(res => {
-			uni.$u.toast('操作成功');
-			currentTab.value = 2
-			formData.real_name = ''
-			formData.mobile = ''
-			formData.address = ''
-			formData.label_name = ''
-			formData.city = ''
-			formData.area = ''
-			formData.street = ''
-			formData.village = ''
-			formData.brigade = ''
-			formData.code = ''
-			currentAddressIndex.value = 0
-			cutDown.value = 0
-			tabsList.forEach(item => {
-				item.name = '请选择'
-			})
-			getLists()
-			getCount()
-		})
 	}
-}
 
-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();
-					uni.$u.toast('支付超时');
-				}, 30000)
-			})
-		}
-	});
-}
+	// 支付成功后清除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
-			formData.real_name = ''
-			formData.mobile = ''
-			formData.address = ''
-			formData.label_name = ''
-			formData.city = ''
-			formData.area = ''
-			formData.street = ''
-			formData.village = ''
-			formData.brigade = ''
-			formData.code = ''
-			currentAddressIndex.value = 0
-			cutDown.value = 0
-			tabsList.forEach(item => {
-				item.name = '请选择'
-			})
-			setTimeout(() => {
-				getLists()
-				getCount()
-			}, 500); // 延迟1秒执行
-		}
-	});
-}
-
-// 邀请用户数
-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 () => {
-	if (Role.value == 1) {
-		let res = await rechargeListsApi({
-			store_id: STORE_INFO.id,
-			recharge_type: "INDUSTRYMEMBERS"
+	// 邀请用户数
+	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 () => {
+		if (Role.value == 1) {
+			let res = await rechargeListsApi({
+				store_id: STORE_INFO.id,
+				recharge_type: "INDUSTRYMEMBERS"
+			})
+			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
+		}
 
-getCount()
-getLists()
+	}
 
-
-const upadtaStatus = (item) => {
-	updataOrderApi({
-		order_no: item.order_id,
-		recharge: 1
-	}).then(res => {
-		getCount()
-		getLists()
-
-	})
-}
-
-onLoad(() => {
-	getUserShip().then(res => {
-		range.value = res.data.lists.map(item => {
-			return {
-				value: item.id,
-				text: item.title
-			}
-		})
-	})
-	getUserLabel().then(res => {
-		columns.value = [res.data.lists]
-	})
-	getPhoneOneDay()
-})
-
-onPullDownRefresh(() => {
 	getCount()
 	getLists()
-	setTimeout(() => {
-		uni.stopPullDownRefresh()
-	}, 500)
-})
+
+
+	const upadtaStatus = (item) => {
+		updataOrderApi({
+			order_no: item.order_id,
+			recharge: 1
+		}).then(res => {
+			getCount()
+			getLists()
+
+		})
+	}
+
+	onLoad(() => {
+		getUserShip().then(res => {
+			range.value = res.data.lists.map(item => {
+				return {
+					value: item.id,
+					text: item.title
+				}
+			})
+		})
+		getUserLabel().then(res => {
+			columns.value = [res.data.lists]
+		})
+		getPhoneOneDay()
+		getCityList()
+	})
+
+	onPullDownRefresh(() => {
+		getCount()
+		getLists()
+		setTimeout(() => {
+			uni.stopPullDownRefresh()
+		}, 500)
+	})
 </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: 52rpx 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: 90rpx;
+
+		.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);
+		}
 	}
 
-	.store-info {
-		font-size: 28rpx;
-		color: #20B128;
-		text-align: center;
-		margin-top: 30rpx;
+	.card {
+		width: 710rpx;
+		margin: 20rpx auto;
+		background-color: #fff;
+		box-sizing: border-box;
+		border-radius: 10rpx;
 	}
-}
 
-.submit-btn {
-	/* height: 200rpx; */
-	position: fixed;
-	bottom: 50rpx;
-	width: 710rpx;
-	left: 50%;
-	transform: translateX(-50%);
+	.card1 {
+		padding: 52rpx 30rpx;
 
-}
+		.card1-tit {
+			font-size: 32rpx;
+			color: #444444;
+			text-align: center;
+			margin-bottom: 90rpx;
+		}
 
+		.store-info {
+			font-size: 28rpx;
+			color: #20B128;
+			text-align: center;
+			margin-top: 30rpx;
+		}
+	}
 
-.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;
+	.submit-btn {
+		/* height: 200rpx; */
+		position: fixed;
+		bottom: 50rpx;
+		width: 710rpx;
+		left: 50%;
+		transform: translateX(-50%);
 
 	}
-}
-
-.table {
-	width: 710rpx;
-	box-sizing: border-box;
-	font-size: 30rpx;
-	margin: 0 auto;
-}
 
 
-.address-content {
-	padding: 20rpx;
-	height: 50vh;
-	overflow-y: auto;
-
-	.address-li {
+	.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;
-		justify-content: space-between;
 		align-items: center;
-		font-size: 32rpx;
-		color: #777777;
-		margin: 30rpx 0;
+		font-size: 30rpx;
+		box-sizing: border-box;
+		padding: 0 30rpx;
+		color: #444444;
+		justify-content: space-around;
+
+		.num {
+			font-size: 72rpx;
+			color: #7B5232;
+
+		}
 	}
 
-	.act {
+	.table {
+		width: 710rpx;
+		box-sizing: border-box;
+		font-size: 30rpx;
+		margin: 0 auto;
+	}
+
+
+	.address-content {
+		padding: 20rpx;
+		height: 50vh;
+		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;
 	}
-}
-
-.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;
-}
 </style>
\ No newline at end of file