159 lines
3.0 KiB
Vue
159 lines
3.0 KiB
Vue
<template>
|
||
<view>
|
||
<u-alert-tips
|
||
:show-icon="true"
|
||
type="info"
|
||
:description="description"
|
||
></u-alert-tips>
|
||
<view style="margin-top: 20rpx; padding: 0 40rpx">
|
||
<u-radio-group
|
||
:width="'50%'"
|
||
size="50"
|
||
v-model="jubaoType"
|
||
>
|
||
<u-radio
|
||
style="margin-top: 20rpx"
|
||
:label-disabled="false"
|
||
v-for="(item, index) in list"
|
||
:key="index"
|
||
:name="item.content"
|
||
>
|
||
{{ item.content }}
|
||
</u-radio>
|
||
</u-radio-group>
|
||
<!-- -->
|
||
<view style="margin-top: 40rpx">
|
||
<view style="margin-bottom: 20rpx">举报描述（选填）</view>
|
||
<u-input
|
||
maxlength="32"
|
||
v-model="des"
|
||
:type="'textarea'"
|
||
:border="true"
|
||
:height="200"
|
||
:auto-height="true"
|
||
/>
|
||
<view style="text-align: right">{{ des.length }}/32</view>
|
||
</view>
|
||
</view>
|
||
<!-- -->
|
||
<u-button
|
||
class="custom-style"
|
||
:ripple="true"
|
||
type="error"
|
||
@click="sub"
|
||
>
|
||
提交
|
||
</u-button>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { reportVideo } from '@/api/vlog';
|
||
import storage from '@/utils/storage.js'; //缓存
|
||
export default {
|
||
data() {
|
||
return {
|
||
vlogId: '',
|
||
channelComment: null,
|
||
description: '您的举报我们将尽快受理，核实后我们将第一时间告知受理结果，请尽量提交完整的举报描述',
|
||
jubaoType: '',
|
||
des: '',
|
||
list: [
|
||
{
|
||
id: 1,
|
||
content: '低俗色情'
|
||
},
|
||
{
|
||
id: 2,
|
||
content: '违法犯罪'
|
||
},
|
||
{
|
||
id: 3,
|
||
content: '涉政信息'
|
||
},
|
||
{
|
||
id: 4,
|
||
content: '虚假宣传'
|
||
},
|
||
{
|
||
id: 5,
|
||
content: '不良向导'
|
||
},
|
||
{
|
||
id: 6,
|
||
content: '侵犯个人隐私'
|
||
}
|
||
],
|
||
flag: true
|
||
};
|
||
},
|
||
destroyed() {
|
||
console.log('举报页面销毁');
|
||
// 销毁时关闭 BroadcastChannel
|
||
if (this.channelComment) {
|
||
this.channelComment.close();
|
||
}
|
||
},
|
||
onLoad(e) {
|
||
this.channelComment = new BroadcastChannel('comment-counts');
|
||
this.vlogId = e.vlogId;
|
||
this.init = e.from;
|
||
},
|
||
methods: {
|
||
async sub() {
|
||
if (!this.flag) return;
|
||
this.flag = false;
|
||
console.log(this.jubaoType);
|
||
if (this.jubaoType) {
|
||
var data = {
|
||
myId: storage.getVlogUserInfo().id,
|
||
vlogId: this.vlogId,
|
||
reason: this.jubaoType,
|
||
description: this.des
|
||
};
|
||
console.log(data);
|
||
var res = await reportVideo(data);
|
||
console.log(res);
|
||
if (res.data.status == 200) {
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '举报成功'
|
||
});
|
||
// 刷新对应的videoList
|
||
this.channelComment.postMessage({
|
||
type: 'comment-counts',
|
||
data: { lahei: true }
|
||
});
|
||
setTimeout(() => {
|
||
if (this.init == 'detail') {
|
||
uni.switchTab({
|
||
url: '/pages/tabbar/vlog/index'
|
||
});
|
||
} else {
|
||
uni.navigateBack();
|
||
}
|
||
}, 1000);
|
||
}
|
||
} else {
|
||
this.flag = true;
|
||
uni.showToast({
|
||
icon: 'none',
|
||
title: '请选择举报原因'
|
||
});
|
||
}
|
||
}
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style scoped>
|
||
.custom-style {
|
||
width: 680rpx;
|
||
margin: 0 auto;
|
||
position: fixed;
|
||
bottom: 50rpx;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
</style>
|