Browse Source

上传演员发布

master
前端-胡立永 11 months ago
parent
commit
3fc828de9e
2 changed files with 204 additions and 13 deletions
  1. +203
    -4
      pages/publish/actorRelease.vue
  2. +1
    -9
      pages/publish/publishPost.vue

+ 203
- 4
pages/publish/actorRelease.vue View File

@ -5,22 +5,221 @@
@leftClick="$utils.navigateBack"
title="演员发布"/>
<view class="form">
<view class="form-item">
<view class="label">
名称
</view>
<input type="text" placeholder="请输入名称"/>
</view>
<view class="form-item">
<view class="label">
价格
</view>
<input type="number" placeholder="请输入价格"/>
</view>
<view class="form-item">
<view class="label">
地点
</view>
<input type="text" placeholder="请输入地点"/>
</view>
<view class="form-item">
<view class="label">
时间
</view>
<input type="text" placeholder="请选择时间"/>
</view>
<view class="form-item">
<view class="label">
联系方式
</view>
<input type="text" placeholder="请输入联系方式"/>
</view>
<view class="form-item-content">
<view class="label">
详情介绍
</view>
<view class="textarea">
<uv-textarea
v-model="form.content"
:maxlength="200"
count
placeholder="输入详情介绍"></uv-textarea>
</view>
</view>
<view class="form-item-content">
<view class="label">
发布人
</view>
<view class="textarea">
<uv-radio-group v-model="form.createType">
<uv-radio
size="35rpx"
icon-size="35rpx"
label="本人发布"
labelSize="28rpx"
name="1">
</uv-radio>
<uv-radio
size="35rpx"
icon-size="35rpx"
label="经纪人发布"
labelSize="28rpx"
name="0">
</uv-radio>
</uvuv-radio-group>
</view>
</view>
<view class="form-item-content">
<view class="label">
联系方式是否付费查看建议付费避免无效联系
</view>
<view class="textarea">
<uv-radio-group v-model="form.phonePrice">
<uv-radio
size="35rpx"
icon-size="35rpx"
label="是"
labelSize="28rpx"
name="1">
</uv-radio>
<uv-radio
size="35rpx"
icon-size="35rpx"
label="否"
labelSize="28rpx"
name="0">
</uv-radio>
</uvuv-radio-group>
</view>
</view>
<view class="form-item-content">
<view class="label">
是否置顶
</view>
<view class="textarea">
<uv-radio-group v-model="form.upTop">
<uv-radio
size="35rpx"
icon-size="35rpx"
label="是"
labelSize="28rpx"
name="1">
</uv-radio>
<uv-radio
size="35rpx"
icon-size="35rpx"
label="否"
labelSize="28rpx"
name="0">
</uv-radio>
</uvuv-radio-group>
</view>
</view>
<view class="form-item-content">
<view class="label">
代表作
</view>
<view class="upload">
<uv-upload
:fileList="fileList"
:maxCount="5"
multiple
width="150rpx"
height="150rpx"
@delete="deleteImage"
@afterRead="afterRead"
:previewFullImage="true"></uv-upload>
</view>
</view>
</view>
演员发布
<submit
@submit="submit"
@preview="preview"
@draft="draft"
/>
</view>
</template>
<script>
import submit from '@/components/content/submit.vue'
export default {
components : {
submit,
},
data() {
return {
form : {
phonePrice : '1',
upTop : '1',
createType : '1',
},
fileList: [
{
url: 'https://cdn.uviewui.com/uview/swiper/2.jpg'
},
],
};
},
methods : {
deleteImage(e){
this.fileList.splice(e.index, 1)
},
afterRead(e){
let self = this
e.file.forEach(file => {
self.$Oss.ossUpload(file.url).then(url => {
self.fileList.push({
url
})
})
})
},
submit(){},
preview(){},
draft(){},
}
}
</script>
<style lang="scss" scoped>
.actorRelease{
background-color: #fff;
min-height: 100vh;
font-size: 28rpx;
padding-bottom: 150rpx;
/deep/ .uv-radio{
margin-right: 25rpx;
margin-top: 10rpx;
}
.form{
.label{
padding: 20rpx;
}
.form-item{
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 0;
padding-right: 30rpx;
input{
text-align: right;
flex: 1;
}
}
.form-item-content{
padding-right: 30rpx;
padding-top: 30rpx;
.textarea{
padding-left: 20rpx;
}
.upload{
padding-left: 20rpx;
}
}
}
}
</style>

+ 1
- 9
pages/publish/publishPost.vue View File

@ -105,15 +105,6 @@
};
},
methods : {
//
uploadImage(){
let self = this
this.$Oss.ossUploadImage({
success(res){
self.form.images.push(res)
}
})
},
deleteImage(e){
this.fileList.splice(e.index, 1)
},
@ -139,6 +130,7 @@
background-color: #fff;
min-height: 100vh;
font-size: 28rpx;
padding-bottom: 150rpx;
/deep/ .uv-textarea{
background-color: transparent;
border: none;


Loading…
Cancel
Save