caimei-applets-caimei/pages/goods/good-floor-temp.vue

<template>
	<view class="container floor clearfix" :style="{ paddingTop: CustomBar + 'px' }">
		<custom-floor
			:systeminfo="systeminfo"
			:navbar-data="nvabarData"
			:headerBtnPosi="headerBtnPosi"
		>
		</custom-floor>
		<tui-skeleton
			v-if="skeletonShow"
			backgroundColor="#fafafa"
			borderRadius="10rpx"
			:isLoading="true"
			:loadingType="5"
		></tui-skeleton>
		<view class="container-home tui-skeleton">
			<!-- 金刚区菜单 -->
			<!-- <templateNav :list="navBarsList" v-if="isRequest"></templateNav> -->
			<image v-if="isRequest"
				src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d3717fcc-9817-4afd-b47a-7b028f85f0f1/5ff8784d-9665-498e-9f7a-39a6e2194021.jpg"
				mode="widthFix"
			></image>
		</view>
		<!-- 楼层 -->
		<view class="container-section tui-skeleton">
			<page-floor
				:list="pageList"
				:userIdentity="userIdentity"
				:pageType="2"
				v-if="isRequest"
			></page-floor>
		</view>
		<!-- 侧边 -->
		<scroll-top :isScrollTop="isScrollTop" :bottom="50"></scroll-top>
	</view>
</template>

<script>
import { mapState, mapMutations } from 'vuex'
import customFloor from '@/components/cm-custom/custom-floor' //自定义导航
import templateNav from '@/components/cm-module/pageTemplate/templateNav.vue'
import pageFloor from '@/components/cm-module/homeIndex/pageFloor.vue'
import authorize from '@/common/config/authorize.js'
import wxLogin from '@/common/config/wxLogin.js'

export default {
	components: {
		customFloor,
		templateNav,
		pageFloor
	},
	data() {
		return {
			userID: 0,
			shopId: 0,
			userIdentity: 0,
			skeletonShow: true,
			headerBtnPosi: this.setHeaderBtnPosi(), //获取设备顶部胶囊高度
			systeminfo: this.setSysteminfo(), //获取设备信息
			CustomBar: this.CustomBar, // 顶部导航栏高度
			navBarsList: [],
			pageList: [], //楼层
			isRequest: false,
			isScrollTop: false,
			pageId: '',
			typeSort: ''
		}
	},
	onLoad(option) {
		if (option.type == 'share') {
			authorize.getSetting().then(wxResponse => {
				// console.log('是否已授权',res);//0:为取消授权 1:为已授权 2:为未操作
				console.log(wxResponse)
				if (wxResponse == 1) {
					wxLogin.wxLoginAuthorize()
				} else {
					console.log(new Date() + '用户未授权微信信息')
				}
			})
		}
		this.pageId = option.linkId
		// this.pageId = '286'
		this.$api
			.getComStorage('userInfo')
			.then(resolve => {
				this.userID = resolve.userId ? resolve.userId : 0
				this.shopId = resolve.shopId ? resolve.shopId : 0
				this.userIdentity = resolve.userIdentity
				this.GetInstrumentPageData()
			})
			.catch(error => {
				this.GetInstrumentPageData()
			})
		setTimeout(() => {
			this.skeletonShow = false
		}, 2000)
	},
	computed: {
		...mapState(['hasLogin', 'userInfo', 'identity'])
	},
	methods: {
		GetInstrumentPageData() {
			//获取楼层数据
			this.CommonService.GetInstrumentPageData({
				pageId: this.pageId,
				userId: this.userID,
				source: 2
			})
				.then(response => {
					let data = response.data
					this.typeSort = data.page.typeSort
					this.pageList = data.floorList
					this.GetHomeInit()
				})
				.catch(error => {
					this.$util.msg(error.msg, 2000)
				})
		},
		GetHomeInit() {
			//金刚区分类
			this.CommonService.GetFirstClassly({ typeSort: this.typeSort, source: 'crm' })
				.then(response => {
					this.navBarsList = response.data
					this.isRequest = true
				})
				.catch(error => {
					this.$util.msg(error.msg, 2000)
				})
		},
		setHeaderBtnPosi() {
			// 获得胶囊按钮位置信息
			let headerBtnPosi = uni.getMenuButtonBoundingClientRect()
			return headerBtnPosi
		},
		setSysteminfo() {
			let systeminfo
			uni.getSystemInfo({
				// 获取设备信息
				success: res => {
					systeminfo = res
				}
			})
			return systeminfo
		}
	},
	onPageScroll(e) {
		//实时获取到滚动的值
		if (e.scrollTop > 400) {
			this.isScrollTop = true
		} else {
			this.isScrollTop = false
		}
	},
	onPullDownRefresh() {
		setTimeout(() => {
			uni.stopPullDownRefresh()
		}, 200)
	},
	onShareAppMessage(res) {
		//分享转发
		if (res.from === 'button') {
			// 来自页面内转发按钮
		}
		return {
			title: '采美-一站式生/医美采购服务平台',
			path: `pages/goods/good-floor?type=share&linkId=${this.pageId}`
		}
	},
	onShow() {}
}
</script>

<style lang="scss">
page {
	background-color: #ffffff;
}
.container-home {
	width: 100%;
	height: auto;
	image{
		width: 100%;
	}
}
.container-section {
	width: 100%;
	height: auto;
	background-color: #f7f7f7;
}
</style>