FE_preschoolEdu_miniProgram/team/infoEdit/infoEdit.vue

<template>
	<view>
		<view class="block">
			<view class="form-list edit-form">
				<view class="line with-arrow">
					<view class="name">LOGO</view>
					<view @click="uploadLogo">
						<image class="avatar" :src="logo"></image>
						<uni-icons type="right" size="18" color="#ababab"></uni-icons>
					</view>
				</view>
				<view class="line with-arrow">
					<view class="name">幼儿园名称</view>
					<input type="text" placeholder="请输入幼儿园名称" />
					<uni-icons type="right" size="18" color="#ababab"></uni-icons>
				</view>
				<view class="line with-arrow">
					<view class="name">标签</view>
					<input type="text" placeholder="请输入标签" />
					<uni-icons type="right" size="18" color="#ababab"></uni-icons>
				</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>
					<!-- <editor id="editor" class="ql-container" placeholder="请输入幼儿园简介" show-img-size show-img-toolbar
						show-img-resize @ready="onEditorReady">
					</editor> -->
					<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 class="btn-wrap">
			<view class="btn" @click="submit">保存</view>
		</view>
	</view>
</template>

<script>
	import { my } from '@/apis/modules/parner.js'
	import OSS from '@/libs/Oss/upload'
	export default {
		data() {
			return {
				logo: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
			}
		},
		onShow() {
			// this.getInfo()
		},
		methods: {
			// 获取个人信息
			getInfo() {
				const { partnerId, teamId } = uni.getStorageSync('team')
				my({
					partnerId,
					teamId
				}).then(({ my }) => {
					this.info = my.info
				}).catch(e => {})
			},
			// 上传logo
			uploadLogo() {
				const that = this
				uni.chooseImage({
					success: (res) => {
						const file = res.tempFilePaths[0];
						OSS(file, (name) => {
							that.logo = name
						})
					}
				});
			},
			onEditorReady() {
				uni.createSelectorQuery().select('#editor').context((res) => {
					this.editorCtx = res.context
				}).exec()
			},
			// 提交
			submit() {
				
			}
		}
	}
</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>