You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
130 lines
3.0 KiB
130 lines
3.0 KiB
<template>
|
|
<view class="content padding">
|
|
<view class="tit">{{ info.title }}</view>
|
|
|
|
<view class="fileList">
|
|
<view class="file" v-for="(item,index) in info.attachmentList" :key="index">
|
|
<!-- <view class="link oneRowText">附件 {{ index+1 }} ----------------------------------------------------------------</view> -->
|
|
<view class="link oneRowText">{{ item.name || index }}</view>
|
|
<view class="lookLink" @click="goWebview(item)">查看附件</view>
|
|
</view>
|
|
</view>
|
|
|
|
<u-parse :content="info.content" :tagStyle="style"></u-parse>
|
|
|
|
<view class="timeDesc" v-if="info.timeDesc">创建时间： {{ info.timeDesc }}</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from 'vue'
|
|
// let attachmentList = ["https://lyjp-bucket-main.oss-cn-beijing.aliyuncs.com/6f4db7615fff8c35085cdb53976af6afec0b96d857c27cda487487564b7efefb.xls","https://lyjp-bucket-main.oss-cn-beijing.aliyuncs.com/2ec7359a66a38526cbb214adef8c75e39bfd2f17bbf75b5c0547041d333580eb.xls"]
|
|
import {
|
|
onLoad,
|
|
onPullDownRefresh,
|
|
} from '@dcloudio/uni-app'
|
|
|
|
import { getNoticeDetail } from '@/config/api.js'
|
|
let articleId = ''
|
|
const info = ref('')
|
|
async function getNoticeDetailFn() {
|
|
const {data: res} = await getNoticeDetail({articleId})
|
|
info.value = res
|
|
}
|
|
function goWebview(item) {
|
|
let url = item.url || item
|
|
uni.downloadFile({
|
|
url,
|
|
success: function (res) {
|
|
var filePath = res.tempFilePath;
|
|
uni.openDocument({
|
|
filePath: filePath,
|
|
showMenu: true,
|
|
success: function (res) {
|
|
console.log('打开文档成功');
|
|
},
|
|
success: function (res) {
|
|
console.log('打开失败成功');
|
|
}
|
|
});
|
|
},
|
|
fail: (err)=> {
|
|
console.log(err);
|
|
uni.$u.toast('下载失败')
|
|
},
|
|
});
|
|
|
|
return
|
|
uni.showLoading({
|
|
title: '正在下载'
|
|
})
|
|
uni.downloadFile({
|
|
url: item,
|
|
success: (res) => {
|
|
if (res.statusCode === 200) {
|
|
uni.$u.toast('下载成功')
|
|
}
|
|
},
|
|
fail: (err)=> {
|
|
console.log(err);
|
|
uni.$u.toast('下载失败')
|
|
},
|
|
complete: (err)=> { uni.hideLoading(); console.log(err) }
|
|
})
|
|
}
|
|
onLoad((option)=>{
|
|
articleId = option.id
|
|
getNoticeDetailFn()
|
|
})
|
|
|
|
onPullDownRefresh(async()=>{
|
|
await getNoticeDetailFn()
|
|
uni.stopPullDownRefresh()
|
|
})
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.tit {
|
|
font-size: 32rpx;
|
|
font-weight: 700;
|
|
padding: 20rpx 0;
|
|
text-align: center;
|
|
}
|
|
.timeDesc {
|
|
text-align: right;
|
|
font-size: 28rpx;
|
|
color: #999;
|
|
padding: 30px 0;
|
|
}
|
|
|
|
.fileList {
|
|
padding: 0 32rpx;
|
|
.file {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10rpx 0;
|
|
.link {
|
|
font-size: 24rpx;
|
|
color: #9C9C9C;
|
|
flex: 1;
|
|
|
|
}
|
|
.lookLink {
|
|
width: 132rpx;
|
|
height: 44rpx;
|
|
background: #DE3A26;
|
|
border-radius: 22rpx;
|
|
font-size: 24rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 44rpx;
|
|
margin-left: 20rpx;
|
|
&.boder {
|
|
border: 1px solid #DE3A26;
|
|
color: $themC;
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|