|
|
|
|
@ -4,40 +4,42 @@ |
|
|
|
|
<view class="form-list edit-form"> |
|
|
|
|
<view class="line with-arrow"> |
|
|
|
|
<view class="name">LOGO</view> |
|
|
|
|
<image class="avatar" :src="logo" @click="uploadLogo"></image> |
|
|
|
|
<image class="avatar" :src="form.logoUrl" @click="uploadLogo"></image> |
|
|
|
|
</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 class="name">{{ platformName }}名称</view> |
|
|
|
|
<input type="text" :placeholder="'请输入' + platformName + '幼儿园名称'" v-model="form.classificationName" :disabled="info.authenticationStatus !== 0" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="line textarea-line"> |
|
|
|
|
<view class="name">幼儿园slogan</view> |
|
|
|
|
<textarea placeholder="请输入幼儿园slogan"></textarea> |
|
|
|
|
<view class="name">{{ platformName }}slogan</view> |
|
|
|
|
<textarea :placeholder="'请输入' + platformName + 'slogan'" v-model="form.slogan"></textarea> |
|
|
|
|
</view> |
|
|
|
|
<view class="line with-arrow"> |
|
|
|
|
<view class="name">省份</view> |
|
|
|
|
<view class="inline"> |
|
|
|
|
<text v-if="disabled" class="name">{{ provinceName }}</text> |
|
|
|
|
<uni-data-picker v-else class="picker-input" :clear-icon="false" :readonly="disabled" placeholder="请选择省份" popup-title="请选择省份" preload :localdata="provinces" :map="{text: 'provinceName', value: 'provinceId'}" v-model="provinceId" @change="getCity"></uni-data-picker> |
|
|
|
|
<uni-data-picker class="picker-input" :clear-icon="false" placeholder="请选择省份" popup-title="请选择省份" preload :localdata="provinces" :map="{text: 'provinceName', value: 'provinceName'}" v-model="form.province" @change="getCity"></uni-data-picker> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="line with-arrow"> |
|
|
|
|
<view class="name">城市</view> |
|
|
|
|
<view class="inline"> |
|
|
|
|
<uni-data-picker class="picker-input" :clear-icon="false" :readonly="!form.province" placeholder="请选择城市" popup-title="请选择城市" preload :localdata="cities" :map="{text: 'cityName', value: 'cityName'}" v-model="form.city"></uni-data-picker> |
|
|
|
|
</view> |
|
|
|
|
<uni-icons type="right" size="18" color="#ababab"></uni-icons> |
|
|
|
|
</view> |
|
|
|
|
<view class="line textarea-line"> |
|
|
|
|
<view class="name">地址</view> |
|
|
|
|
<textarea placeholder="请输入地址"></textarea> |
|
|
|
|
<textarea placeholder="请输入详细地址" v-model="form.address"></textarea> |
|
|
|
|
</view> |
|
|
|
|
<view class="line with-arrow"> |
|
|
|
|
<view class="name">联系电话</view> |
|
|
|
|
<input type="text" placeholder="请输入联系电话" v-model="form.phone" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="line textarea-line no-bd"> |
|
|
|
|
<view class="name">幼儿园简介</view> |
|
|
|
|
<textarea placeholder="请输入幼儿园简介"></textarea> |
|
|
|
|
<view class="name">{{ platformName }}简介</view> |
|
|
|
|
<textarea :placeholder="'请输入' + platformName + '简介'" v-model="form.briefIntroduction"></textarea> |
|
|
|
|
</view> |
|
|
|
|
<view class="py"> |
|
|
|
|
<uni-file-picker v-model="desPics" limit="3" title="最多选择3张图片" :auto-upload="false" @select="select" ></uni-file-picker> |
|
|
|
|
<uni-file-picker v-model="desPics" limit="3" title="最多选择3张图片" :auto-upload="false" @select="uploadDes"></uni-file-picker> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -45,17 +47,39 @@ |
|
|
|
|
|
|
|
|
|
<view class="block"> |
|
|
|
|
<view class="form-list edit-form"> |
|
|
|
|
<view class="line textarea-line"> |
|
|
|
|
<view class="name">地址</view> |
|
|
|
|
<textarea placeholder="请输入地址"></textarea> |
|
|
|
|
<view class="line with-arrow no-bd"> |
|
|
|
|
<view class="name">二维码描述一</view> |
|
|
|
|
<input type="text" placeholder="输入二维码描述一" v-model="form.qrCodeOneName" /> |
|
|
|
|
<uni-icons type="right" size="18" color="#ababab"></uni-icons> |
|
|
|
|
</view> |
|
|
|
|
<view class="line with-arrow"> |
|
|
|
|
<view class="name">联系电话</view> |
|
|
|
|
<input type="text" placeholder="请输入联系电话" /> |
|
|
|
|
<view class="py"> |
|
|
|
|
<uni-file-picker v-model="qrCodeOne" limit="1" title="上传二维码一" :auto-upload="false" @select="e => uploadQrcode(e, 'qrCodeOne')" ></uni-file-picker> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="block"> |
|
|
|
|
<view class="form-list edit-form"> |
|
|
|
|
<view class="line with-arrow no-bd"> |
|
|
|
|
<view class="name">二维码描述二</view> |
|
|
|
|
<input type="text" placeholder="输入二维码描述二" v-model="form.qrCodeTwoName" /> |
|
|
|
|
<uni-icons type="right" size="18" color="#ababab"></uni-icons> |
|
|
|
|
</view> |
|
|
|
|
<view class="py"> |
|
|
|
|
<uni-file-picker v-model="desPics" limit="3" title="请上传二维码,最多选择3张图片" :auto-upload="false" @select="select" ></uni-file-picker> |
|
|
|
|
<uni-file-picker v-model="qrCodeTwo" limit="1" title="上传二维码二" :auto-upload="false" @select="e => uploadQrcode(e, 'qrCodeTwo')" ></uni-file-picker> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="block"> |
|
|
|
|
<view class="form-list edit-form"> |
|
|
|
|
<view class="line with-arrow no-bd"> |
|
|
|
|
<view class="name">二维码描述三</view> |
|
|
|
|
<input type="text" placeholder="输入二维码描述三" v-model="form.qrCodeThreeName" /> |
|
|
|
|
<uni-icons type="right" size="18" color="#ababab"></uni-icons> |
|
|
|
|
</view> |
|
|
|
|
<view class="py"> |
|
|
|
|
<uni-file-picker v-model="qrCodeThree" limit="1" title="上传二维码三" :auto-upload="false" @select="e => uploadQrcode(e, 'qrCodeThree')" ></uni-file-picker> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -67,76 +91,113 @@ |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
|
import { my } from '@/apis/modules/parner.js' |
|
|
|
|
import { queryProvince, queryCity, updateAvatars, getUserRolesPermissionMenu } from '@/apis/modules/user.js' |
|
|
|
|
import { queryProvince, queryCity, queryTeamInfo, updateTeamInfo, enterpriseCertificationStatus } from '@/apis/modules/user.js' |
|
|
|
|
import OSS from '@/libs/Oss/upload' |
|
|
|
|
import Common from '@/config/common' |
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
logo: 'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png', |
|
|
|
|
disabled: true, |
|
|
|
|
openId: uni.getStorageSync('openId'), |
|
|
|
|
info: {}, |
|
|
|
|
form: { |
|
|
|
|
address: '', |
|
|
|
|
briefIntroduction: '', |
|
|
|
|
city: '', |
|
|
|
|
classificationName: '', |
|
|
|
|
id: uni.getStorageSync('teamId'), |
|
|
|
|
logoUrl: '', |
|
|
|
|
pictureUrl: '', |
|
|
|
|
province: '', |
|
|
|
|
qrCodeOneName: '', |
|
|
|
|
qrCodeOneUrl: '', |
|
|
|
|
qrCodeThreeName: '', |
|
|
|
|
qrCodeThreeUrl: '', |
|
|
|
|
qrCodeTwoName: '', |
|
|
|
|
qrCodeTwoUrl: '', |
|
|
|
|
slogan: '', |
|
|
|
|
}, |
|
|
|
|
qrCodeOne: [], |
|
|
|
|
qrCodeTwo: [], |
|
|
|
|
qrCodeThree: [], |
|
|
|
|
qrcodeLen: 1, |
|
|
|
|
provinces: [], |
|
|
|
|
cities: [], |
|
|
|
|
provinceId: '', |
|
|
|
|
cityId: '', |
|
|
|
|
provinceName: '', |
|
|
|
|
cityName: '', |
|
|
|
|
desPics: [] |
|
|
|
|
desPics: [], |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
// 平台名字 |
|
|
|
|
platformName() { |
|
|
|
|
return this.info.platformSource === '6' ? '供应商' : this.info.platformSource === '5' ? '幼儿园' : '' |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
// this.getInfo() |
|
|
|
|
this.getEnterInfo() |
|
|
|
|
this.getProvince() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// 企业认证信息 |
|
|
|
|
async getEnterInfo() { |
|
|
|
|
const { data } = await enterpriseCertificationStatus(this.openId) |
|
|
|
|
if (data) { |
|
|
|
|
this.info = data |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 获取个人信息 |
|
|
|
|
getInfo() { |
|
|
|
|
const { partnerId, teamId } = uni.getStorageSync('team') |
|
|
|
|
my({ |
|
|
|
|
partnerId, |
|
|
|
|
teamId |
|
|
|
|
}).then(({ my }) => { |
|
|
|
|
this.info = my.info |
|
|
|
|
queryTeamInfo({ |
|
|
|
|
teamId: this.form.id |
|
|
|
|
}).then(res => { |
|
|
|
|
const data = res.teamInfo |
|
|
|
|
if (!data.logoUrl) data.logoUrl = Common.avatar |
|
|
|
|
|
|
|
|
|
if (data.pictureUrl) { |
|
|
|
|
const pics = data.pictureUrl.split(',') |
|
|
|
|
const result = [] |
|
|
|
|
pics.forEach(url => { |
|
|
|
|
result.push({ |
|
|
|
|
url |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
this.desPics = result |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 二维码回显 |
|
|
|
|
if (data.qrCodeOneUrl) { |
|
|
|
|
this.qrCodeOne = [{ |
|
|
|
|
url: data.qrCodeOneUrl |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
if (data.qrCodeTwoUrl) { |
|
|
|
|
this.qrCodeTwo = [{ |
|
|
|
|
url: data.qrCodeTwoUrl |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
if (data.qrCodeThreeUrl) { |
|
|
|
|
this.qrCodeThree = [{ |
|
|
|
|
url: data.qrCodeThreeUrl |
|
|
|
|
}] |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
this.form = data |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
data.province && this.getCity() |
|
|
|
|
}) |
|
|
|
|
}).catch(e => {}) |
|
|
|
|
}, |
|
|
|
|
// 获取省份 |
|
|
|
|
getProvince() { |
|
|
|
|
queryProvince().then(({ list }) => { |
|
|
|
|
if (this.disabled) { |
|
|
|
|
const { provinceId } = this |
|
|
|
|
if (provinceId) this.provinceName = list.find(e => e.provinceId == provinceId).provinceName |
|
|
|
|
} else { |
|
|
|
|
this.provinces = list |
|
|
|
|
} |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
async getProvince() { |
|
|
|
|
const { list } = await queryProvince() |
|
|
|
|
this.provinces = list |
|
|
|
|
this.getInfo() |
|
|
|
|
}, |
|
|
|
|
// 获取城市 |
|
|
|
|
getCity(val) { |
|
|
|
|
if (this.provinceId) { |
|
|
|
|
queryCity({ |
|
|
|
|
provinceId: this.provinceId |
|
|
|
|
}).then(({ list }) => { |
|
|
|
|
if (this.disabled) { |
|
|
|
|
const { cityId } = this |
|
|
|
|
if (cityId) this.cityName = list.find(e => e.cityId == cityId).cityName |
|
|
|
|
} else { |
|
|
|
|
this.cities = list |
|
|
|
|
} |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
} else { |
|
|
|
|
this.cities = [] |
|
|
|
|
} |
|
|
|
|
if (val) this.cityId = '' |
|
|
|
|
}, |
|
|
|
|
select(e){ |
|
|
|
|
console.log('选择文件：',e) |
|
|
|
|
OSS(e.tempFilePaths[0], (res) => { |
|
|
|
|
this.desPics.push({ |
|
|
|
|
name: res.name, |
|
|
|
|
extname: res.ext, |
|
|
|
|
url: res.url, |
|
|
|
|
}) |
|
|
|
|
async getCity() { |
|
|
|
|
const { list } = await queryCity({ |
|
|
|
|
provinceId: this.provinces.find(e => e.provinceName == this.form.province).provinceId |
|
|
|
|
}) |
|
|
|
|
this.cities = list |
|
|
|
|
this.cityId = '' |
|
|
|
|
}, |
|
|
|
|
// 上传logo |
|
|
|
|
uploadLogo() { |
|
|
|
|
@ -145,19 +206,45 @@ |
|
|
|
|
success: (res) => { |
|
|
|
|
const file = res.tempFilePaths[0]; |
|
|
|
|
OSS(file, ({ url }) => { |
|
|
|
|
that.logo = url |
|
|
|
|
that.form.logoUrl = url |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
onEditorReady() { |
|
|
|
|
uni.createSelectorQuery().select('#editor').context((res) => { |
|
|
|
|
this.editorCtx = res.context |
|
|
|
|
}).exec() |
|
|
|
|
// 上传描述图片 |
|
|
|
|
uploadDes(e){ |
|
|
|
|
OSS(e.tempFilePaths[0], (res) => { |
|
|
|
|
this.desPics.push({ |
|
|
|
|
name: res.name, |
|
|
|
|
extname: res.ext, |
|
|
|
|
url: res.url, |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 上传二维码 |
|
|
|
|
uploadQrcode(e, field){ |
|
|
|
|
OSS(e.tempFilePaths[0], (res) => { |
|
|
|
|
this[field].push({ |
|
|
|
|
name: res.name, |
|
|
|
|
extname: res.ext, |
|
|
|
|
url: res.url, |
|
|
|
|
}) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 提交 |
|
|
|
|
submit() { |
|
|
|
|
async submit() { |
|
|
|
|
const { form } = this |
|
|
|
|
if (!form.classificationName) return this.$util.errMsg(`请输入幼儿园名称！`) |
|
|
|
|
form.pictureUrl = this.desPics.map(e => e.url).join() |
|
|
|
|
form.qrCodeOneUrl = this.qrCodeOne.length ? this.qrCodeOne[0].url : '' |
|
|
|
|
form.qrCodeTwoUrl = this.qrCodeTwo.length ? this.qrCodeTwo[0].url : '' |
|
|
|
|
form.qrCodeThreeUrl = this.qrCodeThree.length ? this.qrCodeThree[0].url : '' |
|
|
|
|
await updateTeamInfo(form) |
|
|
|
|
|
|
|
|
|
this.$util.sucMsg('保存成功！') |
|
|
|
|
setTimeout(() => { |
|
|
|
|
uni.navigateBack() |
|
|
|
|
}, 1500) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
@ -174,20 +261,9 @@ |
|
|
|
|
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; |
|
|
|
|
/deep/.picker-input { |
|
|
|
|
.arrow-area { |
|
|
|
|
display: none; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
|
