subject_gxj/xj_project_app/pages/projectBtnList/index.vue

<template>
	<view class="content">
		<page-title>更多操作</page-title>

		<view class="btnlist-box">
			<view class="btn color1" @click="goToReport('yearly',parmasInfo.subId,parmasInfo.subName)">
				<view class="btn-icon">
					<image src="@/static/func/ndjhss-icon.svg" mode=""></image>
				</view>
				<view class="name">
					年度计划
				</view>
			</view>
			<view class="btn color1" @click="goToReport('wtdb',parmasInfo.subId,parmasInfo.subName)">
				<view class="btn-icon">
					<image src="@/static/func/wtdbss-icon.svg" mode=""></image>
				</view>
				<view class="name">
					问题督办
				</view>
			</view>
			<view class="btn color1" @click="goToReport('qtldjbm',parmasInfo.subId,parmasInfo.subName)">
				<view class="btn-icon">
					<image src="@/static/func/qtldjbm-icon.svg" mode=""></image>
				</view>
				<view class="name">
					牵头领导及部门
				</view>
			</view>
			<view class="btn color1" @click="goToReport('xcyx',parmasInfo.subId,parmasInfo.subName)">
				<view class="btn-icon">
					<image src="@/static/func/xcyx-icon.svg" mode=""></image>
				</view>
				<view class="name">
					现场影像
				</view>
			</view>
			<view class="btn color1" @click="goToReport('qqsxblqk',parmasInfo.subId,parmasInfo.subName)">
				<view class="btn-icon">
					<image src="@/static/func/qqsxblqk-icon.svg" mode=""></image>
				</view>
				<view class="name">
					前期手续办理情况
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import {
		ref
	} from 'vue';
	
	import {
		onLoad
	} from "@dcloudio/uni-app";
	function goToReport(type, subId, subName) {
	
		if (type === 'wtdb') {
			uni.navigateTo({
				url: `/pages/problemSupervision/index?type=${type}&subId=${subId}&subName=${subName}`
			})
		} else if (type === 'qtldjbm') {
			uni.navigateTo({
				url: `/pages/leadersList/index?type=${type}&subId=${subId}&subName=${subName}`
			})
		} else if (type === 'xcyx') {
			uni.navigateTo({
				url: `/pages/projectImageAndVideo/index?type=${type}&subId=${subId}&subName=${subName}`
			})
		}else if( type === 'more'){
			uni.navigateTo({
				url: `/pages/projectBtnList/index?type=${type}&subId=${subId}&subName=${subName}`
			})
			
		} else if( type === 'qqsxblqk'){
			uni.navigateTo({
				url: `/pages/preFlow/detail/index?type=${type}&subId=${subId}&subName=${subName}`
			})
			
		}else {
			uni.navigateTo({
				url: `/pages/projectInfo/report/index?type=${type}&subId=${subId}&subName=${subName}`
			})
		}
	}
	
	let parmasInfo = ref()
	
	onLoad((e)=>{
		parmasInfo.value = e
	})
</script>

<style lang="scss" scoped>
	.content {
		padding-top: 100px;
		position: relative;
		width: 100%;
		height: 100%;
		background: #EAF1FF;
	}

	.btnlist-box {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 50rpx;
		justify-content: flex-start;
		gap: 50rpx;

		.btn {

			display: flex;

			justify-content: center;
			align-items: center;
			width: 498rpx;
			height: 142rpx;
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
			box-shadow: 0rpx 8rpx 20rpx 0rpx rgba(12, 69, 167, 0.35);
			font-weight: 500;

			font-size: 32rpx;
			font-family: OPPOSans-M;

			.btn-icon {
				width: 74rpx;
				height: 74rpx;
				margin-right: 40rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.name {
				text-align: center;
				width: 300rpx;
				margin-right: 10rpx;
			}
		}
	}
</style>