<template>
<view class="detail">
<view class="notice" v-if="flag">
<view class="notice-item margin-top">
<view class="left-content text-left text-lg text-bold">{{detailObj.title || detailObj.announcementTitle}}</view>
<view class="flex margin-tb-sm">
<view class='basis-sm margin-right-xs' >
<span :class="detailObj.type == '2'?'bg-notice':'bg-announcement'">
</span>
</view>
<view class="right-content text-right text-xs basis-lg">{{ detailObj.sendTime || detailObj.announcementDate}}
<text class="notice-flag"> {{ detailObj.hospitalBean?'医院发布':'平台发布'}} </text>
</view>
</view>
<view class="notice-item-content">
<rich-text :nodes="detailObj.content"></rich-text>
<!-- <pre v-html="detailObj.content || detailObj.announcementContent" style="margin:0;white-space:pre-wrap;word-break:break-all;"> </pre> -->
</view>
</view>
</view>
<view class="notice-detail" v-else>
<h1 style="text-align:center;font-size:19px;font-weight: bold;">胃癌早筛公益活动</h1>
<!-- <image src="../../static/4.jpg" mode="" style="width:100%"></image> -->
<view class="detail">
<p style="font-weight: bold;"><strong>尊敬的各位居民：</strong></p>
<p style="text-indent: 58upx;">胃癌是严重威胁我国居民健康的重大疾病。以往，临床胃癌发现时95%已处于中晚期，这些患者即便经过专业治疗，5年生存率仍然低于30%，但如果胃癌能早期发现，患者的5年生存率会高于90%。因此胃癌并不可怕，关键是要早诊早治。目前我国胃癌早诊率总体水平低于10%，远低于先进国家的50-80%。</p>
<p style="text-indent: 58upx;">为提高我国早期胃癌防治水平，为提高我国居民胃癌早诊率，由国家消化道早癌防治中心联盟发起，举办2020年全国早期胃癌防治报名活动。以下为报名方式，欢迎各位居民积极参与。</p>
在您决定是否参加该筛查（或随访）之前，请仔细阅读以下内容。您可以和您的亲属、朋友一起讨论，或请医生给予解释，然后做出决定。
<p>一、筛查开展的背景和目的</p>
<p style="text-indent: 58upx;">癌症是严重威胁人民生命和健康的疾病，也是我国居民的主要死亡原因之一。目前因出现临床症状而就诊的患者多为中晚期病人，治疗费用昂贵而且效果不佳，给病人和家属带来极大的痛苦和沉重的经济负担。
医学研究和临床实践证实,癌症的发生发展有一个过程，可以通过科学有效的技术方法对人群进行筛查，及时发现癌前病变及早期癌，经有效治疗，可以阻断癌前病变的发展。接受早诊早治的患者痛苦小，经济花费少，而且患者可以很快恢复健康，像健康人一样工作生活。早诊早治是目前控制癌症的最有效的途径。
</p>
二、筛查过程
<p style="text-indent: 58upx;">上消化道癌高发区，40-69岁高危人群，在内镜检查前有专门的医师了解您身体的基本情况，以确定是否适宜进行。
胃癌患病风险评估与进一步检查。首先，您需要回答简单的几个问题，并抽取空腹静脉血5ml，进行相关的血清学检测。具体包括：您的年龄、性别；您的一级亲属（父母、子女、兄弟姐妹）罹患癌症情况。血清胃功能检测（胃蛋白酶原和胃泌素-17）、幽门螺杆菌抗体检测。根据上述资料，工作人员将对您的胃癌患病风险进行评估。根据评估结果，工作人员会按照以下原则建议您下一步的诊疗计划：（1）低风险人群：定期随访（血清胃功能检测），重新评估胃癌患病风险；（2）中风险人群：推荐内镜检查；（3）高风险人群：强烈推荐内镜检查。内镜检查有助于进一步判断您是否患有胃部疾病。
内镜检查。在内镜检查时除肉眼观察，还要用碘液和/或靛胭脂染色，并从病变处取几块组织用以准确诊断。如果发现患有食管癌、贲门癌和胃癌或癌前病变（如食管重度异型增生/原位癌、贲门和胃高级别上皮内瘤变），将按每个人的不同病情，安排相应的治疗。食管重度异型增生/原位癌、贲门和胃高级别上皮内瘤变，以及黏膜内癌患者可行内镜下微创治疗。其它癌症患者可行手术或放、化疗。
</p>
三、参加筛查可能的受益
<p style="text-indent: 58upx;">如果您参加检查，可全面了解您的幽门螺杆菌感染情况、食管、贲门和胃的情况。对于本次筛查出的幽门螺杆菌感染阳性情况、食管重度异型增生/原位癌、贲门和胃的高级别上皮内瘤变，以及早期癌患者，将会得到及时和优先治疗。我们将负责为您提供治疗的便利和相关信息。
</p>
四、哪些人不宜参加筛查
<p style="text-indent: 58upx;">具有下列情况的，不宜参加筛查：①严重心脏病，心力衰竭；②重症呼吸道疾病，呼吸困难，哮喘持续状态；③有严重脑部疾病者；④咽后壁脓肿，严重脊柱畸形，或主动脉瘤患者；⑤身体虚弱不能耐受内镜检查，或难以镇静自控者；⑥上消化道腐蚀性炎症急性期，或疑为上消化道穿孔者；⑦大量腹水、严重腹胀，或有重度食管静脉曲张者；⑧有出血倾向者（凝血功能不正常），或正在服用抗凝血药物者，后者须停药一周后检查出凝血功能正常方可进行内镜检查；⑨妊娠期妇女；⑨40-69岁有碘过敏史者等。
</p>
五、参加筛查可能带来的不适与不便
<p style="text-indent: 58upx;">内镜检查和治疗时一般很安全。但也偶有检查和治疗过程中发生食管或胃出血、穿孔及药物反应（如碘过敏）等。对这些情况医生都有很好的预防措施和应急预案，即使发生，罕有危及生命的可能。如果您想进一步了解情况，请与检查小组的医生联系。
</p>
六、保密原则
<p style="text-indent: 58upx;">您的所有个人资料将是保密的，由承担该筛查工作的医院妥善保存。任何公开报告将不会披露您的个人信息。我们将在法律允许的范围内，尽一切努力保护您的隐私。
我们将保存所采取的标本资料，并可能在以后的研究中使用，标本上贴有带编码的标签，不会出现您的姓名，您的所有信息将会保密。
</p>
</view>
<view class="detail">
<p style="font-weight: bold;"><strong>小程序提供筛查报名、接收相关通知、查看检查结果等功能，以下为快捷报名入口。</strong></p>
</view>
<view class="cu-list grid" :class="['col-' + gridCol,gridBorder?'':'no-border']">
<view class="cu-item quick-item" v-for="(item,index) in cuIconList" :key="index" v-if="index<gridCol*1" @click="clickQuick(item)" hover-class="cell-hover" :hover-stay-time="50">
<view :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
<view class="cu-tag badge" v-if="item.badge!=0">
<block v-if="item.badge!=1">{{item.badge>99?'99+':item.badge}}</block>
</view>
</view>
<text>{{item.name}}</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
cuIconList: [
{
cuIcon: 'friend',
color: 'blue',
badge: 0,
name: '筛查报名',
navUrl:"/personModule/signUp/index?type=other"
}
],
direction: '',
modalName: null,
gridCol: 1,
gridBorder: false,
id:'',
type:'',
flag:true,
detailObj:{}
}
},
onLoad(option){
this.id = option.id
this.type = option.type
if(!this.type){
this.detailObj = JSON.parse(decodeURIComponent(option.item))
if(this.detailObj.id == 4){
this.flag = false
}
}
},
mounted() {
this.getNoticeDetail(this.id)
},
methods: {
// 点击快捷方式
clickQuick(obj){
if (this.$store.getters.userInfo.name) {
uni.navigateTo({
url: obj.navUrl
})
} else {
uni.showToast({
icon: 'none',
title: "请先完善个人信息！"
})
// #ifdef MP-WEIXIN
setTimeout(function() {
uni.navigateTo({
url: '/person/personInfo/index?url=' + encodeURIComponent(JSON.stringify(obj.navUrl)),
});
}, 1500);
// #endif
}
},
// 获取公告
getNoticeDetail(id){
if(this.type == 'announce'){
const data = { params:{"id":id} }
this.$http.get(`/gastric-cancer-data/announcement/selectAnnouncementById`,data).then(res => {
const d = res.data
if(d.code == 1){
this.detailObj = d.object
let content = this.detailObj.content || this.detailObj.announcementContent
content = content.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ');
this.detailObj.content = content
}
}).catch(err => {
console.log(err)
})
}
if(this.type == 'notice'){
const data = { params:{"noticeId":id} }
this.$http.get(`/gastric-cancer-data/mini/program/notice/info`,data).then(res => {
const d = res.data
if(d.code == 1){
this.detailObj = d.object
let content = this.detailObj.content || this.detailObj.announcementContent
content = content.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ');
this.detailObj.content = content
}
}).catch(err => {
console.log(err)
})
}
}
}
}
</script>
<style lang="scss" scoped>
.detail {
height: 100%;
.notice{
padding: 0 30upx;
padding-bottom:30upx;
.left-content{
color:#000;
}
.right-content{
vertical-align: bottom;
color:rgba(0,0,0,0.5);
}
.notice-item{
padding: 20upx;
border-radius: 10upx;
.notice-item-content{
font-size: 32upx;
margin-top: 12upx;
img{
width:100%;
display: none !important;
height:auto;
}
}
}
.bg-announcement,.bg-notice{
height: 28upx;
width: 32upx;
display: inline-block;
background-position: left;
vertical-align: text-top;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../../static/announcement.png);
}
.bg-notice{
background-image: url(../../static/notice.png);
}
}
.cu-tag{
padding: 0px 12upx;
height: 42upx;
line-height:43upx;
font-size: 20upx;
}
}
.notice-detail{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 15px;
background: #fff;
line-height: 1.5;
uni-image{
width: 100%;
}
.detail{
font-size: 30upx;
margin: 30upx 0;
letter-spacing: 1px;
text-align: justify;
line-height: 60upx;
}
}
.notice-flag{
border-radius: 14upx;
border: 2upx solid #59A0F6;
padding: 3upx 4upx;
margin-left: 7upx;
font-size: 24upx;
}
</style>