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,
			currentZhang: 0
		})
		cacheManager.remove('daoPageCache')
		uni.redirectTo({
			url: `/pages/study/index`
		})
	 }
	// 开启提分之旅按钮
	function detailPayBtn() {
		$emit('payBtn')
	}

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