.
This commit is contained in:
parent
0f844a0e65
commit
5ede975021
|
|
@ -54,6 +54,12 @@
|
|||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/me/ReportingCenter",
|
||||
"style": {
|
||||
"navigationStyle": "custom"
|
||||
}
|
||||
}
|
||||
],
|
||||
// "globalStyle": {
|
||||
|
|
|
|||
|
|
@ -17,8 +17,6 @@
|
|||
|
||||
|
||||
<view class="" style="margin-top: 33rpx;">
|
||||
|
||||
|
||||
<view class=""
|
||||
style="background-image: linear-gradient(to left, #a541ffFF, #3fbbfeFF); padding: 1rpx; border-radius: 20rpx;">
|
||||
<view class=""
|
||||
|
|
@ -28,13 +26,8 @@
|
|||
placeholder="描述歌词的场景" maxlength="500" @input="sumfontnum" />
|
||||
<view style="text-align: end; color: white; padding-bottom: 20rpx;"><text
|
||||
style="color: white;">{{fontNum}}</text>/500</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
|
|
|||
166
pages/me/ReportingCenter.vue
Normal file
166
pages/me/ReportingCenter.vue
Normal file
|
|
@ -0,0 +1,166 @@
|
|||
<template>
|
||||
<view>
|
||||
<view class="content" :style="'paddingTop: '+systemBarHeight + 'px;'">
|
||||
<view class=""
|
||||
style="display: flex; height: 45rpx; width: 100%; align-items: center;justify-content: center;"
|
||||
:style="{ marginTop: systemBarHeight + 'px' }">
|
||||
<image src="/static/image/ic_back.png"
|
||||
style="width: 24.31rpx; height: 43.06rpx; margin-left: 36rpx; position: absolute; left: 0;"
|
||||
@click="toBack()" alt="" />
|
||||
<text style="font-size: 38rpx; color: white;">举报中心</text>
|
||||
</view>
|
||||
|
||||
<view class="" style="margin-top: 50rpx; width: 100%; margin-left: 36rpx;">
|
||||
<text style="font-size: 29rpx; color: white;">举报类型</text>
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 90%; margin-top: 40rpx;">
|
||||
|
||||
<view class="" style="display: flex; flex-direction: column; width: 100%;">
|
||||
|
||||
<view class="" style="display: flex; flex-direction: row;">
|
||||
|
||||
<view class="" @click="clickCheck(0)"
|
||||
style="display: flex; flex-direction: row; align-items: center;">
|
||||
|
||||
<image :src="current==0?'/static/image/ic_check_s.png':'/static/image/ic_check.png'"
|
||||
style="width: 25rpx; height: 25rpx;">
|
||||
</image>
|
||||
<view class="" style="color: #A8A8A8; font-size: 22rpx; margin-left: 13rpx;">
|
||||
骚扰谩骂
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="" @click="clickCheck(1)"
|
||||
style="display: flex; flex-direction: row; align-items: center; margin-left: 150rpx;">
|
||||
|
||||
<image :src="current==1?'/static/image/ic_check_s.png':'/static/image/ic_check.png'"
|
||||
style="width: 25rpx; height: 25rpx;">
|
||||
</image>
|
||||
<view class="" style="color: #A8A8A8; font-size: 22rpx; margin-left: 13rpx;">
|
||||
垃圾广告
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="" @click="clickCheck(2)"
|
||||
style="display: flex; flex-direction: row; align-items: center; margin-left: 150rpx;">
|
||||
|
||||
<image :src="current==2?'/static/image/ic_check_s.png':'/static/image/ic_check.png'"
|
||||
style="width: 25rpx; height: 25rpx;">
|
||||
</image>
|
||||
<view class="" style="color: #A8A8A8; font-size: 22rpx; margin-left: 13rpx;">
|
||||
涉政涉恐
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="" style="display: flex; flex-direction: row; margin-top: 20rpx;">
|
||||
|
||||
<view class="" @click="clickCheck(3)"
|
||||
style="display: flex; flex-direction: row; align-items: center;">
|
||||
|
||||
<image :src="current==3?'/static/image/ic_check_s.png':'/static/image/ic_check.png'"
|
||||
style="width: 25rpx; height: 25rpx;">
|
||||
</image>
|
||||
<view class="" style="color: #A8A8A8; font-size: 22rpx; margin-left: 13rpx;">
|
||||
欺诈骗钱
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="" @click="clickCheck(4)"
|
||||
style="display: flex; flex-direction: row; align-items: center; margin-left: 150rpx;">
|
||||
|
||||
<image :src="current==4?'/static/image/ic_check_s.png':'/static/image/ic_check.png'"
|
||||
style="width: 25rpx; height: 25rpx;">
|
||||
</image>
|
||||
<view class="" style="color: #A8A8A8; font-size: 22rpx; margin-left: 13rpx;">
|
||||
淫秽色情
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="" @click="clickCheck(5)"
|
||||
style="display: flex; flex-direction: row; align-items: center; margin-left: 150rpx;">
|
||||
|
||||
<image :src="current==5?'/static/image/ic_check_s.png':'/static/image/ic_check.png'"
|
||||
style="width: 25rpx; height: 25rpx;">
|
||||
</image>
|
||||
<view class="" style="color: #A8A8A8; font-size: 22rpx; margin-left: 13rpx;">
|
||||
其他
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 100%; margin-top: 40rpx; margin-left: 36rpx;">
|
||||
<text style="color: #C5C5C5; font-size: 29rpx;">具体描述 <text style="font-size: 22rpx;">（选填）</text> </text>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="" style="margin-top: 33rpx;">
|
||||
<view class=""
|
||||
style="width: 623.33rpx; height: 272.22rpx; padding: 30rpx 30rpx 90rpx 30rpx; border-radius: 20rpx; background-color: #262626;">
|
||||
|
||||
<textarea type="text" style="color: white; width: 100%;" v-model="musicPrompt"
|
||||
placeholder="请描述据举报的具体原因,以便更快处理" maxlength="200" @input="sumfontnum" />
|
||||
<view style="text-align: end; color: white; padding-bottom: 20rpx;"><text
|
||||
style="color: white;">{{fontNum}}</text>/200</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class=""
|
||||
style="width: 683.33rpx; height: 83.33rpx; margin-left: 33rpx; margin-right: 33rpx; margin-top: 150rpx;
|
||||
background-image: linear-gradient(to left, #a541ffFF, #3fbbfeFF); padding: 1rpx; border-radius:50rpx; display: flex; align-items: center; justify-content: center;">
|
||||
|
||||
<text style="font-size: 40rpx; color: white;">提交</text>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
systemBarHeight: 0,
|
||||
current: 0,
|
||||
describePrompt: '',
|
||||
fontNum: 0,
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.systemBarHeight = getApp().globalData.statusBarHeight;
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
|
||||
clickCheck(type) {
|
||||
this.current = type;
|
||||
},
|
||||
|
||||
sumfontnum(e) {
|
||||
this.fontNum = e.detail.cursor
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-color: #0E0A10FF;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -29,8 +29,8 @@
|
|||
</view>
|
||||
|
||||
|
||||
<image src="/static/image/ic_setting.png" @click="toSet()"
|
||||
style="width: 54rpx; height: 54rpx; position: absolute; top: 200rpx; right: 33rpx;" mode=""></image>
|
||||
<!-- <image src="/static/image/ic_setting.png" @click="toSet()"
|
||||
style="width: 54rpx; height: 54rpx; position: absolute; top: 200rpx; right: 33rpx;" mode=""></image> -->
|
||||
|
||||
</view>
|
||||
|
||||
|
|
@ -142,7 +142,7 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="popup" @change="change">
|
||||
<uni-popup ref="popup">
|
||||
<view class=""
|
||||
style="width: 518.75rpx; height: 289.58rpx; background-color: #474747; border-radius: 14rpx; display: flex; flex-direction: column; align-items: center;">
|
||||
<text class="" style="font-size: 33rpx; color: white; margin-top: 31rpx;">删除音乐</text>
|
||||
|
|
|
|||
|
|
@ -44,7 +44,8 @@
|
|||
<view class=""
|
||||
style="width: 601.39rpx; display: flex; margin-top: 36rpx; flex-direction: row; justify-content: space-between;">
|
||||
|
||||
<view class="" style="display: flex; flex-direction: row; align-items: center;">
|
||||
<view class="" @click="toReporting()"
|
||||
style="display: flex; flex-direction: row; align-items: center;">
|
||||
<image src="/static/image/ic_report.png" style="width: 22.92rpx; height: 22.92rpx;" mode="">
|
||||
</image>
|
||||
<text style="font-size: 29rpx; color: #999999FF; margin-left: 20rpx;">举报</text>
|
||||
|
|
@ -66,7 +67,7 @@
|
|||
<text style="font-size: 29rpx; color: #999999FF; margin-left: 20rpx;">收藏</text>
|
||||
</view>
|
||||
|
||||
<view class="" style="display: flex; flex-direction: row; align-items: center;">
|
||||
<view class="" @click="saveFile()" style="display: flex; flex-direction: row; align-items: center;">
|
||||
<image src="/static/image/ic_download.png" style="width: 22.92rpx; height: 22.92rpx;" mode="">
|
||||
</image>
|
||||
<text style="font-size: 29rpx; color: #999999FF; margin-left: 20rpx;">下载</text>
|
||||
|
|
@ -107,6 +108,15 @@
|
|||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<uni-popup ref="downloadPopup" :mask-click="false">
|
||||
|
||||
<view class="download_view">
|
||||
<text style="color: white;">下载中 <text style="color: #3FBBFE;">{{progress}}</text>%</text>
|
||||
</view>
|
||||
|
||||
</uni-popup>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -132,6 +142,8 @@
|
|||
isFavorites: false,
|
||||
isCheck: false,
|
||||
coverImage: "",
|
||||
musicUrl: "",
|
||||
progress: 0,
|
||||
lyricList: [{
|
||||
time: "00:00",
|
||||
content: "晴天 - 周杰伦"
|
||||
|
|
@ -167,6 +179,7 @@
|
|||
this.id = options.id;
|
||||
this.isLikes = JSON.parse(options.isLikes);
|
||||
this.isFavorites = JSON.parse(options.isFavorites);
|
||||
this.musicUrl = options.musicUrl;
|
||||
|
||||
this.lyrics = this.splitAndRemoveBrackets(options.lyrics);
|
||||
|
||||
|
|
@ -219,13 +232,11 @@
|
|||
console.log(res.errCode);
|
||||
});
|
||||
},
|
||||
onHide() {
|
||||
onUnload() {
|
||||
innerAudioContext.destroy();
|
||||
},
|
||||
methods: {
|
||||
|
||||
toBack() {
|
||||
innerAudioContext.destroy();
|
||||
uni.navigateBack();
|
||||
},
|
||||
|
||||
|
|
@ -337,8 +348,69 @@
|
|||
})
|
||||
},
|
||||
|
||||
//下载文件
|
||||
saveFile() {
|
||||
var that = this;
|
||||
this.$refs.downloadPopup.open('center')
|
||||
const downloadTask = uni.downloadFile({
|
||||
url: this.musicUrl, //仅为示例，并非真实的资源
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
console.log('下载成功');
|
||||
this.$refs.downloadPopup.close();
|
||||
uni.showToast({
|
||||
title: '下载成功',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
|
||||
var tempFilePath = res.tempFilePath;
|
||||
|
||||
console.log("tempFilePaths", tempFilePath);
|
||||
|
||||
// wx.openDocument({
|
||||
// filePath: tempFilePath,
|
||||
// showMenu: true, //关键点
|
||||
// success: function(res) {
|
||||
// console.log('打开文档成功')
|
||||
// },
|
||||
// fail: function(e) {
|
||||
// console.log(e);
|
||||
// }
|
||||
// })
|
||||
|
||||
// wx.getFileSystemManager().saveFile({
|
||||
// tempFilePath: tempFilePath,
|
||||
// filePath: `${wx.env.USER_DATA_PATH}/${that.musicName}.mp3`,
|
||||
// success: function(res) {
|
||||
// var savedFilePath = res.savedFilePath;
|
||||
// console.log("savedFilePath", savedFilePath);
|
||||
// console.log("savedFilePathres", res);
|
||||
|
||||
// },
|
||||
// fail: function(e) {
|
||||
// console.log(e);
|
||||
// }
|
||||
// });
|
||||
|
||||
} else {
|
||||
console.log(res);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
downloadTask.onProgressUpdate((res) => {
|
||||
that.progress = res.progress;
|
||||
console.log('下载进度' + res.progress);
|
||||
});
|
||||
},
|
||||
|
||||
//举报
|
||||
toReporting() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/me/ReportingCenter'
|
||||
});
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -353,4 +425,14 @@
|
|||
align-items: center;
|
||||
background-color: #0E0A10FF;
|
||||
}
|
||||
|
||||
.download_view {
|
||||
background-color: #1F0A28;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 350rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -54,7 +54,7 @@
|
|||
</view>
|
||||
|
||||
|
||||
<view class="" style="display: flex; flex-direction: row; align-items: center;">
|
||||
<view class="" @click="saveFile()" style="display: flex; flex-direction: row; align-items: center;">
|
||||
<image src="/static/image/ic_download.png" style="width: 22.92rpx; height: 22.92rpx;" mode="">
|
||||
</image>
|
||||
<text style="font-size: 29rpx; color: #999999FF; margin-left: 20rpx;">下载</text>
|
||||
|
|
@ -91,12 +91,16 @@
|
|||
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<uni-popup ref="downloadPopup">
|
||||
|
||||
<view class="download_view">
|
||||
<text style="color: white;">下载中 <text style="color: #3FBBFE;">{{progress}}</text>%</text>
|
||||
</view>
|
||||
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -121,10 +125,12 @@
|
|||
isPublic: false,
|
||||
state: 0,
|
||||
isPublicStatus: false,
|
||||
statusText:"审核中...",
|
||||
statusText: "审核中...",
|
||||
id: 0,
|
||||
isCheck: false,
|
||||
coverImage: "",
|
||||
musicUrl: "",
|
||||
progress: 0,
|
||||
lyricList: [{
|
||||
time: "00:00",
|
||||
content: "晴天 - 周杰伦"
|
||||
|
|
@ -160,6 +166,7 @@
|
|||
this.isPublic = JSON.parse(options.isPublic);
|
||||
this.state = options.state;
|
||||
this.id = options.id;
|
||||
this.musicUrl = options.musicUrl;
|
||||
|
||||
this.lyrics = this.splitAndRemoveBrackets(options.lyrics);
|
||||
|
||||
|
|
@ -177,9 +184,9 @@
|
|||
if (this.state == 2) {
|
||||
this.isPublicStatus = true;
|
||||
} else {
|
||||
if(this.state==3){
|
||||
if (this.state == 3) {
|
||||
this.statusText = ""
|
||||
}else{
|
||||
} else {
|
||||
this.statusText = "审核中..."
|
||||
}
|
||||
this.isPublicStatus = this.isPublic;
|
||||
|
|
@ -230,12 +237,11 @@
|
|||
console.log(res.errCode);
|
||||
});
|
||||
},
|
||||
onHide() {
|
||||
onUnload() {
|
||||
innerAudioContext.destroy();
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
innerAudioContext.destroy();
|
||||
uni.navigateBack();
|
||||
},
|
||||
|
||||
|
|
@ -303,7 +309,6 @@
|
|||
this.isPublicStatus = false;
|
||||
appserver.MusicCancelSongsReview(this.id).then(data => {
|
||||
console.log("MusicSongsReview", data);
|
||||
|
||||
})
|
||||
} else {
|
||||
this.isPublicStatus = true;
|
||||
|
|
@ -311,8 +316,6 @@
|
|||
console.log("MusicSongsReview", data);
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
|
||||
splitAndRemoveBrackets(str) {
|
||||
|
|
@ -327,8 +330,34 @@
|
|||
|
||||
// 过滤掉空字符串
|
||||
return result.filter(line => line.trim() !== '');
|
||||
}
|
||||
},
|
||||
|
||||
//下载文件
|
||||
saveFile() {
|
||||
var that = this;
|
||||
this.$refs.downloadPopup.open('center')
|
||||
const downloadTask = uni.downloadFile({
|
||||
url: this.musicUrl, //仅为示例，并非真实的资源
|
||||
success: (res) => {
|
||||
if (res.statusCode === 200) {
|
||||
console.log('下载成功');
|
||||
this.$refs.downloadPopup.close();
|
||||
uni.showToast({
|
||||
title: '下载成功',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
} else {
|
||||
console.log(res);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
downloadTask.onProgressUpdate((res) => {
|
||||
that.progress = res.progress;
|
||||
console.log('下载进度' + res.progress);
|
||||
})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -343,4 +372,14 @@
|
|||
align-items: center;
|
||||
background-color: #0E0A10FF;
|
||||
}
|
||||
|
||||
.download_view {
|
||||
background-color: #1F0A28;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 350rpx;
|
||||
height: 60rpx;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
</style>
|
||||
BIN
static/image/ic_check.png
Normal file
BIN
static/image/ic_check.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
static/image/ic_check_s.png
Normal file
BIN
static/image/ic_check_s.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
Loading…
Reference in New Issue
Block a user