399 lines
13 KiB
JavaScript
399 lines
13 KiB
JavaScript
// index.js
|
||
import ProjectService from '../../net/api/projectApi'
|
||
import {
|
||
previewUrl,
|
||
copyrightUrl
|
||
} from '../../net/http'
|
||
const Cache = require('../../utils/storage')
|
||
const Utils = require('../../utils/util')
|
||
const app = getApp()
|
||
const deviceInfo = wx.getDeviceInfo()
|
||
const screenInfo = wx.getWindowInfo();
|
||
const statusBarHeight = screenInfo.statusBarHeight; // 状态栏高度
|
||
const navBarHeight = deviceInfo.platform == 'IOS' ? 48 : 50; // 导航栏高度（iOS 为 44px，Android 为 48px）
|
||
const windowHeight = screenInfo.windowHeight - navBarHeight - statusBarHeight; //可用内容高度
|
||
|
||
Page({
|
||
data: {
|
||
statusBarHeight: statusBarHeight,
|
||
navBarHeight: navBarHeight,
|
||
totalHeight: navBarHeight, // 导航栏总高度
|
||
contentHeight: windowHeight,
|
||
tagList: [],
|
||
currentTag: '',
|
||
imgUrl: previewUrl,
|
||
typeList: [{
|
||
value: 'FREE',
|
||
label: '免费试用'
|
||
},
|
||
{
|
||
value: 'MATERIAL',
|
||
label: '写材料'
|
||
},
|
||
{
|
||
value: 'ALL',
|
||
label: '全托管'
|
||
},
|
||
],
|
||
currentType: '',
|
||
expandList: [{
|
||
value: 'PKG',
|
||
label: '安装包'
|
||
},
|
||
{
|
||
value: 'VIDEO_DEMO',
|
||
label: '演示视频'
|
||
},
|
||
{
|
||
value: 'URGENT',
|
||
label: '加急'
|
||
},
|
||
],
|
||
currentExpand: '',
|
||
currentStatus: 'PROCESSING', //默认状态 PROCESSING进行中 COMPLETE完成
|
||
listLoading: 'loading', //loading 状态
|
||
listRefreshTrig: false, //是否正在刷新
|
||
pageData: {
|
||
page: 1,
|
||
rows: 10
|
||
},
|
||
projectList: [], //项目列表
|
||
noticeContent: '',
|
||
defaultNotice: '用AI创造，用平台保护——欢迎来到您的著作权守护站!',
|
||
showDownload: false,
|
||
sysPreviewUrl: '',
|
||
tempItem: null,
|
||
errorHint: '',
|
||
showError: false,
|
||
successHint: '',
|
||
showSuccess: false, //
|
||
downloadProgress: 0, //下载文件进度
|
||
downloading: false, //下载文件中
|
||
isLoadMore: false, //是否正在加载更多中
|
||
hasMore: true, //是否有更多数据
|
||
},
|
||
onLoad(e) {
|
||
const _self = this
|
||
console.log(screenInfo.windowHeight)
|
||
//获取通知
|
||
_self.doGetNotice()
|
||
//获取标签选项
|
||
_self.doGetTagList()
|
||
//获取列表
|
||
const params = _self.buildParams(1, true)
|
||
_self.doGetSelfList(params, true)
|
||
const h = Utils.pxToRpx(_self.data.contentHeight)
|
||
_self.setData({
|
||
contentHeight: h
|
||
})
|
||
},
|
||
|
||
//创建项目
|
||
createCopy() {
|
||
wx.navigateTo({
|
||
url: '/pages/copyright/createBuy/createBuy',
|
||
})
|
||
},
|
||
//充值
|
||
goPayment() {
|
||
wx.navigateTo({
|
||
url: '/pages/copyright/payment/payment',
|
||
})
|
||
},
|
||
//切换状态
|
||
doChangeStatus(e) {
|
||
this.setData({
|
||
currentStatus: e.currentTarget.dataset.value
|
||
})
|
||
const params = this.buildParams(1, true)
|
||
this.doGetSelfList(params, true)
|
||
},
|
||
//切换类型
|
||
doChangeType(e) {
|
||
const _self = this
|
||
if (_self.data.currentType == e.currentTarget.dataset.value) {
|
||
_self.setData({
|
||
currentType: ''
|
||
})
|
||
} else {
|
||
_self.setData({
|
||
currentType: e.currentTarget.dataset.value
|
||
})
|
||
}
|
||
const params = _self.buildParams(1, true)
|
||
_self.doGetSelfList(params, true)
|
||
},
|
||
//切换附加
|
||
doChangeExpand(e) {
|
||
const _self = this
|
||
if (_self.data.currentExpand == e.currentTarget.dataset.value) {
|
||
_self.setData({
|
||
currentExpand: ''
|
||
})
|
||
} else {
|
||
this.setData({
|
||
currentExpand: e.currentTarget.dataset.value
|
||
})
|
||
}
|
||
const params = _self.buildParams(1, true)
|
||
_self.doGetSelfList(params, true)
|
||
},
|
||
//切换标签
|
||
doChangeTag(e) {
|
||
const _self = this
|
||
if (_self.data.currentTag == e.currentTarget.dataset.value) {
|
||
_self.setData({
|
||
currentTag: ''
|
||
})
|
||
} else {
|
||
_self.setData({
|
||
currentTag: e.currentTarget.dataset.value
|
||
})
|
||
}
|
||
const params = _self.buildParams(1, true)
|
||
_self.doGetSelfList(params, true)
|
||
},
|
||
//构建请求参数
|
||
buildParams(page, isRefresh) {
|
||
const _self = this
|
||
_self.setData({
|
||
projectList: isRefresh ? [] : _self.data.projectList,
|
||
'pageData.page': page
|
||
})
|
||
const [part1, part2] = _self.data.currentTag.split(':')
|
||
const params = {
|
||
page: _self.data.pageData.page,
|
||
rows: _self.data.pageData.rows,
|
||
tagNot: part2 ? part2 : '',
|
||
tagDataId: part1,
|
||
chargeType: _self.data.currentType, //
|
||
chargeAdditionals: _self.data.currentExpand, //额外附加
|
||
status: _self.data.currentStatus, //当前项目状态
|
||
}
|
||
return params
|
||
},
|
||
//刷新列表
|
||
doRefreshList() {
|
||
console.log('正在刷新...')
|
||
const _self = this
|
||
_self.setData({
|
||
listRefreshTrig: true,
|
||
listLoading: 'loading'
|
||
})
|
||
const params = _self.buildParams(1, true)
|
||
_self.doGetSelfList(params, true)
|
||
},
|
||
//获取通知
|
||
doGetNotice() {
|
||
const _self = this
|
||
ProjectService.doGetNotice()
|
||
.then(res => {
|
||
console.log(res)
|
||
_self.setData({
|
||
noticeContent: res.data && res.data != '' ? res.data : _self.data.defaultNotice
|
||
})
|
||
}, err => {
|
||
console.log(err)
|
||
})
|
||
},
|
||
//获取标签
|
||
doGetTagList() {
|
||
const _self = this
|
||
ProjectService.doGetTagList()
|
||
.then(res => {
|
||
_self.setData({
|
||
tagList: res
|
||
})
|
||
}, err => {
|
||
console.log(err)
|
||
})
|
||
},
|
||
//获取项目列表
|
||
doGetSelfList(params, isRefresh) {
|
||
const _self = this
|
||
_self.setData({
|
||
listLoading: isRefresh ? 'loading' : ''
|
||
})
|
||
ProjectService.doGetSelfProjectList(params)
|
||
.then(res => {
|
||
console.log(res)
|
||
var status = 'success'
|
||
status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
|
||
const list = _self.addPrefixToPreviewImgs(res.rows)
|
||
_self.setData({
|
||
listLoading: isRefresh ? status : '',
|
||
projectList: _self.data.projectList.concat(list),
|
||
listRefreshTrig: false,
|
||
isLoadMore: false
|
||
})
|
||
console.log(_self.data.projectList.length < res.total)
|
||
_self.setData({
|
||
hasMore: _self.data.projectList.length < res.total
|
||
})
|
||
}, err => {
|
||
_self.setData({
|
||
listLoading: 'error',
|
||
listRefreshTrig: false,
|
||
isLoadMore: false,
|
||
hasMore: true
|
||
})
|
||
})
|
||
},
|
||
//为列表图片添加前缀
|
||
addPrefixToPreviewImgs(data) {
|
||
const prefix = this.data.imgUrl;
|
||
return data.map(item => {
|
||
if (item.codeTypePage && item.codeTypePage.previewImgs) {
|
||
const imgIds = item.codeTypePage.previewImgs.split(',');
|
||
item.codeTypePage.previewImgs = imgIds.map(id => prefix + id);
|
||
}
|
||
return item;
|
||
});
|
||
},
|
||
//显示下载
|
||
doShowDownload(e) {
|
||
const item = e.currentTarget.dataset.value
|
||
const _self = this
|
||
this.setData({
|
||
showDownload: true,
|
||
sysPreviewUrl: copyrightUrl + item.previewUrl,
|
||
tempItem: item
|
||
})
|
||
},
|
||
//下载
|
||
download(e) {
|
||
const _self = this
|
||
_self.setData({
|
||
downloadProgress: 0,
|
||
downloading: true, //显示下载进度
|
||
showDownload: false, //关闭底部弹窗
|
||
})
|
||
const path = e.currentTarget.dataset.path
|
||
const url = copyrightUrl + path + _self.data.tempItem.projId
|
||
console.log(url)
|
||
const token = Cache.get('token')
|
||
const header = {}
|
||
if (token) {
|
||
header.Auth = `Bearer ${token}`;
|
||
}
|
||
const downloadTask = wx.downloadFile({
|
||
url: url,
|
||
header: header,
|
||
success(res) {
|
||
_self.setData({
|
||
downloadProgress: 0,
|
||
downloading: false
|
||
})
|
||
if (res.statusCode === 200) {
|
||
_self.setData({
|
||
successHint: '下载成功',
|
||
showSuccess: true
|
||
})
|
||
// 从响应头中获取文件名
|
||
const contentDisposition = res.header['Content-Disposition'];
|
||
let fileName = '';
|
||
if (contentDisposition) {
|
||
const match = contentDisposition.match(/filename=(.*)/);
|
||
if (match && match[1]) {
|
||
fileName = match[1].replace(/['"]/g, '');
|
||
}
|
||
}
|
||
|
||
if (fileName) {
|
||
// 保存文件时使用获取到的文件名
|
||
wx.getFileSystemManager().saveFile({
|
||
tempFilePath: res.tempFilePath,
|
||
filePath: wx.env.USER_DATA_PATH + '/' + fileName,
|
||
success: function (res) {
|
||
const savedFilePath = res.savedFilePath;
|
||
console.log('文件下载并保存成功', savedFilePath);
|
||
if (savedFilePath.endsWith(".txt")) {
|
||
wx.navigateTo({
|
||
url: '/pages/readTxt/readTxt?filePath=' + savedFilePath,
|
||
})
|
||
} else {
|
||
wx.openDocument({
|
||
filePath: savedFilePath,
|
||
showMenu: true
|
||
})
|
||
}
|
||
},
|
||
fail: function (err) {
|
||
console.error('文件保存失败', err);
|
||
_self.showErr('很抱歉，文件下载出现问题。建议您稍作等待，之后再尝试下载。')
|
||
}
|
||
})
|
||
} else {
|
||
console.error('未从响应头中获取到文件名');
|
||
_self.showErr('很抱歉，文件下载出现问题。建议您稍作等待，之后再尝试下载。')
|
||
}
|
||
} else {
|
||
_self.showErr('很抱歉，文件下载出现问题。建议您稍作等待，之后再尝试下载。')
|
||
}
|
||
},
|
||
fail(err) {
|
||
_self.showErr('很抱歉，文件下载出现问题。建议您稍作等待，之后再尝试下载。')
|
||
console.log(`下载失败${err}`)
|
||
}
|
||
})
|
||
downloadTask.onProgressUpdate(res => {
|
||
console.log(res.progress)
|
||
_self.setData({
|
||
downloadProgress: res.progress
|
||
})
|
||
});
|
||
},
|
||
//显示错误信息
|
||
showErr(msg) {
|
||
const _self = this
|
||
_self.setData({
|
||
errorHint: msg,
|
||
showError: true,
|
||
showDownload: false,
|
||
downloading: false,
|
||
downloadProgress: 0
|
||
})
|
||
},
|
||
//重新生成
|
||
doReCreate(e) {
|
||
console.log(e)
|
||
const item = e.currentTarget.dataset.value
|
||
const _self = this
|
||
wx.showLoading({
|
||
title: '提交中...',
|
||
})
|
||
ProjectService.doReCreate(item.projId)
|
||
.then(res => {
|
||
wx.hideLoading()
|
||
_self.setData({
|
||
successHint: '提交成功,正在生成中,请耐心等待',
|
||
showSuccess: true
|
||
})
|
||
_self.doRefreshList()
|
||
}, err => {
|
||
wx.hideLoading()
|
||
_self.setData({
|
||
successHint: '提交失败,请稍后重试',
|
||
showSuccess: true
|
||
})
|
||
})
|
||
},
|
||
//加载更多
|
||
doLoadMore() {
|
||
//判断是否正在加载中
|
||
const _self = this
|
||
console.log(_self.data.isLoadMore)
|
||
console.log(_self.data.hasMore)
|
||
if (_self.data.isLoadMore || !_self.data.hasMore) {
|
||
return
|
||
}
|
||
//判断是否有更多
|
||
|
||
_self.setData({
|
||
isLoadMore: true,
|
||
'pageData.page': ++_self.data.pageData.page
|
||
})
|
||
const params = _self.buildParams(_self.data.pageData.page, false)
|
||
_self.doGetSelfList(params, false)
|
||
}
|
||
}) |