FE_preschoolEdu_miniProgram/team/auth/auth.vue

<template>
	<view class="page">
		<view class="block">
			<view class="form-list">
				<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 with-arrow">
					<view class="name">法人</view>
					<input type="text" placeholder="请输入法人" />
					<uni-icons type="right" size="18" color="#ababab"></uni-icons>
				</view>
			</view>
		</view>
		
		<view class="block">
			<view class="title">上传营业执照</view>
			<image class="credential" :src="yy" mode="widthFix" @click="uploadYY"></image>
		</view>
		
		<view class="block">
			<view class="title">上传办学许可证</view>
			<image class="credential" src="https://occupationlab.com/images/preschoolEdu/credentials2.png" mode="widthFix"></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 {
				img: '',
				yy: 'https://occupationlab.com/images/preschoolEdu/credentials1.png'
			}
		},
		onShow() {
			// this.getInfo()
		},
		methods: {
			// 获取个人信息
			getInfo() {
				const { partnerId, teamId } = uni.getStorageSync('team')
				my({
					partnerId,
					teamId
				}).then(({ my }) => {
					this.info = my.info
				}).catch(e => {})
			},
			// 上传营业执照
			uploadYY() {
				const that = this
				uni.chooseImage({
					success: (res) => {
						const file = res.tempFilePaths[0];
						OSS(file, (name) => {
							that.yy = name
						})
					}
				});
			},
			submit() {
				
			},
		}
	}
</script>

<style scoped lang="scss">
.page {
	padding-bottom: 170rpx;
	-webkit-overflow-scrolling: touch;
}
.avatar {
	width: 80rpx;
	height: 80rpx;
	border: 0;
	border-radius: 50%;
}
.block {
	padding: 24rpx;
}
.title {
	margin-bottom: 20rpx;
	font-size: 28rpx;
}
.credential {
	width: 100%;
}
.form-list {
	.name {
		min-width: 250rpx;
	}
}
</style>