school_uni/components/tab-bar/myCenter.vue

<template>
	<view class="page1">
		<view style="margin-top: 80px;" @click="navigatorTo('merchant')">商家入驻</view>
		<view style="margin-top: 80px;" @click="navigatorTo('merchantCenter')">商家中心-{{shopCounts}}</view>
		<view style="margin-top: 80px;" @click="navigatorTo('jianzhizhuce')">兼职注册</view>
		<view style="margin-top: 80px;" v-if="worker" @click="navigatorTo('jianzhizhuye')">兼职主页-{{workerCounts}}</view>
		<view style="margin-top: 80px;" @click="navigatorTo('qianbao')">钱包余额 ￥{{balance}}</view>
		<view style="margin-top: 80px;" @click="navigatorTo('dingdan')">我的订单</view>
		<view style="margin-top: 80px;" @click="navigatorTo('qiehuan')">切换校区放到设置中</view>
		<!-- 未注册兼职弹窗 -->
		<uni-popup ref="jianzhiPopup" background-color="rgba(2, 171, 255, 1)" borderRadius="40px 40px 40px 40px">
			<view class="jianzhi-content" @tap="navigatorTo('partTimeReg')">
				<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/faf25c687bc1417282ebac719fd1bfba.png" alt=""
					style="width: 100%;height: 100%;">
				<view style="position: absolute;bottom: -50px;left: 130px;" @tap.stop="$refs.jianzhiPopup.close()">
					<uni-icons type="close" size="40" color="#fff"></uni-icons>
				</view>
			</view>
		</uni-popup>
		<!-- 多个商家选择弹窗 -->
		<uni-popup ref="shopPopup" background-color="rgba(2, 171, 255, 1)" borderRadius="40px 40px 40px 40px">
			<view class="shop-content">
				<view class="popup-pay-title">
					<text>您有多个店铺</text>
				</view>
				<view class="popup-list" @tap="clickShop(item)" v-for="(item,index) in schoolShop" :key="index">
					{{item.shopName}}
				</view>
			</view>
		</uni-popup>
		<!-- 弹出区域选择 -->
		<uni-popup ref="areaPopup" background-color="#fff">
			<view class="popup-area-content">
				<view class="popup-area-title">
					<text>请选择所属区域</text>
				</view>
				<view class="popup-area-container" v-for="(item,index) in areaList" @tap="onClickArea(item)">
					<text style="display: inline-block">{{item.title}}</text>
				</view>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				areaList:[],
				schoolShop: [],
				workerCounts: 0,
				shopCounts: 0,
				balance: 0,
				worker: uni.getStorageSync('worker')
			}
		},
		props: {

		},
		watch: {

		},
		methods: {
			init() {

				this.schoolShop = uni.getStorageSync('schoolShop')
				this.worker = uni.getStorageSync('worker')
				let shopId = uni.getStorageSync('shopId')
				let worker = uni.getStorageSync('worker')
				this.workerCounts = 0
				this.shopCounts = 0
				if (worker) {
					this.workerCounts = uni.getStorageSync('workerCounts')
				}
				if (shopId) {
					this.shopCounts = uni.getStorageSync('shopCounts')
				}
				this.balance = 0
				this.tui.request("/worker/getAllDepo/", "GET", {
					userId: uni.getStorageSync('id')
				}, false, true).then((res) => {
					if (res.code == 200) {
						if (res.result.user) {
							this.balance += Number(res.result.user.depoBal)
						}
						if (res.result.worker) {
							this.balance += Number(res.result.worker.depoBal)
							this.balance += Number(res.result.worker.depoBalRel)
						}
						if (res.result.shop) {
							for (let i = 0; i < res.result.shop.length; i++) {
								this.balance += Number(res.result.shop[i].balance)
							}
						}
						this.balance = this.balance.toFixed(2);
						that.$forceUpdate();
					} else {
						this.tui.toast(res.message)
					}
					uni.hideLoading()
				}).catch((res) => {})
			},
			clickShop(item) {
				uni.setStorageSync('shopId', item.id)
				uni.setStorageSync('shopName', item.shopName)
				uni.setStorageSync('shopIcon', item.shopIcon)
				uni.setStorageSync('shopScore', item.shopScore)
				uni.setStorageSync('shopTakeaway', item.shopTakeaway)

				uni.setStorageSync('attrId', item.attrId)
				this.$refs.shopPopup.close()
				uni.navigateTo({
					url: '/package2/shop/merchantCenter'
				})
			},
			checkArea() {
				this.tui.request("/app/shopArea/getByParentId/0", "get", {}, false, false).then((res) => {
					if (res.code == 200) {
						this.areaList = res.result
						this.$refs.areaPopup.open()
					} else {
						this.tui.toast(res.message)
					}
				})
			},
			onClickArea(item) {
				uni.setStorageSync('area', JSON.stringify(item))
				this.tui.toast('切换成功')
				this.$refs.areaPopup.close()
			},
			navigatorTo(e, index) {
				let url = ""
				if (e == 'addgoods') {
					url = '/package2/myCenter/addGoods'
				} else if (e == 'merchantCenter') {
					if (this.schoolShop) {
						if (this.schoolShop.length > 1) {
							this.$refs.shopPopup.open()
							return
						} else if (this.schoolShop != '') {
							uni.setStorageSync('shopId', this.schoolShop[0].id)
							uni.setStorageSync('attrId', this.schoolShop[0].attrId)
							uni.setStorageSync('shopName', this.schoolShop[0].shopName)
							uni.setStorageSync('shopIcon', this.schoolShop[0].shopIcon)
							uni.setStorageSync('shopScore', this.schoolShop[0].shopScore)
							uni.setStorageSync('shopTakeaway', this.schoolShop[0].shopTakeaway)
							url = '/package2/shop/merchantCenter'
						}
					} else {
						uni.showModal({
							title: '提示',
							content: '您还没有注册成为商家，要去注册吗？',
							cancelText: '暂时不了',
							confirmText: '去注册',
							success: function(res) {
								if (res.confirm) {
									url = '/package2/shop/merchantRegister'
									uni.navigateTo({
										url: url
									})
								}
							}
						});

					}

				} else if (e == 'dingdan') {
					url = '/package1/order/orderList'
				} else if (e == 'addType') {
					url = '/package2/myCenter/addType'
				} else if (e == 'qianbao') {
					url = '/package2/myCenter/wallet'
				} else if (e == 'goodsList') {
					url = '/package2/myCenter/goodsList'
				} else if (e == 'merchant') {
					url = '/package2/shop/merchantRegister'
				} else if (e == 'qiehuan') {
					this.checkArea()
				} else if (e == 'jianzhichaping') {
					let item = {
						shopScore: uni.getStorageSync('worker').score,
						id: uni.getStorageSync('worker').workerId
					}
					url = '/package2/group/shopEvaluate?item=' + JSON.stringify(item) + '&isMerchant=2&isCha=' + (index ==
						'cha' ? 1 : 0)
				} else if (e == 'partTimeReg') {
					let worker = uni.getStorageSync('worker')
					let that = this
					//当前人不是配送员身份
					if (worker == undefined || worker == '' || worker == null) {
						that.tui.request("/worker/admin/add", "POST", {
							userId: uni.getStorageSync('id'),
							isChangeArea: 1,
							region: JSON.parse(uni.getStorageSync('area')).id
						}, false, true).then((res) => {
							if (res.code == 200) {
								if (res.result != null) {
									uni.setStorageSync('worker', res.result)
								}
								url = '/package2/myCenter/partTimeJobRegister'
								this.$refs.jianzhiPopup.close()
								uni.navigateTo({
									url: url
								})
							} else {
								that.tui.toast(res.message)
								return
							}
							uni.hideLoading()
						}).catch((res) => {})
					} else {
						url = '/package2/myCenter/partTimeJobRegister'
						this.$refs.jianzhiPopup.close()
					}
				} else if (e == 'jianzhizhuce') {
					if (uni.getStorageSync('worker')) {
						url = '/package2/myCenter/partTimeJobRegister'
					} else {
						this.$refs.jianzhiPopup.open()
						return
					}
				} else if (e == 'jianzhizhuye') {
					url = '/package2/partTimeJob/partTimeJobCenter'
				}
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style>
	page {
		width: 100%;
		height: 100%;
		font-size: 28rpx;
	}

	.page1 {
		width: 100%;
		height: 100%;
		font-size: 28rpx;
	}

	.jianzhi-content {
		width: 300px;
		height: 350px;
		position: relative;
	}

	.shop-content {
		width: 300px;
		height: auto;
		position: relative;
		background: #fff;
		border-radius: 10px;
		padding: 10px;
	}

	.popup-pay-title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		position: relative;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
		margin-bottom: 10px;
	}

	.popup-list {
		height: 30px;
		text-align: center;
		font-size: 14px;
		font-weight: 700;
		border-bottom: 1px solid #eee;
		line-height: 30px;
	}

	.popup-area-content {
		align-items: center;
		justify-content: center;
		padding: 15px;
		width: 500rpx;
		height: auto;
		background-color: #fff;
	}

	.popup-area-title {
		font-size: 36rpx;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

	.popup-area-container {
		margin-top: 20rpx;
		height: 100rpx;
		border-radius: 10px;
		background: #088FEB;
		line-height: 100rpx;
		text-align: center;
		border-bottom: 1px solid #eee;
		border-top: 1px solid #eee;
		color: #fff;
	}
</style>