举报 拉黑 查看评论
This commit is contained in:
lr
parent
a8684b1956
commit
4e88cbdefc
|
|
@ -352,6 +352,30 @@ const mine = {
|
|||
method: 'GET',
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 解锁他人评论
|
||||
* @param {Object} param
|
||||
*/
|
||||
unlockComment(param) {
|
||||
return util.request({
|
||||
url: `/video/comment/unlockOthersComment`,
|
||||
data: param,
|
||||
method: 'POST',
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 拉黑
|
||||
* @param {Object} param
|
||||
*/
|
||||
blockUser(param) {
|
||||
return util.request({
|
||||
url: `/video/statistics/block`,
|
||||
data: param,
|
||||
method: 'POST',
|
||||
})
|
||||
},
|
||||
}
|
||||
|
||||
export default mine
|
||||
|
|
@ -426,7 +426,7 @@ const video = {
|
|||
*/
|
||||
reportVideo(param) {
|
||||
return util.request({
|
||||
url: `/report/reportVideo`,
|
||||
url: `/video/videoReport`,
|
||||
data: param.data,
|
||||
method: 'POST',
|
||||
})
|
||||
|
|
|
|||
|
|
@ -6,9 +6,9 @@ const config = {
|
|||
// host: 'h5api',
|
||||
// #endif
|
||||
// #ifndef H5
|
||||
host: 'http://91f.xyz:8080',
|
||||
// host: 'http://91f.xyz:8080',
|
||||
// host: 'https://1a880cd5.r24.cpolar.top/',
|
||||
// host: 'http://6mkwby.natappfree.cc',
|
||||
host: 'http://aere2w.natappfree.cc',
|
||||
// #endif
|
||||
// 支付方式配置
|
||||
payType: {
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
<script setup>
|
||||
/**
|
||||
/**
|
||||
* 视频菜单组件
|
||||
*
|
||||
*/
|
||||
|
||||
import {
|
||||
import {
|
||||
ref,
|
||||
reactive,
|
||||
onMounted
|
||||
} from 'vue'
|
||||
import video from '../../api/video';
|
||||
import util from '../../common/js/util';
|
||||
} from 'vue'
|
||||
import video from '../../api/video';
|
||||
import util from '../../common/js/util';
|
||||
|
||||
// 传参
|
||||
const props = defineProps({
|
||||
// 传参
|
||||
const props = defineProps({
|
||||
// 列表数据
|
||||
list: {
|
||||
type: Array,
|
||||
|
|
@ -38,37 +38,40 @@
|
|||
type: [String, Number],
|
||||
default: 0,
|
||||
},
|
||||
})
|
||||
// 子触发父
|
||||
const emit = defineEmits(['item'])
|
||||
// 已选择的视频id
|
||||
const ids = defineModel('ids')
|
||||
// 视频上下文对象
|
||||
const videoContext = ref(null)
|
||||
// 视频播放路径
|
||||
const videoUrl = ref('')
|
||||
})
|
||||
// 子触发父
|
||||
const emit = defineEmits(['item'])
|
||||
// 已选择的视频id
|
||||
const videoInfo = reactive({
|
||||
videoId: '',
|
||||
coverUrl: '',
|
||||
})
|
||||
// 视频上下文对象
|
||||
const videoContext = ref(null)
|
||||
// 视频播放路径
|
||||
const videoUrl = ref('')
|
||||
|
||||
onMounted(() => {
|
||||
onMounted(() => {
|
||||
// 创建视频上下文对象
|
||||
videoContext.value = uni.createVideoContext('video')
|
||||
})
|
||||
})
|
||||
|
||||
// 进入全屏
|
||||
function requestFullScreen() {
|
||||
// 进入全屏
|
||||
function requestFullScreen() {
|
||||
videoContext.value.requestFullScreen()
|
||||
}
|
||||
}
|
||||
|
||||
// 暂停
|
||||
function pause() {
|
||||
// 暂停
|
||||
function pause() {
|
||||
// 暂停当前视频
|
||||
videoContext.value.pause()
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* 点击视频播放
|
||||
* @param {Object} item
|
||||
*/
|
||||
function handleVideo(item) {
|
||||
function handleVideo(item) {
|
||||
// 列表模式
|
||||
if (props.mode == 'list') {
|
||||
uni.navigateTo({
|
||||
|
|
@ -86,53 +89,50 @@
|
|||
else if (props.mode == 'menu') {
|
||||
emit('item', item)
|
||||
}
|
||||
// 多选模式
|
||||
// 单选模式
|
||||
else if (props.mode == 'checkbox') {
|
||||
const findIndex = ids.value.findIndex(node => node == item.videoId)
|
||||
if (findIndex >= 0) ids.value.splice(findIndex, 1)
|
||||
else {
|
||||
// 如果有限制 且 数量到达上限
|
||||
if (props.limit != 0 && props.limit <= ids.value.length) return
|
||||
ids.value.push(item.videoId)
|
||||
}
|
||||
}
|
||||
videoInfo.videoId = item.id
|
||||
videoInfo.coverUrl = item.coverUrl
|
||||
videoUrl.value = item.videoUrl
|
||||
emit('videoInfo', videoInfo)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* 视频进入退出全屏
|
||||
* @param {Object} ev
|
||||
*/
|
||||
function videoFullscreenchange(ev) {
|
||||
function videoFullscreenchange(ev) {
|
||||
// 根据全屏状态决定是否播放盒暂停
|
||||
if (ev.detail.fullScreen) videoContext.value.play()
|
||||
else pause()
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
defineExpose({
|
||||
videoContext,
|
||||
pause,
|
||||
requestFullScreen,
|
||||
})
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view>
|
||||
<!-- 视频菜单 -->
|
||||
<view class="list">
|
||||
<view class="item pr" v-for="(item,index) in list" :key="index" @click="handleVideo(item)">
|
||||
<view class="item pr" v-for="(item, index) in list" :key="index" @click="handleVideo(item)">
|
||||
<image :src="item.coverUrl" mode="aspectFill" />
|
||||
|
||||
<view class="window pfull"></view>
|
||||
|
||||
<!-- 选项 -->
|
||||
<view class="amount pa r0 t0 df ptb10 plr10" v-if="mode == 'checkbox'">
|
||||
<uni-icons type="circle-filled" size="50rpx" color="#20D200" v-if="ids.includes(item.videoId)" />
|
||||
<uni-icons type="circle-filled" size="50rpx" color="#20D200" v-if="videoInfo.videoId == item.id" />
|
||||
<uni-icons type="circle" color="#fff" size="50rpx" v-else />
|
||||
</view>
|
||||
|
||||
<view class="amount pa l0 r0 b0 df ptb10 plr10" v-if="item.play">
|
||||
<image class="wh24" src="/static/amount.png" mode="aspectFit" />
|
||||
<view class="txt f1 ml10 cfff f20">{{item.play}}</view>
|
||||
<view class="txt f1 ml10 cfff f20">{{ item.play }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -145,8 +145,8 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
//
|
||||
.list {
|
||||
//
|
||||
.list {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 5rpx;
|
||||
|
|
@ -170,12 +170,12 @@
|
|||
opacity: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 视频上下文对象
|
||||
.videoContext {
|
||||
// 视频上下文对象
|
||||
.videoContext {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,108 +1,101 @@
|
|||
<script setup>
|
||||
/**
|
||||
/**
|
||||
* 视频举报
|
||||
*/
|
||||
import {
|
||||
import {
|
||||
ref,
|
||||
reactive,
|
||||
computed,
|
||||
getCurrentInstance
|
||||
} from 'vue'
|
||||
import {
|
||||
} from 'vue'
|
||||
import {
|
||||
onLoad,
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
// 视频菜单
|
||||
import videoMenu from '@/components/index/videoMenu.vue';
|
||||
} from '@dcloudio/uni-app'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
// 视频菜单
|
||||
import videoMenu from '@/components/index/videoMenu.vue';
|
||||
|
||||
const {
|
||||
const {
|
||||
proxy
|
||||
} = getCurrentInstance()
|
||||
// 举报列表
|
||||
const reportList = reactive([{
|
||||
} = getCurrentInstance()
|
||||
// 举报列表
|
||||
const reportList = reactive([{
|
||||
name: '发布不正当的内容或信息',
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
name: '传播涩情资源',
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
name: '冒充他人',
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
name: '涉嫌诈骗',
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
name: '侵犯权益',
|
||||
},
|
||||
{
|
||||
},
|
||||
{
|
||||
name: '其他',
|
||||
}
|
||||
])
|
||||
// 举报下标
|
||||
const reportIndex = ref('')
|
||||
// 表单
|
||||
const form = reactive({
|
||||
}
|
||||
])
|
||||
// 举报下标
|
||||
const reportIndex = ref('')
|
||||
// 表单
|
||||
const form = reactive({
|
||||
userId: '',
|
||||
videoId: [],
|
||||
reason: '',
|
||||
context: '',
|
||||
pic: [],
|
||||
})
|
||||
// 列表数据
|
||||
const list = reactive({
|
||||
videoId: '',
|
||||
reasonForReporting: '',
|
||||
particulars: '',
|
||||
videoPictureUrl: '',
|
||||
coverUrl: ''
|
||||
})
|
||||
// 列表数据
|
||||
const list = reactive({
|
||||
data: [],
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
total: 0,
|
||||
})
|
||||
// 已选择的视频列表
|
||||
const videos = computed(() => {
|
||||
})
|
||||
// 已选择的视频列表
|
||||
const videos = computed(() => {
|
||||
let result = form.videoId.map(item => {
|
||||
return list.data.find(node => node.videoId == item) || {}
|
||||
})
|
||||
return result
|
||||
})
|
||||
})
|
||||
|
||||
onLoad((option) => {
|
||||
onLoad((option) => {
|
||||
// 被举报的用户id
|
||||
if (option.userId) form.userId = option.userId
|
||||
// 获取列表
|
||||
getList()
|
||||
})
|
||||
})
|
||||
|
||||
/**
|
||||
/**
|
||||
* 选择举报列表
|
||||
* @param {Object} ev 携带参数
|
||||
*/
|
||||
function handleReportList(ev) {
|
||||
function handleReportList(ev) {
|
||||
const index = ev.detail.value
|
||||
if (reportIndex.value === index) return
|
||||
reportIndex.value = index
|
||||
}
|
||||
}
|
||||
|
||||
// 刷新列表
|
||||
function refreshList() {
|
||||
// 刷新列表
|
||||
function refreshList() {
|
||||
list.pageNum = 1
|
||||
list.total = 0
|
||||
getList()
|
||||
}
|
||||
}
|
||||
|
||||
// 获取更多列表
|
||||
function getMoreList() {
|
||||
if (list.data.length >= list.rows) return
|
||||
list.pageNum++
|
||||
getList()
|
||||
}
|
||||
|
||||
// 获取列表
|
||||
function getList() {
|
||||
// 获取列表
|
||||
function getList() {
|
||||
//
|
||||
api.video.myVideoList({
|
||||
api.video.myWorks({
|
||||
query: {
|
||||
isDraft: 0,
|
||||
userId: form.userId,
|
||||
pageSize: list.pageSize,
|
||||
pageNum: list.pageNum,
|
||||
|
|
@ -123,30 +116,37 @@
|
|||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 上传图片
|
||||
function uploadImg() {
|
||||
// 上传图片
|
||||
function uploadImg() {
|
||||
util.upload_image({
|
||||
value: form.pic,
|
||||
})
|
||||
type: 1,
|
||||
success: rs => {
|
||||
form.videoPictureUrl = rs.value
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
/**
|
||||
* 删除多媒体
|
||||
* @param {Number} index 列表下标
|
||||
* @param {String} key 操作的键
|
||||
*/
|
||||
function removeMedia(index, key) {
|
||||
function removeMedia(key) {
|
||||
util.alert({
|
||||
content: '确认要删除吗？',
|
||||
}).then(rs => {
|
||||
if (rs.confirm) form[key].splice(index, 1)
|
||||
})
|
||||
if (key == 'videoId') {
|
||||
form.videoId = null
|
||||
form.coverUrl = null
|
||||
}
|
||||
if (key == 'videoPictureUrl') form.videoPictureUrl = null
|
||||
})
|
||||
}
|
||||
|
||||
// 视频举报
|
||||
function handleSubmit() {
|
||||
// 视频举报
|
||||
function handleSubmit() {
|
||||
//
|
||||
const data = {
|
||||
...form
|
||||
|
|
@ -157,30 +157,24 @@
|
|||
util.alert('请选择举报理由')
|
||||
return
|
||||
}
|
||||
if (!data.context) {
|
||||
if (!data.particulars) {
|
||||
util.alert('详细描述不能为空')
|
||||
return
|
||||
}
|
||||
if (data.context.length > 100) {
|
||||
if (data.particulars.length > 100) {
|
||||
util.alert('详细描述自述超过100')
|
||||
return
|
||||
}
|
||||
if (!data.pic[0]) {
|
||||
if (!data.videoPictureUrl) {
|
||||
util.alert('请上传举报图片')
|
||||
return
|
||||
}
|
||||
if (!data.videoId[0]) {
|
||||
if (!data.videoId) {
|
||||
util.alert('请选择举报视频')
|
||||
return
|
||||
}
|
||||
|
||||
//
|
||||
data.reason = reportList[reportIndex.value].name
|
||||
data.pic = data.pic.map(node => {
|
||||
node = util.replace_url('node')
|
||||
return node
|
||||
}).join(',')
|
||||
data.videoId = data.videoId.join(',')
|
||||
data.reasonForReporting = reportList[reportIndex.value].name
|
||||
|
||||
api.video.reportVideo({
|
||||
data: data,
|
||||
|
|
@ -197,7 +191,14 @@
|
|||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 选中视频信息
|
||||
function videoInfo(param) {
|
||||
console.log('选中视频信息', param);
|
||||
form.videoId = param.videoId;
|
||||
form.coverUrl = param.coverUrl;
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -208,7 +209,7 @@
|
|||
<view class="key mr20">举报理由</view>
|
||||
<picker class="f1" :range="reportList" rangeKey="name" @change="handleReportList">
|
||||
<view class="inputBox ptb10 plr10">
|
||||
<text v-if="reportList[reportIndex]">{{reportList[reportIndex].name}}</text>
|
||||
<text v-if="reportList[reportIndex]">{{ reportList[reportIndex].name }}</text>
|
||||
<text v-else class="placeholderStyle">请选择举报理由</text>
|
||||
</view>
|
||||
</picker>
|
||||
|
|
@ -218,10 +219,10 @@
|
|||
<view class="key">详细描述</view>
|
||||
|
||||
<view class="inputBox mt20 ptb15 plr15">
|
||||
<textarea v-model="form.context" placeholder="请详细填写，以提高举报成功率。" />
|
||||
<textarea v-model="form.particulars" placeholder="请详细填写，以提高举报成功率。" />
|
||||
</view>
|
||||
|
||||
<view class="hint mt10 tar f20">{{form.context.length}}/100</view>
|
||||
<view class="hint mt10 tar f20">{{ form.particulars.length }}/100</view>
|
||||
</view>
|
||||
|
||||
<view class="line mtb50 uploadBox">
|
||||
|
|
@ -233,14 +234,15 @@
|
|||
</view>
|
||||
|
||||
<view class="imgList images mt20">
|
||||
<view class="item upload fmid pr mr20 br10" @click="uploadImg">
|
||||
<view v-if="!form.videoPictureUrl" class="item upload fmid pr mr20 br10" @click="uploadImg">
|
||||
<uni-icons type="plusempty" color="#D8D8D8" size="100rpx" />
|
||||
</view>
|
||||
|
||||
<view class="imgs item mr20 br10" v-for="(item,index) in form.pic" :key="index">
|
||||
<image class="br10" :src="item" mode="aspectFill" />
|
||||
<view v-else class="imgs item mr20 br10">
|
||||
<image class="br10" :src="form.videoPictureUrl" mode="aspectFill" />
|
||||
<view class="close">
|
||||
<uni-icons type="clear" size="30rpx" color="red" @click="removeMedia(index,'pic')" />
|
||||
<uni-icons type="clear" size="30rpx" color="red"
|
||||
@click="removeMedia('videoPictureUrl')" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -251,15 +253,15 @@
|
|||
<view class="key">选择视频</view>
|
||||
|
||||
<view class="list pr mt20">
|
||||
<view class="item fmid oh br10" @click="$refs.select.open()">
|
||||
<view v-if="!form.coverUrl" class="item fmid oh br10" @click="$refs.select.open()">
|
||||
<uni-icons type="plusempty" color="#D8D8D8" size="100rpx" />
|
||||
</view>
|
||||
|
||||
<view class="item pr br10" v-for="(item,index) in videos" :key="index">
|
||||
<image :src="item.format_imageUrl" mode="aspectFill" />
|
||||
<view v-else class="item pr br10">
|
||||
<image :src="form.coverUrl" mode="aspectFill" />
|
||||
|
||||
<view class="close">
|
||||
<uni-icons type="clear" size="30rpx" color="red" @click="removeMedia(index,'videoId')" />
|
||||
<uni-icons type="clear" size="30rpx" color="red" @click="removeMedia('videoId')" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -279,7 +281,7 @@
|
|||
<view class="header rows ptb20 plr20">
|
||||
<view class="title plr30 c333 f34">
|
||||
<text>作品</text>
|
||||
<text class="ml10">{{list.total}}</text>
|
||||
<text class="ml10">{{ list.total }}</text>
|
||||
</view>
|
||||
|
||||
<view class="fmid c999 f28" @click="refreshList">
|
||||
|
|
@ -290,7 +292,7 @@
|
|||
|
||||
<!-- 视频菜单 -->
|
||||
<scroll-view scroll-y="true" class="scroll">
|
||||
<videoMenu :list="list.data" v-model:ids="form.videoId" mode="checkbox" />
|
||||
<videoMenu :list="list.data" @videoInfo="videoInfo" mode="checkbox" />
|
||||
</scroll-view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -300,21 +302,21 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
image {
|
||||
image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// 表单
|
||||
.form {
|
||||
// 表单
|
||||
.form {
|
||||
|
||||
.hint {
|
||||
color: #a7a7a7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 上传图片
|
||||
.uploadBox {
|
||||
// 上传图片
|
||||
.uploadBox {
|
||||
|
||||
//
|
||||
.uploads {
|
||||
|
|
@ -354,12 +356,12 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 作品数量
|
||||
.product {
|
||||
// 作品数量
|
||||
.product {
|
||||
.scroll {
|
||||
height: 80vh;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,85 +1,85 @@
|
|||
<script setup>
|
||||
/**
|
||||
/**
|
||||
* 他人用户视频主页
|
||||
*/
|
||||
import {
|
||||
import {
|
||||
ref,
|
||||
reactive,
|
||||
getCurrentInstance,
|
||||
computed,
|
||||
} from 'vue';
|
||||
import {
|
||||
} from 'vue';
|
||||
import {
|
||||
onLoad,
|
||||
onPageScroll,
|
||||
onReachBottom,
|
||||
onHide
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
useStore
|
||||
} from 'vuex'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
// 顶部状态栏
|
||||
import statusBar from '@/components/header/statusBar.vue'
|
||||
// 顶部
|
||||
import apex from '@/components/header/apex.vue'
|
||||
// 视频菜单
|
||||
import videoMenu from '@/components/index/videoMenu.vue'
|
||||
} from 'vuex'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
// api
|
||||
import api from '@/api/index.js'
|
||||
// 顶部状态栏
|
||||
import statusBar from '@/components/header/statusBar.vue'
|
||||
// 顶部
|
||||
import apex from '@/components/header/apex.vue'
|
||||
// 视频菜单
|
||||
import videoMenu from '@/components/index/videoMenu.vue'
|
||||
|
||||
// 代理
|
||||
const {
|
||||
// 代理
|
||||
const {
|
||||
proxy
|
||||
} = getCurrentInstance()
|
||||
//
|
||||
const store = useStore()
|
||||
// 滚动头部
|
||||
const scrollTop = ref(false)
|
||||
// 用户id
|
||||
const userId = ref('')
|
||||
// 详情
|
||||
const detail = reactive({})
|
||||
// 列表对象
|
||||
const listProperty = reactive({
|
||||
} = getCurrentInstance()
|
||||
//
|
||||
const store = useStore()
|
||||
// 滚动头部
|
||||
const scrollTop = ref(false)
|
||||
// 用户id
|
||||
const userId = ref('')
|
||||
// 详情
|
||||
const detail = reactive({})
|
||||
// 列表对象
|
||||
const listProperty = reactive({
|
||||
data: [],
|
||||
pageSize: 9,
|
||||
pageNum: 1,
|
||||
total: 0,
|
||||
})
|
||||
// 用户信息
|
||||
let userinfo = computed(() => {
|
||||
})
|
||||
// 用户信息
|
||||
let userinfo = computed(() => {
|
||||
let result = store.state.userinfo
|
||||
return result
|
||||
})
|
||||
})
|
||||
|
||||
//
|
||||
onLoad((option) => {
|
||||
//
|
||||
onLoad((option) => {
|
||||
// 用户id
|
||||
if (option.userId) userId.value = option.userId
|
||||
// 他人用户主页
|
||||
getUserinfo()
|
||||
// 获取列表
|
||||
getList()
|
||||
})
|
||||
})
|
||||
|
||||
onHide(() => {
|
||||
onHide(() => {
|
||||
// 暂停当前视频
|
||||
proxy.$refs.videoMenuRef.pause()
|
||||
})
|
||||
})
|
||||
|
||||
// 滚动
|
||||
onPageScroll((ev) => {
|
||||
// 滚动
|
||||
onPageScroll((ev) => {
|
||||
scrollTop.value = ev.scrollTop > 44 ? true : false
|
||||
})
|
||||
})
|
||||
|
||||
onReachBottom(() => {
|
||||
onReachBottom(() => {
|
||||
// 获取更多列表
|
||||
getMoreList()
|
||||
})
|
||||
})
|
||||
|
||||
// 获取用户信息
|
||||
function getUserinfo() {
|
||||
// 获取用户信息
|
||||
function getUserinfo() {
|
||||
api.video.getUserInfo({
|
||||
query: {
|
||||
userId: userId.value,
|
||||
|
|
@ -97,17 +97,17 @@
|
|||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 获取更多列表
|
||||
function getMoreList() {
|
||||
// 获取更多列表
|
||||
function getMoreList() {
|
||||
if (listProperty.total <= listProperty.data.length) return
|
||||
listProperty.pageNum++
|
||||
getList()
|
||||
}
|
||||
}
|
||||
|
||||
// 获取用户作品
|
||||
function getList() {
|
||||
// 获取用户作品
|
||||
function getList() {
|
||||
//
|
||||
api.video.myWorks({
|
||||
query: {
|
||||
|
|
@ -128,10 +128,10 @@
|
|||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 举报
|
||||
function handleReport() {
|
||||
// 举报
|
||||
function handleReport() {
|
||||
// 关闭弹窗
|
||||
proxy.$refs.menuRef.close()
|
||||
|
||||
|
|
@ -142,14 +142,38 @@
|
|||
const index = rs.tapIndex
|
||||
if (index == 0) {
|
||||
uni.navigateTo({
|
||||
url: '/pages/index/report',
|
||||
url: util.setUrl('/pages/index/report', {
|
||||
userId: userId.value,
|
||||
}),
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 复制账号
|
||||
function handleCopyAccount() {
|
||||
// 拉黑
|
||||
function handleBlack() {
|
||||
// let text = detail.isBlock ? '取消拉黑' : '拉黑'
|
||||
// util.alert({
|
||||
// content: `确认要${text}用户${detail.userNickname}吗？`,
|
||||
// }).then(rs => {
|
||||
// let obj = {
|
||||
// blockUserId: detail.id,
|
||||
// status: detail.isBlock ? 1 : 0
|
||||
// }
|
||||
// api.mine.blockUser(obj).then(res => {
|
||||
// if (res.code == 200) {
|
||||
// util.alert('操作成功！')
|
||||
// getUserinfo()
|
||||
|
||||
// // 关闭弹窗
|
||||
// proxy.$refs.menuRef.close()
|
||||
// }
|
||||
// })
|
||||
// })
|
||||
}
|
||||
|
||||
// 复制账号
|
||||
function handleCopyAccount() {
|
||||
// 复制用户账号
|
||||
uni.setClipboardData({
|
||||
data: detail.account,
|
||||
|
|
@ -158,10 +182,10 @@
|
|||
util.alert('复制成功')
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 关注用户
|
||||
function handleAttention() {
|
||||
// 关注用户
|
||||
function handleAttention() {
|
||||
let targetAtt = detail.isAttention == 0 ? 1 : 0
|
||||
api.video.attention({
|
||||
data: {
|
||||
|
|
@ -181,7 +205,7 @@
|
|||
getUserinfo()
|
||||
// 修改了他人关注状态
|
||||
uni.$emit('focusUser', {
|
||||
userId: detail.userId,
|
||||
userId: detail.id,
|
||||
result: detail.isAttention,
|
||||
})
|
||||
// 重载关注列表
|
||||
|
|
@ -193,41 +217,73 @@
|
|||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 操作不让看
|
||||
function handleBlock() {
|
||||
// 反选状态
|
||||
detail.isBlock = !detail.isBlock
|
||||
// 操作不让看
|
||||
function handleBlock() {
|
||||
// // 反选状态
|
||||
// detail.isBlock = !detail.isBlock
|
||||
|
||||
//
|
||||
api.video.videoBlock({
|
||||
query: {
|
||||
type: detail.isBlock ? 0 : 1,
|
||||
userId: detail.userId,
|
||||
}
|
||||
}).then(rs => {
|
||||
if (rs.code == 200) {
|
||||
return
|
||||
}
|
||||
// api.video.videoBlock({
|
||||
// query: {
|
||||
// type: detail.isBlock ? 0 : 1,
|
||||
// userId: detail.id,
|
||||
// }
|
||||
// }).then(rs => {
|
||||
// if (rs.code == 200) {
|
||||
// return
|
||||
// }
|
||||
|
||||
detail.isBlock = !detail.isBlock
|
||||
util.alert({
|
||||
content: rs.msg,
|
||||
showCancel: false,
|
||||
})
|
||||
})
|
||||
}
|
||||
// detail.isBlock = !detail.isBlock
|
||||
// util.alert({
|
||||
// content: rs.msg,
|
||||
// showCancel: false,
|
||||
// })
|
||||
// })
|
||||
}
|
||||
|
||||
// 私信
|
||||
function handleMessage() {
|
||||
// 私信
|
||||
function handleMessage() {
|
||||
util.toChat({
|
||||
name: detail.userNickname,
|
||||
msgId: detail.userId,
|
||||
msgId: detail.id,
|
||||
type: 'C2C',
|
||||
})
|
||||
return
|
||||
}
|
||||
// 评论
|
||||
function userComments() {
|
||||
if (detail.isLock) {
|
||||
toCommentsList()
|
||||
} else {
|
||||
// 解锁提示
|
||||
util.alert({
|
||||
content: `确认消耗${detail.consumeFruit}个榴莲果解锁评论吗？`,
|
||||
}).then(rs => {
|
||||
unlockComments()
|
||||
})
|
||||
}
|
||||
}
|
||||
// 解锁评论列表
|
||||
function unlockComments() {
|
||||
api.mine.unlockComment({ userId: detail.id }).then(res => {
|
||||
if (res.code == 200) {
|
||||
util.alert('解锁成功！')
|
||||
if (res.data.isLock) {
|
||||
toCommentsList()
|
||||
getUserinfo()
|
||||
}
|
||||
}
|
||||
})
|
||||
}
|
||||
// 跳转到评论列表
|
||||
function toCommentsList() {
|
||||
uni.navigateTo({
|
||||
url: util.setUrl('/pages/mine/myComment', {
|
||||
userId: detail.id,
|
||||
}),
|
||||
})
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -239,9 +295,9 @@
|
|||
<view class="window pfull"></view>
|
||||
</view>
|
||||
|
||||
<apex :bgColor="scrollTop?'#fff':'#fff0'" :color="scrollTop ? '#333' : '#fff'">
|
||||
<apex :bgColor="scrollTop ? '#fff' : '#fff0'" :color="scrollTop ? '#333' : '#fff'">
|
||||
<template #content v-if="scrollTop">
|
||||
<view class="">{{detail.userNickname}}</view>
|
||||
<view class="">{{ detail.userNickname }}</view>
|
||||
</template>
|
||||
|
||||
<template #right>
|
||||
|
|
@ -258,8 +314,8 @@
|
|||
</view>
|
||||
|
||||
<view class="user f1 ml20 cfff">
|
||||
<view class="f36 b">{{detail.userNickname}}</view>
|
||||
<view class="f24">账号：{{detail.account}}</view>
|
||||
<view class="f36 b">{{ detail.userNickname }}</view>
|
||||
<view class="f24">账号：{{ detail.account }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -270,25 +326,25 @@
|
|||
|
||||
<view class="number df">
|
||||
<view class="option mr40" v-if="0">
|
||||
<text class="value f36">{{detail.userPraised}}</text>
|
||||
<text class="value f36">{{ detail.userPraised }}</text>
|
||||
<text class="key ml10 c666 f24">获赞</text>
|
||||
</view>
|
||||
|
||||
<view class="option mr40">
|
||||
<text class="value f36">{{detail.userFans}}</text>
|
||||
<text class="value f36">{{ detail.userFans }}</text>
|
||||
<text class="key ml10 c666 f24">粉丝</text>
|
||||
</view>
|
||||
|
||||
<view class="option mr40">
|
||||
<text class="value f36">{{detail.userAttention}}</text>
|
||||
<text class="value f36">{{ detail.userAttention }}</text>
|
||||
<text class="key ml10 c666 f24">关注</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="">他的评论</view>
|
||||
<view class="" @click="userComments">他的评论</view>
|
||||
</view>
|
||||
|
||||
<!-- 个人介绍 -->
|
||||
<view class="desc mtb20 c333 f28">{{detail.userBrief}}</view>
|
||||
<view class="desc mtb20 c333 f28">{{ detail.userBrief }}</view>
|
||||
|
||||
<!-- 橱窗 -->
|
||||
<view class="shopwindow df aic mtb30" v-if="detail.isShop == 1 && 0">
|
||||
|
|
@ -312,7 +368,7 @@
|
|||
<view class="product mt30">
|
||||
<view class="title plr30 c333 f32">
|
||||
<text>作品</text>
|
||||
<text class="ml10">{{listProperty.total}}</text>
|
||||
<text class="ml10">{{ listProperty.total }}</text>
|
||||
</view>
|
||||
|
||||
<view class="list mt20">
|
||||
|
|
@ -326,9 +382,9 @@
|
|||
<view class="menuAlt ptb50 plr40 ">
|
||||
<view class="header df">
|
||||
<view class="user f1 c111">
|
||||
<view class="nickname f28">{{detail.userNickname}}</view>
|
||||
<view class="nickname f28">{{ detail.userNickname }}</view>
|
||||
<view class="df aic mt10">
|
||||
<text class="f20">账号：{{detail.account}}</text>
|
||||
<text class="f20">账号：{{ detail.account }}</text>
|
||||
<image class="wh30 ml10" src="/static/copy.png" mode="aspectFit" @click="handleCopyAccount" />
|
||||
<view class="f1"></view>
|
||||
</view>
|
||||
|
|
@ -345,7 +401,7 @@
|
|||
<view class="txt mt20 c111 f20">分享主页</view>
|
||||
</view> -->
|
||||
|
||||
<view class="option ver jcc bfff br10">
|
||||
<view class="option ver jcc bfff br10" @click="handleMessage">
|
||||
<image class="wh50" src="/static/email.png" mode="aspectFit" />
|
||||
<view class="txt mt20 c111 f20">私信Ta</view>
|
||||
</view>
|
||||
|
|
@ -358,7 +414,7 @@
|
|||
<view class="option ver jcc bfff br10" @click="handleBlack">
|
||||
<image class="wh50" src="/static/blackList.png" mode="aspectFit" />
|
||||
<view class="txt mt20 c111 f20">
|
||||
<text>拉黑</text>
|
||||
<text>{{ detail.isBlock ? '取消拉黑' : '拉黑' }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -385,8 +441,8 @@
|
|||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
// 头部
|
||||
.apex {
|
||||
// 头部
|
||||
.apex {
|
||||
|
||||
// 用户信息
|
||||
.userinfo {
|
||||
|
|
@ -395,17 +451,17 @@
|
|||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 内容
|
||||
.container {
|
||||
// 内容
|
||||
.container {
|
||||
margin-top: -30rpx;
|
||||
border-radius: 15rpx 15rpx 0 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// 菜单弹窗
|
||||
.menuAlt {
|
||||
// 菜单弹窗
|
||||
.menuAlt {
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
background: #F2F2F2;
|
||||
|
||||
|
|
@ -427,5 +483,5 @@
|
|||
width: 220rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,62 +1,81 @@
|
|||
<script setup>
|
||||
// 我的评论
|
||||
import {
|
||||
// 我的评论
|
||||
import {
|
||||
ref,
|
||||
reactive,
|
||||
computed,
|
||||
getCurrentInstance,
|
||||
} from 'vue';
|
||||
import {
|
||||
} from 'vue';
|
||||
import {
|
||||
onLoad,
|
||||
onReady,
|
||||
onUnload,
|
||||
onPageScroll,
|
||||
onReachBottom,
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
onPullDownRefresh
|
||||
} from '@dcloudio/uni-app'
|
||||
import {
|
||||
useStore,
|
||||
} from 'vuex'
|
||||
import api from '@/api/index.js'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
} from 'vuex'
|
||||
import api from '@/api/index.js'
|
||||
// 工具库
|
||||
import util from '@/common/js/util';
|
||||
|
||||
// 仓库
|
||||
const store = useStore()
|
||||
// 数据列表
|
||||
const list = reactive({
|
||||
// 仓库
|
||||
const store = useStore()
|
||||
// 数据列表
|
||||
const list = reactive({
|
||||
data: [],
|
||||
pageSize: 20,
|
||||
pageNum: 1,
|
||||
total: 0,
|
||||
})
|
||||
// 用户信息
|
||||
const userinfo = computed(() => {
|
||||
let result = store.state.userinfo
|
||||
return result
|
||||
})
|
||||
})
|
||||
// 用户信息
|
||||
const userinfo = computed(() => {
|
||||
return store.state.userinfo
|
||||
})
|
||||
|
||||
onLoad(() => {
|
||||
getLst()
|
||||
onLoad((option) => {
|
||||
if (option.userId) {
|
||||
uni.setNavigationBarTitle({
|
||||
title: '他的评论'
|
||||
})
|
||||
getList(option.userId)
|
||||
} else {
|
||||
getList()
|
||||
}
|
||||
|
||||
// 重载视频列表
|
||||
function refreshVideoList() {
|
||||
})
|
||||
|
||||
onReachBottom(() => {
|
||||
// 获取更多列表
|
||||
getMoreVideoList()
|
||||
})
|
||||
|
||||
onPullDownRefresh(() => {
|
||||
// 刷新
|
||||
refreshVideoList()
|
||||
})
|
||||
|
||||
// 重载视频列表
|
||||
function refreshVideoList() {
|
||||
list.pageNum = 1
|
||||
list.total = 0
|
||||
getLst()
|
||||
}
|
||||
getList()
|
||||
}
|
||||
|
||||
// 获取更多视频列表
|
||||
function getMoreVideoList() {
|
||||
// 获取更多视频列表
|
||||
function getMoreVideoList() {
|
||||
if (list.data.length >= list.total) return
|
||||
list.pageNum++
|
||||
getLst()
|
||||
}
|
||||
getList()
|
||||
}
|
||||
|
||||
// 获取我的评论
|
||||
function getLst() {
|
||||
// 获取我的评论
|
||||
function getList(id) {
|
||||
api.mine.myComment({
|
||||
query: {
|
||||
userId: id ? id : userinfo.value.id,
|
||||
pageNum: list.pageNum,
|
||||
pageSize: list.pageSize,
|
||||
}
|
||||
|
|
@ -64,7 +83,7 @@
|
|||
if (rs.code == 200) {
|
||||
if (list.pageNum) list.data.length = 0
|
||||
// 追加视频列表
|
||||
list.data.push(...rs.rows.map(item => {
|
||||
list.data.push(...rs.data[0].CommentVo.map(item => {
|
||||
return item
|
||||
}))
|
||||
// 视频列表
|
||||
|
|
@ -80,18 +99,18 @@
|
|||
uni.stopPullDownRefresh()
|
||||
})
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<view class="appbw">
|
||||
<view class="listBox plr30 ">
|
||||
<view class="list ptb30 plr10" v-for="(item,index) in list.data" :key="index">
|
||||
<view class="list ptb30 plr10" v-for="(item, index) in list.data" :key="index">
|
||||
<view class="rows">
|
||||
<view class="message">
|
||||
<view class="title f32 c333">评论了 视频</view>
|
||||
<view class="content t2hd mtb15 c333 f32">{{item.content}}</view>
|
||||
<view class="time mt15 f28 c999">{{item.createTime}}</view>
|
||||
<view class="title f32 c333">评论了{{ item.commentType }}</view>
|
||||
<view class="content t2hd mtb15 c333 f32">{{ item.content }}</view>
|
||||
<view class="time mt15 f28 c999">{{ item.createTime }}</view>
|
||||
</view>
|
||||
<view class="image ml20" v-if="item.imageUrl">
|
||||
<image class="wh120 br10" :src="item.imageUrl" mode="aspectFill" />
|
||||
|
|
@ -106,12 +125,12 @@
|
|||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
//
|
||||
.listBox {
|
||||
//
|
||||
.listBox {
|
||||
|
||||
// 列表
|
||||
.list+.list {
|
||||
border-top: 2rpx solid #eee;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -3,9 +3,9 @@ import {
|
|||
} from 'vite';
|
||||
import uni from '@dcloudio/vite-plugin-uni';
|
||||
|
||||
let target = 'http://91f.xyz:8080'
|
||||
// let target = 'http://91f.xyz:8080'
|
||||
// let target = 'https://1a880cd5.r24.cpolar.top/'
|
||||
// let target = 'http://6mkwby.natappfree.cc'
|
||||
let target = 'http://aere2w.natappfree.cc'
|
||||
|
||||
export default defineConfig({
|
||||
plugins: [uni()],
|
||||
|
|
|
|||
Loading…
Reference in New Issue