|
|
@@ -0,0 +1,134 @@
|
|
|
+<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>
|
zhaojiaqi