|
|
|
@ -1,11 +1,17 @@ |
|
|
|
<template> |
|
|
|
<view class="actorRelease"> |
|
|
|
<navbar leftClick @leftClick="$utils.navigateBack" title="演员发布" /> |
|
|
|
|
|
|
|
|
|
|
|
<view class="avatarFace" @click="uploadImage('image')"> |
|
|
|
<image v-if="form.image" :src="form.image" style="width: 100%;height: 100%"></image> |
|
|
|
<image v-else src="../../static/image/+.png" style="width: 100%;height: 100%"></image> |
|
|
|
|
|
|
|
<view class="images box"> |
|
|
|
<uv-upload |
|
|
|
:fileList="fileListImage" |
|
|
|
:maxCount="1" |
|
|
|
multiple |
|
|
|
width="150rpx" |
|
|
|
height="150rpx" |
|
|
|
@delete="deleteImage2" |
|
|
|
@afterRead="afterRead2" |
|
|
|
:previewFullImage="true"></uv-upload> |
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
|
|
@ -45,7 +51,7 @@ |
|
|
|
详情介绍: |
|
|
|
</view> |
|
|
|
<view class="textarea"> |
|
|
|
<uv-textarea v-model="form.content" :maxlength="200" count placeholder="输入详情介绍"></uv-textarea> |
|
|
|
<uv-textarea v-model="form.photographerContent" :maxlength="200" count placeholder="输入详情介绍"></uv-textarea> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item-content"> |
|
|
|
@ -54,9 +60,15 @@ |
|
|
|
</view> |
|
|
|
<view class="textarea"> |
|
|
|
<uv-radio-group v-model="form.isUser"> |
|
|
|
<uv-radio size="35rpx" icon-size="35rpx" label="本人发布" labelSize="28rpx" name="1"> |
|
|
|
<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 size="35rpx" |
|
|
|
icon-size="35rpx" |
|
|
|
label="经纪人发布" |
|
|
|
labelSize="28rpx" name="0"> |
|
|
|
</uv-radio> |
|
|
|
</uv-radio-group> |
|
|
|
</view> |
|
|
|
@ -74,7 +86,7 @@ |
|
|
|
</uv-radio-group> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="form-item-content"> |
|
|
|
<!-- <view class="form-item-content"> |
|
|
|
<view class="label"> |
|
|
|
是否置顶 |
|
|
|
</view> |
|
|
|
@ -86,24 +98,31 @@ |
|
|
|
</uv-radio> |
|
|
|
</uv-radio-group> |
|
|
|
</view> |
|
|
|
<!-- 新版(方法401,暂时注释)) --> |
|
|
|
<!-- <view class="title"> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<view class="upTop"> |
|
|
|
<view class="title"> |
|
|
|
<uv-icon name="pushpin-fill"></uv-icon> |
|
|
|
是否置顶 |
|
|
|
</view> |
|
|
|
<uv-radio-group v-model="form.upTop"> |
|
|
|
<uv-radio-group v-model="form.topId"> |
|
|
|
<view class="list"> |
|
|
|
<view class="item" v-for="(item, index) in upTopList" :key="index"> |
|
|
|
<view class="item" |
|
|
|
v-for="(item, index) in upTopList" |
|
|
|
:key="index"> |
|
|
|
<view class="left"> |
|
|
|
置顶{{ item.day }}天{{ item.money }}元 |
|
|
|
</view> |
|
|
|
<view class="right"> |
|
|
|
<uv-radio size="35rpx" icon-size="35rpx" :name="item.id"> |
|
|
|
<uv-radio |
|
|
|
size="35rpx" |
|
|
|
icon-size="35rpx" |
|
|
|
:name="item.id"> |
|
|
|
</uv-radio> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</uv-radio-group> --> |
|
|
|
</uv-radio-group> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-item-content"> |
|
|
|
@ -118,6 +137,22 @@ |
|
|
|
</view> |
|
|
|
|
|
|
|
<submit @submit="submit" @preview="preview" @draft="draft" /> |
|
|
|
|
|
|
|
|
|
|
|
<confirmationPopup |
|
|
|
ref="confirmationPopup" |
|
|
|
title="提示" |
|
|
|
@confirm="pay" |
|
|
|
confirmText="确认支付"> |
|
|
|
<view class="confirmationPopup"> |
|
|
|
<image src="/static/image/publish/pay.png" |
|
|
|
style="width: 150rpx;height: 150rpx;" |
|
|
|
mode=""></image> |
|
|
|
<view class="info"> |
|
|
|
确认支付{{ topInfo.money }}元,可置顶{{ topInfo.day }}天 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</confirmationPopup> |
|
|
|
|
|
|
|
<confirmationPopup ref="confirmationPopupUpload" title="提示" confirmText="确认" @confirm="confirm()"> |
|
|
|
<view class="confirmationPopup"> |
|
|
|
@ -145,26 +180,37 @@ |
|
|
|
data() { |
|
|
|
return { |
|
|
|
form: { |
|
|
|
phonePrice: '1', |
|
|
|
upTop: '1', |
|
|
|
createType: '1', |
|
|
|
money: '', |
|
|
|
name : '', |
|
|
|
phone : '', |
|
|
|
isUser : '1',//是否本人发布 |
|
|
|
phonePay : '1',//联系方式是否付费查看 |
|
|
|
photographerContent : '',//演员介绍 |
|
|
|
}, |
|
|
|
fileList: [ |
|
|
|
fileList: [//代表作 |
|
|
|
// { |
|
|
|
// url: 'https://cdn.uviewui.com/uview/swiper/2.jpg' |
|
|
|
// }, |
|
|
|
], |
|
|
|
fileListImage: [], |
|
|
|
fileListImage: [],//封面 |
|
|
|
upTopList: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
...mapState(['certifiedIndividual']), |
|
|
|
computed : { |
|
|
|
topInfo(){ |
|
|
|
for (var i = 0; i < this.upTopList.length; i++) { |
|
|
|
if(this.upTopList[i].id == this.form.topId){ |
|
|
|
return this.upTopList[i] |
|
|
|
} |
|
|
|
} |
|
|
|
return {} |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
// this.indexTopPayList() |
|
|
|
onShow() { |
|
|
|
this.indexTopPayList() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取置顶方式 |
|
|
|
indexTopPayList() { |
|
|
|
this.$api('indexTopPayList', res => { |
|
|
|
if (res.code == 200) { |
|
|
|
@ -172,19 +218,12 @@ |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
uploadImage(key) { |
|
|
|
this.$Oss.ossUploadImage({ |
|
|
|
success: url => { |
|
|
|
this.$set(this.form, "image", url) |
|
|
|
// this.certifiedIndividual[key] = url |
|
|
|
} |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 删除图片 |
|
|
|
deleteImage(e) { |
|
|
|
this.fileList.splice(e.index, 1) |
|
|
|
}, |
|
|
|
// 上传作品 |
|
|
|
afterRead(e) { |
|
|
|
let self = this |
|
|
|
e.file.forEach(file => { |
|
|
|
@ -210,19 +249,15 @@ |
|
|
|
}, |
|
|
|
pay() { |
|
|
|
|
|
|
|
let arr = [] |
|
|
|
|
|
|
|
this.fileList.forEach(n => { |
|
|
|
arr.push(n.url) |
|
|
|
}) |
|
|
|
|
|
|
|
let data = { |
|
|
|
...this.form, |
|
|
|
isCard: 1, |
|
|
|
image: arr.join(',') |
|
|
|
isImage : this.fileList.map((item) => item.url).join(","), |
|
|
|
image : this.fileListImage.map((item) => item.url).join(","), |
|
|
|
isTop : this.form.topId ? 'Y' : 'N', |
|
|
|
} |
|
|
|
|
|
|
|
this.$api('infoReleaseTrends', data, |
|
|
|
this.$api('publishActor', data, |
|
|
|
res => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.$refs.confirmationPopupUpload.open() |
|
|
|
@ -230,16 +265,40 @@ |
|
|
|
}) |
|
|
|
}, |
|
|
|
submit() { |
|
|
|
console.log("fileList", this.fileList.map((item) => item.url).join(",")) |
|
|
|
this.form.magnumOpus = this.fileList.map((item) => item.url).join(",") |
|
|
|
this.$api('publishActor', this.form, res => { |
|
|
|
if (res.code == 200) { |
|
|
|
this.$refs.confirmationPopupUpload.open() |
|
|
|
} |
|
|
|
}) |
|
|
|
|
|
|
|
if(this.fileListImage.length == 0){ |
|
|
|
return uni.showToast({ |
|
|
|
title: '请上传封面', |
|
|
|
icon : 'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
if(this.fileList.length == 0){ |
|
|
|
return uni.showToast({ |
|
|
|
title: '请上传代表作', |
|
|
|
icon : 'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
if (this.$utils.verificationAll(this.form, { |
|
|
|
name: '请输入演员名称', |
|
|
|
photographerContent: '请输入演员介绍', |
|
|
|
phone: '请输入手机号', |
|
|
|
money: '请输入价格', |
|
|
|
})) { |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
if(this.form.topId){ |
|
|
|
// 选择付费模式 |
|
|
|
this.$refs.confirmationPopup.open() |
|
|
|
}else{ |
|
|
|
// 没有选择付费 |
|
|
|
this.pay() |
|
|
|
} |
|
|
|
}, |
|
|
|
confirm() { |
|
|
|
this.$refs.confirmationPopupUpload.close() |
|
|
|
// this.$refs.confirmationPopupUpload.close() |
|
|
|
uni.navigateTo({ |
|
|
|
url: "/pages/index/index" |
|
|
|
}) |
|
|
|
@ -270,6 +329,30 @@ |
|
|
|
// border: 1px solid #000000; |
|
|
|
margin-left: 10rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.upTop{ |
|
|
|
margin-top: 40rpx; |
|
|
|
.title{ |
|
|
|
padding-top: 20rpx; |
|
|
|
padding-left: 30rpx; |
|
|
|
border-top: 1px solid #00000015; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
.list{ |
|
|
|
padding-top: 30rpx; |
|
|
|
width: 100%; |
|
|
|
.item{ |
|
|
|
display: flex; |
|
|
|
padding: 20rpx; |
|
|
|
padding-left: 80rpx; |
|
|
|
justify-content: space-between; |
|
|
|
width: 600rpx; |
|
|
|
border-bottom: 1px solid #00000015; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.form { |
|
|
|
.label { |
|
|
|
|