128 lines
5.9 KiB
Vue
128 lines
5.9 KiB
Vue
<template>
|
|
<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
|
|
<Navbar2 title="消息通知详情"/>
|
|
<view class="notice-detail">
|
|
<!-- 标题区域 -->
|
|
<view class="notice-title">
|
|
<text class="title">通知</text>
|
|
<text class="time">{{ noticeData.title }}</text>
|
|
</view>
|
|
|
|
<!-- 内容区域 -->
|
|
<view class="notice-content">
|
|
<view class="content-text">{{noticeData.subTitle}}</view>
|
|
</view>
|
|
|
|
<view v-if="paramsData.title=='取证任务'" style="width: 100%;height: 70vh;">
|
|
<scroll-view style="width: 100%;height: 65vh;margin-bottom: 20px;" @scrolltolower="onScrollTolower" scroll-y="true">
|
|
<p>
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224测试内容1241224
|
|
</p>
|
|
</scroll-view>
|
|
<u-checkbox-group v-model="agree">
|
|
<u-checkbox :disabled="radioDisabled" name="1" label="已阅读并同意以上条款"></u-checkbox>
|
|
</u-checkbox-group>
|
|
<view v-if="!radioDisabled" style="width: 100%;padding: 10rpx;margin: 20rpx auto;background: #fff;">
|
|
<view @click="agreeDetail" style="width: 100%;height: 80rpx;margin: 10rpx auto;background: #3888FF;color: #fff;border-radius: 10rpx;text-align: center;line-height: 80rpx;" >
|
|
确 认
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import UReadMore from '../../../uni_modules/uview-ui/components/u-read-more/u-read-more.vue'
|
|
import { updateNoticeApi } from "@/api/index/index.js";
|
|
|
|
export default {
|
|
name: 'NoticeDetail',
|
|
components: { UReadMore },
|
|
data() {
|
|
return {
|
|
fontValue:uni.getStorageSync('fontSize') || 8,
|
|
paramsData:{},
|
|
noticeData: {},
|
|
radioDisabled:true,
|
|
agree:[]
|
|
}
|
|
},
|
|
onLoad(opt) {
|
|
opt = JSON.parse(opt.params)
|
|
console.log(opt)
|
|
this.paramsData = opt
|
|
this.fetchNoticeDetail();
|
|
setTimeout(()=>{
|
|
this.getNoticeDetail()
|
|
},500)
|
|
},
|
|
methods: {
|
|
fetchNoticeDetail() {
|
|
this.noticeData = this.paramsData
|
|
},
|
|
//获取通知消息
|
|
async getNoticeDetail() {
|
|
let param = {
|
|
"sign": this.paramsData.sign,
|
|
"userId": uni.getStorageSync('userId'),
|
|
}
|
|
const res = await updateNoticeApi(param)
|
|
},
|
|
onScrollTolower(){
|
|
console.log("到底了")
|
|
this.radioDisabled=false
|
|
},
|
|
agreeDetail(){
|
|
console.log(this.agree)
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.notice-detail {
|
|
padding: 16px;
|
|
background-color: #fff;
|
|
min-height: 94vh;
|
|
}
|
|
|
|
.notice-title {
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.title {
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
color: #333;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.time {
|
|
font-size: 28rpx;
|
|
color: #999;
|
|
}
|
|
|
|
.notice-content {
|
|
line-height: 1.6;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.content-text {
|
|
font-size: 28rpx;
|
|
color: #666;
|
|
}
|
|
</style> |