1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<template>
<div class="informedConsentForm">
<!-- 头部 -->
<van-nav-bar fixed title="知情同意书">
<template #left>
<img src="../../assets/images/back.png" alt="" @click="goBack" />
</template>
</van-nav-bar>
<div class="title">
<!-- <span> 经介绍,我已了解到云南省农村妇女增补叶酸项目是为降低神经管缺陷发生,提高出生人口素质的一项有益于个人、家庭、社会及国家的重要工作,是政府改善民生、构建社会主义和谐社会的一项举措。</span>
<span> 我知道孕妇体内叶酸缺乏,是造成神经管缺陷的重要原因。孕早期如果缺乏叶酸可导致胎儿严重畸形,此外,孕期缺乏叶酸还可导致流产、死产、未成熟儿、胎盘早剥等严重不良后果。</span>
<span> 同时,我也知道服用叶酸片可能存在的不良反应:偶见过敏反应,很少发生中毒现象。有些妇女长期服用叶酸后可出现厌食、恶心、腹胀等胃肠道症状。叶酸与维生素C同服,可能抑制叶酸在胃肠中的吸收。</span>
<span> 经咨询,我也知道服用叶酸片只能是预防和降低神经管缺陷的发生风险,接受该服务后仍有生育神经管缺陷儿(无脑儿、脑膨出及脊柱裂等)的可能。</span>
<span> 经认真考虑,我同意接受管理单位提供的孕前、孕早期服用叶酸片预防神经管缺陷服务,并自愿配合做好随访等相关服务。</span> -->
<div v-html="htmlContent"></div>
</div>
<div class="border_dashed"></div>
<div class="sign_block">
<div class="sign_block_title">
<div>申请人签名</div>
<div class="sign_block_reset" @click="handleRouter" v-if="!disable">
<img src="../../assets/images/fresh.png" alt="">
<span>重新签名</span>
</div>
</div>
<div class="sign_block_content">
<div v-if="disable" @click="handleRouter">点击在线签名</div>
<img v-else v-for="(img, index) in imageList" :key="index" v-lazy="img" />
</div>
</div>
<div class="submit_btn_block">
<van-button @click="handleClick" :disabled="disable">提 交</van-button>
</div>
</div>
</template>
<script>
import {isEmpty} from '@/utils/common'
import {getInformedConsentForm} from '@/axios/api'
export default {
data() {
return {
disable: true,
htmlContent: '',
imageList: [],
}
},
created() {
this.getEsignImg();
this.getHtmlContent();
},
methods: {
// 返回
goBack() {
this.$router.push('receiveApply');
},
handleClick() {
this.$router.push('receiveApply');
},
handleRouter() {
this.$router.push('canvas');
},
getEsignImg() {
let imgUrl = window.sessionStorage.getItem('esignImg');
if (isEmpty(imgUrl)) {
this.disable = true;
} else {
this.disable = false;
let str = imgUrl.replace('https', 'http');
this.imageList.push(str);
};
},
// 获取知情同意书内容
getHtmlContent() {
let unitId = JSON.parse(sessionStorage.getItem('applyUnitInfo')).unitId;
this.$toast.open();
getInformedConsentForm(unitId).then(res => {
if (res.code === 'SUCCESS') {
if (res.data) {
this.htmlContent = res.data.content;
};
};
}).finally(() => {
this.$toast.close();
});
},
},
}
</script>
<style lang="less" scoped>
.informedConsentForm {
padding-top: 52px;
.title {
color: #595959;
font-size: 14px;
line-height: 22px;
padding: 0 20px;
// display: flex;
// flex-direction: column;
// span {
// margin: 0 20px 10px 20px;
// }
}
.sign_block {
font-size: 16px;
color: #262626;
margin: 0 24px;
.sign_block_title {
display: flex;
justify-content: space-between;
.sign_block_reset {
display: flex;
align-items: center;
span {
font-size: 12px;
color: #595959;
margin-left: 4px;
}
}
}
.sign_block_content {
margin-top: 8px;
height: 102px;
background-image: url('../../assets/images/sign.png');
background-color: #EFF2F7;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
color: #A5AEBE;
img {
max-width: 102px;
transform: rotate(-90deg);
}
}
}
}
</style>