You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
124 lines
3.0 KiB
124 lines
3.0 KiB
<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>
|
|
|