uniProject/pages/pay/productDialog.vue

<template>
	<uni-popup ref="detailPopup" :animation="false" :is-mask-click="false"
		mask-background-color="rgba(51, 137, 217, 0.65);" style="z-index: 101;">
		<view class="mall-detail-dialog">
			<view class="detail-content-box">
				<icon class="cpmx-title"></icon>
				<icon class="dialog-close-btn" @click="detailCloseBtn"></icon>
				<view class="product-body-box">
					<!-- ↓需要换成从接口中取得 wgy -->
					<view class="detail-item-box" @click="goDao(item,index)" v-for="(item,index) in productList "
						:key="index">
						<img :src="item.cover" class="mall-image mt-20" />
						<view class="content-body-box">
							<view class="content-name">
								<view class="name-text">{{item.levelName}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</uni-popup>
</template>

<script setup>
	import {
		orderInfo
	} from "@/api/order.js"
	import {
		toast,
		debounce,
		getUserIdentity
	} from "@/utils/common";
	import {
		ref
	} from 'vue';
	import cacheManager from '@/utils/cacheManager.js';
	const $emit = defineEmits(['payBtn'])
	const detailPopup = ref(null); // 索引
	let productList = ref([])
	// 打开弹窗
	function detailShow(data) {
		productList.value = data
		detailPopup.value.open();

	}

	function goDao(data, index) {
		console.log('data', data);
		console.log('index', index);

		cacheManager.updateObject('auth', {
			typeId: data.typeId,
			levelId: data.levelId,
			subjectId: data.subjectId,
		})
		if (data.subjectId == 2 && data.typeId == 1) {
			cacheManager.remove('zhangInfo')
			uni.redirectTo({
				url: `/pages/selectVersion/selectVersion`
			})
		} else {
			cacheManager.remove('zhangInfo')
			uni.redirectTo({
				url: `/pages/study/index`
			})
		}
	}
	// 开启提分之旅按钮
	function detailPayBtn() {
		$emit('payBtn')
	}

	function detailCloseBtn() {
		detailPopup.value.close();
	}
	defineExpose({
		detailShow
	})
</script>