|
|
|
|
@ -2,21 +2,41 @@
|
|
|
|
|
<view class="jobInfo-container"> |
|
|
|
|
<!-- 搜索框区域 --> |
|
|
|
|
<view class="search-box"> |
|
|
|
|
<van-search :value="abc" placeholder="输入关键字查询" id="sreach" @clear="handleClear" @change="handleSearch" /> |
|
|
|
|
<van-search |
|
|
|
|
:value="abc" |
|
|
|
|
placeholder="输入关键字查询" |
|
|
|
|
id="sreach" |
|
|
|
|
@clear="handleClear" |
|
|
|
|
@change="handleSearch" |
|
|
|
|
/> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- 列表区域 --> |
|
|
|
|
<view class="jobInfo-list"> |
|
|
|
|
<scroll-view class="jobInfo-scroll" scroll-y @scrolltolower="loadNextPage" @refresherrefresh="onRefresh" |
|
|
|
|
refresher-enabled :refresher-triggered="isRefreshing"> |
|
|
|
|
<view class="jobInfo-item" v-for="item in jobInfoList" :key="item.id"> |
|
|
|
|
<scroll-view |
|
|
|
|
class="jobInfo-scroll" |
|
|
|
|
scroll-y |
|
|
|
|
@scrolltolower="loadNextPage" |
|
|
|
|
@refresherrefresh="onRefresh" |
|
|
|
|
refresher-enabled |
|
|
|
|
:refresher-triggered="isRefreshing" |
|
|
|
|
> |
|
|
|
|
<view |
|
|
|
|
class="jobInfo-item" |
|
|
|
|
v-for="item in jobInfoList" |
|
|
|
|
:key="item.id" |
|
|
|
|
> |
|
|
|
|
<view class="item-main" @click="handlejobInfoClick(item)"> |
|
|
|
|
<view class="jobInfo-title">{{ item.title }}</view> |
|
|
|
|
<view class="jobInfo-time">汇报日期：{{ item.jobDate }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="item-btns"> |
|
|
|
|
<button class="btn-preview" @click.stop="btnView(item)">生成预览</button> |
|
|
|
|
<button class="btn-share" @click.stop="btnShare(item)">分享PDF</button> |
|
|
|
|
<button class="btn-preview" @click.stop="btnView(item)"> |
|
|
|
|
生成预览 |
|
|
|
|
</button> |
|
|
|
|
<button class="btn-share" @click.stop="btnShare(item)"> |
|
|
|
|
分享PDF |
|
|
|
|
</button> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</scroll-view> |
|
|
|
|
@ -35,7 +55,6 @@ import { formatDate } from '@/utils/ruoyi.js'
|
|
|
|
|
import config from '@/config' |
|
|
|
|
import { JobInfoApi } from '@/api/jobinfo/index.js' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
@ -46,8 +65,10 @@ export default {
|
|
|
|
|
pageNum: 1, // 当前页码 |
|
|
|
|
pageSize: 10, // 每页显示条数 |
|
|
|
|
total: 0, // 总数据条数 |
|
|
|
|
loadMoreStatus: 'more',// 加载更多状态：more-加载前 loading-加载中 noMore-没有更多 |
|
|
|
|
itemImgUrl: config.imgUrl + '/miniohb/c103c92335bdd30d33ff8a062c219ead0626bf0a1898536bd7590285ca11c9db.png' |
|
|
|
|
loadMoreStatus: 'more', // 加载更多状态：more-加载前 loading-加载中 noMore-没有更多 |
|
|
|
|
itemImgUrl: |
|
|
|
|
config.imgUrl + |
|
|
|
|
'/miniohb/c103c92335bdd30d33ff8a062c219ead0626bf0a1898536bd7590285ca11c9db.png' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 页面加载时获取列表数据 |
|
|
|
|
@ -56,7 +77,6 @@ export default {
|
|
|
|
|
this.getjobInfoList() |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
methods: { |
|
|
|
|
handleAdd() { |
|
|
|
|
uni.navigateTo({ |
|
|
|
|
@ -71,27 +91,27 @@ export default {
|
|
|
|
|
// 替换为你的PDF文件URL |
|
|
|
|
url: url, |
|
|
|
|
success: function (res) { |
|
|
|
|
const filePath = res.tempFilePath; |
|
|
|
|
const filePath = res.tempFilePath |
|
|
|
|
wx.openDocument({ |
|
|
|
|
filePath: filePath, |
|
|
|
|
fileType: 'pdf', // 指定文件类型为PDF |
|
|
|
|
success: function (res) { |
|
|
|
|
console.log('打开文档成功'); |
|
|
|
|
console.log('打开文档成功') |
|
|
|
|
}, |
|
|
|
|
fail: function (err) { |
|
|
|
|
console.error('打开文档失败', err); |
|
|
|
|
console.error('打开文档失败', err) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
fail: function (err) { |
|
|
|
|
console.error('下载文件失败', err); |
|
|
|
|
console.error('下载文件失败', err) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
btnShare(item) { |
|
|
|
|
let url = item.pdfUrl |
|
|
|
|
let fileName = item.title+".pdf" |
|
|
|
|
let fileName = item.title + '.pdf' |
|
|
|
|
// 示例代码 |
|
|
|
|
wx.downloadFile({ |
|
|
|
|
url: url, // 文件的下载链接 |
|
|
|
|
@ -101,19 +121,18 @@ export default {
|
|
|
|
|
filePath: res.tempFilePath, // 下载后的文件临时路径 |
|
|
|
|
fileName: fileName, // 可选，自定义文件名 |
|
|
|
|
success() { |
|
|
|
|
console.log('文件分享成功'); |
|
|
|
|
console.log('文件分享成功') |
|
|
|
|
}, |
|
|
|
|
fail(err) { |
|
|
|
|
console.error('文件分享失败', err); |
|
|
|
|
console.error('文件分享失败', err) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
fail(err) { |
|
|
|
|
console.error('文件下载失败', err); |
|
|
|
|
console.error('文件下载失败', err) |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 下拉刷新 |
|
|
|
|
@ -127,7 +146,6 @@ export default {
|
|
|
|
|
if (this.jobInfoList.length < this.total) { |
|
|
|
|
this.pageNum++ |
|
|
|
|
this.getjobInfoList() |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 获取政策法规列表数据 |
|
|
|
|
@ -145,7 +163,10 @@ export default {
|
|
|
|
|
// 限制标题长度，超出显示省略号 |
|
|
|
|
const formattedData = res.data.list.map(item => ({ |
|
|
|
|
...item, |
|
|
|
|
title: item.title.length > 15 ? item.title.slice(0, 15) + '...' : item.title, |
|
|
|
|
title: |
|
|
|
|
item.title.length > 15 |
|
|
|
|
? item.title.slice(0, 15) + '...' |
|
|
|
|
: item.title, |
|
|
|
|
jobDate: formatDate(item.jobDate, 'YYYY年MM月DD日') |
|
|
|
|
})) |
|
|
|
|
|
|
|
|
|
@ -158,7 +179,8 @@ export default {
|
|
|
|
|
console.log('列表信息', res) |
|
|
|
|
this.total = res.data.total |
|
|
|
|
// 更新加载状态 |
|
|
|
|
this.loadMoreStatus = this.jobInfoList.length >= this.total ? 'noMore' : 'more' |
|
|
|
|
this.loadMoreStatus = |
|
|
|
|
this.jobInfoList.length >= this.total ? 'noMore' : 'more' |
|
|
|
|
} |
|
|
|
|
} catch (error) { |
|
|
|
|
console.error(error) |
|
|
|
|
@ -167,9 +189,9 @@ export default {
|
|
|
|
|
title: '获取列表失败', |
|
|
|
|
icon: 'none' |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
finally { |
|
|
|
|
this.loadMoreStatus = this.jobInfoList.length >= this.total ? 'noMore' : 'more' |
|
|
|
|
} finally { |
|
|
|
|
this.loadMoreStatus = |
|
|
|
|
this.jobInfoList.length >= this.total ? 'noMore' : 'more' |
|
|
|
|
// 无论成功失败都关闭刷新状态 |
|
|
|
|
// 确保在数据加载完成后关闭刷新状态 |
|
|
|
|
setTimeout(() => { |
|
|
|
|
@ -184,7 +206,6 @@ export default {
|
|
|
|
|
this.searchValue = e.detail // 更新搜索关键字 |
|
|
|
|
this.getjobInfoList() |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
// 清除搜索事件处理 |
|
|
|
|
handleClear() { |
|
|
|
|
@ -203,7 +224,7 @@ export default {
|
|
|
|
|
</script> |
|
|
|
|
<style lang="scss"> |
|
|
|
|
.jobInfo-container { |
|
|
|
|
background: #F9F9F9; |
|
|
|
|
background: #f9f9f9; |
|
|
|
|
min-height: 100vh; |
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
@ -211,7 +232,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
.search-box { |
|
|
|
|
padding: 24rpx; |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
background: #ffffff; |
|
|
|
|
position: fixed; |
|
|
|
|
top: 0; |
|
|
|
|
left: 0; |
|
|
|
|
@ -224,12 +245,14 @@ export default {
|
|
|
|
|
margin-top: 120rpx; // 搜索框高度 + padding |
|
|
|
|
|
|
|
|
|
.jobInfo-scroll { |
|
|
|
|
height: calc(100vh - 120rpx - 156rpx); // 视口高度 - 搜索框高度 - 底部按钮区域高度 |
|
|
|
|
height: calc( |
|
|
|
|
100vh - 120rpx - 156rpx |
|
|
|
|
); // 视口高度 - 搜索框高度 - 底部按钮区域高度 |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.jobInfo-item { |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
background: #ffffff; |
|
|
|
|
padding: 24rpx; |
|
|
|
|
margin: 24rpx; |
|
|
|
|
border-radius: 16rpx; |
|
|
|
|
@ -267,17 +290,15 @@ export default {
|
|
|
|
|
|
|
|
|
|
.btn-preview { |
|
|
|
|
background: rgba(255, 111, 30, 0.1); |
|
|
|
|
color: #FF6F1E; |
|
|
|
|
color: #ff6f1e; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.btn-share { |
|
|
|
|
background: rgba(23, 198, 83, 0.1); |
|
|
|
|
color: #17C653; |
|
|
|
|
color: #17c653; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -288,8 +309,8 @@ export default {
|
|
|
|
|
right: 24rpx; |
|
|
|
|
height: 88rpx; |
|
|
|
|
line-height: 88rpx; |
|
|
|
|
background: #17C653; |
|
|
|
|
color: #FFFFFF; |
|
|
|
|
background: #17c653; |
|
|
|
|
color: #ffffff; |
|
|
|
|
font-size: 32rpx; |
|
|
|
|
border-radius: 8rpx; |
|
|
|
|
text-align: center; |
|
|
|
|
@ -298,14 +319,14 @@ export default {
|
|
|
|
|
|
|
|
|
|
.search-box { |
|
|
|
|
padding: 24rpx; |
|
|
|
|
background: #FFFFFF; |
|
|
|
|
background: #ffffff; |
|
|
|
|
|
|
|
|
|
::v-deep .van-search { |
|
|
|
|
padding: 0; |
|
|
|
|
background: transparent; |
|
|
|
|
|
|
|
|
|
.van-search__content { |
|
|
|
|
background: #F5F5F5; |
|
|
|
|
background: #f5f5f5; |
|
|
|
|
border-radius: 8rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
