snapshot-wx/pagesPointsBase/Points/Publicize.vue

<template>
	<view class="container" v-if="isShow">
		<view class="contentBox">
			<view class="headerBox">
				<view class="title">{{NoticeTitle}}</view>
			</view>
			<view class="article">
				<!-- <bctos-rich-text :nodes="NoticeContent"></bctos-rich-text> -->
				<p class="articleTitle">1、“自贡安全卫士”是什么？</p>
				<p class="articleContent">答：“自贡安全卫士”是授予积极发现、举报并协助消除安全隐患的市民的荣誉称号。</p>
				<p class="articleTitle">2、怎么成为“自贡安全卫士”？</p>
				<p class="articleContent">（1）直接举报授予：通过各种渠道举报重大安全生产隐患、自然灾害重大风险、消防安全重大隐患，经相关部门核实属实的。</p>
				<p class="articleContent">（2）积分评比授予：通过“自贡随手拍”举报安全隐患可获得对应积分（排行榜显示），年度总积分排名前十名（直接授予者不在此列）。</p>
				<p class="articleTitle">3、 有什么奖励？</p>
				<p class="articleContent">（1）安全卫士获得者奖励现金5000元，并在就业、公共交通给与优先政策。</p>
				<p class="articleContent">（2）安全卫士获得者可获得灯会、恐龙博物馆、盐业历史博物馆等减免政策，两年组织一次外出学习。</p>
				<p class="articleContent">（3）积分获得者平台积分可兑换充电宝、水杯等物品。</p>
				<p class="articleTitle">4、 积分规则？</p>
				<p class="articleContent">（1）自贡随手拍举报隐患（安全生产、自然灾害、消防安全）的获1分/次，经有关部门核查属实的再获5分/次。</p>
				<p class="articleContent">（2）驳回虚假举报、恶意刷积分的扣除3分/次。</p>
				<p class="articleTitle">5、 积分时间</p>
				<p class="articleContent">从每年1月1日起至当年年底（2025年积分时间为 : 2025年1月1日至2025年12月31日）。积分不做清零，积分可兑换商品。</p>
			</view>
		</view>
	</view>
</template>

<script>
	var that;
	export default {
		data() {
			return {
				isShow: false,
				id: '',
				NoticeTitle: "自贡安全卫士公示",
				NoticeContent: '',
			}
		},
		onLoad(option) {
			that = this;
			that.id = decodeURIComponent(option.id);
			that.isShow = true;
			// this.getData();
		},
		methods: {
			getData() {
				that.$admin.reqDirect({
					method: 'GET',
					url: '/api/v1/Snapshot/bulletions/' + that.id
				}).then(res => {
					if (res) {
						that.NoticeTitle = res.title;
						that.NoticeDate = res.creationTime ? that.$util.formatTime(new Date(res.creationTime)) : '';
						that.NoticeContent = res.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, function(match, reSrc) {
							var strImg = '<img src="' + reSrc + '" style="width:100%;" />';
							return strImg;
						});
						that.NoticeBMName = '';
					}
					that.isShow = true;
				}, err => {
					that.$util.msg(err);
				})
			},
			onBackTo() {
				uni.navigateBack();
			}
		}
	}
</script>

<style lang="less">
	.contentBox {
		height: calc(100% - 30rpx);
		padding: 0 20rpx 30rpx;
		overflow-y: auto;
	}

	.headerBox {
		border-bottom: 1px #d2d2d2 solid;
		padding: 40rpx 0 20rpx;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		margin-bottom: 20rpx;
		text-align: center;
	}

	.time{
		font-size: 30rpx;
		color: #666666;
		text-align: right;
	}
	
	.timecenter {
		font-size: 30rpx;
		color: #666666;
		text-align: center;
	}

	.article {
		font-size: 28rpx;
		background-color: #FFFFFF;
		color: #777;
		padding: 30rpx 0;
		line-height: 2.5;
	}

	.bottomBox {
		padding-bottom: 20rpx;
	}

	.author {
		text-align: right;
	}
	
	.articleTitle{
		width: 100%;
		color: #fe0000;
		font-size: 36rpx;
		line-height: 50rpx;
		margin-bottom: 20rpx;
	}
	
	.articleContent{
		width: 100%;
		font-size: 32rpx;
		line-height: 50rpx;
		margin-bottom: 30rpx;
		color: #333;
	}
</style>