FE_preschoolEdu_miniProgram/team/info/info.vue

<template>
	<view>
		<view class="block">
			<view class="form-list">
				<view class="line with-arrow">
					<view class="name">LOGO</view>
					<view class="val">
						<image class="avatar" src="@/static/image/info-bg.jpg"></image>
						<uni-icons type="right" size="18" color="#ababab"></uni-icons>
					</view>
				</view>
				<view class="line with-arrow">
					<view class="name">幼儿园名称</view>
					<view class="val">
						<input type="text" placeholder="请输入幼儿园名称" />
						<uni-icons type="right" size="18" color="#ababab"></uni-icons>
					</view>
				</view>
				<view class="line with-arrow">
					<view class="name">标签</view>
					<view class="val">
						<input type="text" placeholder="请输入标签" />
						<uni-icons type="right" size="18" color="#ababab"></uni-icons>
					</view>
				</view>
				<view class="line textarea-line">
					<view class="name">幼儿园slogan</view>
					<textarea placeholder="请输入幼儿园slogan"></textarea>
				</view>
				<view class="line textarea-line">
					<view class="name">地址</view>
					<textarea placeholder="请输入地址"></textarea>
				</view>
				<view class="line textarea-line">
					<view class="name">幼儿园简介</view>
					<textarea placeholder="请输入幼儿园简介"></textarea>
				</view>
			</view>
		</view>
		
		<view class="block info">
			<view class="title">联系我们</view>
			<view class="line">地址：测试测试</view>
			<view class="line">联系电话：测试测试</view>
			<image class="qrcode" src="@/static/image/info-bg.jpg"></image>
		</view>
	</view>
</template>

<script>
	import { my } from '@/apis/modules/parner.js'
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			this.getInfo()
		},
		methods: {
			// 获取个人信息
			getInfo() {
				const { partnerId, teamId } = uni.getStorageSync('team')
				my({
					partnerId,
					teamId
				}).then(({ my }) => {
					this.info = my.info
				}).catch(e => {})
			},
			toPage(path) {
				this.$util.to(path)
			},
			// 退出登录
			logout() {
				const that = this
				uni.showModal({
					title: '提示',
					content: '确定要退出账号吗？',
					success(res) {
						if (res.confirm) {
							uni.clearStorageSync()
							that.$util.to('/pages/login/login')
						}
					}
				})
			}
		}
	}
</script>

<style scoped lang="scss">
.avatar {
	width: 80rpx;
	height: 80rpx;
	border: 0;
	border-radius: 50%;
}
.info {
	position: relative;
	padding: 24rpx;
	.line {
		margin: 20rpx 0;
		font-size: 26rpx;
		color: #333;
	}
	.qrcode {
		position: absolute;
		top: 30rpx;
		right: 30rpx;
		width: 120rpx;
		height: 120rpx;
	}
}
</style>