pj_h5_cloud/src/App.vue

<script lang="ts">
import { isDevEnv, getLaunchParam } from "@/sheep/utils/app"
import { getAppInfo } from "@@/utils/app"

interface TabbarItem {
	pagePath: string
	text: string
	iconPath: string
	selectedIconPath: string
	launchParam: string[]
	auth: string[]
}

const tabbar: TabbarItem[] = [
	{
		pagePath: "pages/tabbar/canteen",
		text: "食堂",
		iconPath: "/static/tabbar/canteen.png",
		selectedIconPath: "/static/tabbar/canteen-select.png",
		launchParam: ["canteen"],
		auth: [],
	},
	{
		pagePath: "pages/tabbar/selfMerchant",
		text: "自营商家",
		iconPath: "/static/tabbar/selfMerchant.png",
		selectedIconPath: "/static/tabbar/selfMerchant-select.png",
		launchParam: ["selfMerchant"],
		auth: ["user"],
	},
	{
		pagePath: "pages/tabbar/coopMerchant",
		text: "合作商家",
		iconPath: "/static/tabbar/coopMerchant.png",
		selectedIconPath: "/static/tabbar/coopMerchant-select.png",
		launchParam: ["coopMerchant"],
		auth: ["user"],
	},
	{
		pagePath: "pages/tabbar/onlineShop",
		text: "在线商城",
		iconPath: "/static/tabbar/online-shop.png",
		selectedIconPath: "/static/tabbar/online-shop-select.png",
		launchParam: ["onlineShop"],
		auth: ["user"],
	},
	{
		pagePath: "pages/tabbar/cabinet",
		text: "智能柜",
		iconPath: "/static/tabbar/cabinet.png",
		selectedIconPath: "/static/tabbar/cabinet-select.png",
		launchParam: [],
		auth: ["doorAdmin"],
	},
	{
		pagePath: "pages/tabbar/order",
		text: "订单",
		iconPath: "/static/tabbar/order.png",
		selectedIconPath: "/static/tabbar/order-select.png",
		launchParam: ["canteen", "selfMerchant", "onlineShop", "coopMerchant"],
		auth: ["user"],
	},
	{
		pagePath: "pages/tabbar/flowStatistics",
		text: "流水统计",
		iconPath: "/static/tabbar/order.png",
		selectedIconPath: "/static/tabbar/order-select.png",
		launchParam: [],
		auth: ["merchant"],
	},
	{
		pagePath: "pages/tabbar/individualOrder",
		text: "订单",
		iconPath: "/static/tabbar/order.png",
		selectedIconPath: "/static/tabbar/order-select.png",
		launchParam: [],
		auth: ["merchant"],
	},
	{
		pagePath: "pages/tabbar/visitor",
		text: "访客",
		iconPath: "/static/tabbar/visitor.png",
		selectedIconPath: "/static/tabbar/visitor-select.png",
		launchParam: [],
		auth: [],
	},
	{
		pagePath: "pages/tabbar/message",
		text: "通知公告",
		iconPath: "/static/tabbar/message.png",
		selectedIconPath: "/static/tabbar/message-select.png",
		launchParam: ["message"],
		auth: [],
	},
	{
		pagePath: "pages/integrated/index",
		text: "综合服务",
		iconPath: "/static/tabbar/integrated.png",
		selectedIconPath: "/static/tabbar/integrated-select.png",
		launchParam: [],
		auth: [],
	},
	{
		pagePath: "pages/tabbar/my",
		text: "我的",
		iconPath: "/static/tabbar/my.png",
		selectedIconPath: "/static/tabbar/my-select.png",
		launchParam: ["canteen", "selfMerchant", "onlineShop", "coopMerchant"],
		auth: ["user", "merchant", "doorAdmin"],
	},
]

// 设置tabbar
const setTabbarItem = (index: number, item: TabbarItem, visible: boolean) => {
	uni.setTabBarItem({
		index,
		pagePath: item.pagePath,
		text: item.text,
		iconPath: item.iconPath,
		selectedIconPath: item.selectedIconPath,
		visible,
	})
}

// 根据启动参数设置tabbar项目
const setTabbar = (launchParam?: string, auth?: string) => {
	if (launchParam && !auth) {
		tabbar.forEach((item, index) => {
			const visible = item.launchParam.includes(launchParam)
			setTabbarItem(index, item, visible)
		})
		return
	}
	if (!launchParam && auth) {
		tabbar.forEach((item, index) => {
			const visible = item.auth.includes(auth)
			setTabbarItem(index, item, visible)
		})
	}
	if (launchParam && auth) {
		tabbar.forEach((item, index) => {
			const visible = item.launchParam.includes(launchParam) && item.auth.includes(auth)
			setTabbarItem(index, item, visible)
		})
	}
}

export default {
	async onLaunch() {
		if (isDevEnv()) return

		// 环境判断
		const appInfo = await getAppInfo()
		if (appInfo == "zzd") {
			// 浙政钉环境
			switch (getLaunchParam()) {
				case "canteen":
					uni.switchTab({ url: "/pages/tabbar/canteen" })
					break
				case "selfMerchant":
					uni.switchTab({ url: "/pages/tabbar/selfMerchant" })
					break
				case "onlineShop":
					uni.switchTab({ url: "/pages/tabbar/onlineShop" })
					break
				case "coopMerchant":
					uni.switchTab({ url: "/pages/tabbar/coopMerchant" })
					break
				default:
					break
			}
		} else if (appInfo == "sh") {
			// 诗画环境
			const userRole = uni.getStorageSync("userRole")
			const launchParam = getLaunchParam()
			if (launchParam == "thirdApp") {
				uni.reLaunch({ url: "/pages/thirdApp/thirdAppList" })
				return
			}
			if (launchParam) {
				switch (userRole) {
					case "merchant":
						return uni.switchTab({ url: "/pages/tabbar/individualOrder" })
					case "user":
						if (launchParam === "selfMerchant") return uni.switchTab({ url: "/pages/tabbar/selfMerchant" })
						if (launchParam === "onlineShop") return uni.reLaunch({ url: "/pages/tabbar/onlineShop" })
						if (launchParam === "coopMerchant") return uni.reLaunch({ url: "/pages/tabbar/coopMerchant" })
						return
					case "doorAdmin":
						return uni.switchTab({ url: "/pages/tabbar/cabinet" })
					default:
						return uni.redirectTo({ url: "/pages/user/userRole" })
				}
			}
		}
	},

	methods: {
		async _initTabbar() {
			if (isDevEnv()) {
				tabbar.forEach((item, index) => {
					setTabbarItem(index, item, true)
				})
				return
			}

			const launchParam = getLaunchParam()

			const appInfo = await getAppInfo()
			if (appInfo == "zzd") {
				// 浙政钉环境
				if (launchParam) {
					setTabbar(launchParam)
					uni.showTabBar()
				} else {
					uni.hideTabBar()
					// uni.showToast({ title: "启动参数不合法", icon: "none" })
				}
			} else if (appInfo == "sh") {
				// 是诗画环境
				const userRole = uni.getStorageSync("userRole")
				if (launchParam == "thirdApp") {
					uni.navigateTo({ url: "/pages/thirdApp/thirdApp" })
					return
				}
				if (launchParam) {
					switch (userRole) {
						case "user":
							setTabbar(launchParam, "user")
							uni.showTabBar()
							break
						case "merchant":
							setTabbar(undefined, "merchant")
							uni.showTabBar()
							break
						case "doorAdmin":
							setTabbar(undefined, "doorAdmin")
							uni.showTabBar()
							break
						default:
							uni.hideTabBar()
							uni.removeStorageSync("userRole")
							uni.showToast({ title: "用户身份未确认", icon: "none" })
							uni.reLaunch({ url: "/pages/user/userRole" })
							break
					}
				} else {
					uni.hideTabBar()
					// uni.showToast({ title: "启动参数不合法", icon: "none" })
				}
			}
		},
	},
}
</script>

<style lang="scss">
@import "@/sheep/scss/global.scss";
@import url(@/uni_modules/tm-ui/css/remixicon.min.css);

$theme-green: #06be36;
$theme-blue: #0094ff;
$theme-gray: #999;

.botder_btn {
	border: 1px solid #999;
	color: #999;
	font-weight: 500;
	font-size: 28rpx;
	border-radius: 10rpx;
	padding: 8rpx 15rpx;
}

.prefix_title {
	font-size: 32rpx;
	font-weight: 500;
	color: #333;

	&::before {
		content: "";
		display: inline-block;
		width: 8rpx;
		height: 24rpx;
		background: $theme-blue;
		border-radius: 4rpx;
		margin-right: 10rpx;
	}
}
</style>