toknowledge.vue 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. <template>
  2. <view class="content">
  3. <view class="flex black">
  4. <image src="../../static/icon/goblack.png" mode="" class="goblack" @click="goblcak"></image>
  5. <view class="tit">
  6. 捐献造血干细胞的意义
  7. </view>
  8. <view class="goblack">
  9. </view>
  10. </view>
  11. <image class="top-image" src="../../static/img/ack.png"></image>
  12. <view class="list-box">
  13. <view class="list-item">
  14. <view class="list-title flex_item">
  15. <image src="../../static/icon/zxkp1.png"></image>
  16. <view class="name">捐献造血干细胞的意义</view>
  17. </view>
  18. <view class="list-tpl">
  19. 血液病对人类健康造成极大的威胁,造血干细胞移植不仅可以根治白血病,还可以治疗许多重症血液病。我国现在正等待造血干细胞移植的患者有数百万,其中少年儿童占50%以上,患者数量的增长速度从过去每年约4万人提高到每年约8万人。造血干细胞移植成败的关键是HLA(人类白细胞抗原)配型问题。由于现在大多数青少年是独生子女,如需移植很难在亲缘关系的兄弟姐妹中找到供者,只能依靠社会上的非亲缘的捐献者为他们提供HLA配型相同的造血干细胞。非血缘关系造血干细胞高分辨配型成功的机率仅为十万分之一,这并不是说10万份血样中必然会有一份能配型成功。只要有足够数量的捐献志愿者,患者找到HLA配型相同志愿者的机会就越多,生存的希望就越大。我们期盼更多的志愿者能加入到捐献造血干细胞志愿捐献者的行列中来。
  20. </view>
  21. </view>
  22. <view class="list-item">
  23. <view class="list-title flex_item">
  24. <image src="../../static/icon/zxkp1.png"></image>
  25. <view class="name">从外周血中采集造血干细胞</view>
  26. </view>
  27. <view class="list-tpl">
  28. 造血干细胞是从外周血中采集。采用肌肉注射动员剂的方法将骨髓血中的造血干细胞动员到外周血中,从捐献者手臂静脉处采集全血,通过血细胞分离机提取造血干细胞,同时将其它血液成分回输捐献者体内。
  29. </view>
  30. </view>
  31. <view class="list-item">
  32. <view class="list-title flex_item">
  33. <image src="../../static/icon/zxkp1.png"></image>
  34. <view class="name">采集造血干细胞有没有危险?</view>
  35. </view>
  36. <view class="list-tpl">
  37. 采集外周血干细胞很安全,至今没有引起对捐献者伤害的先例。部分捐献者可能有“感冒”样症状。在采集完成后,一些轻微疼痛感和不适将会很快消失。所用的器材都经严格消毒,并一次性使用,确保了捐献者的安全。捐献者大约需要采集50~200毫升造血干细胞混悬液。
  38. </view>
  39. </view>
  40. <view class="list-item">
  41. <view class="list-title flex_item">
  42. <image src="../../static/icon/zxkp1.png"></image>
  43. <view class="name">捐献造血干细胞影响身体健康吗?</view>
  44. </view>
  45. <view class="list-tpl">
  46. 人体内的造血干细胞具有很强的再生能力,正常情况下,人体各种细胞每天都在不断新陈代谢,进行着生成、衰老、死亡的循环往复,捐献造血干细胞血1-2周内,血液的各种血细胞恢复到原来水平,因此,捐献造血干细胞不影响健康。
  47. </view>
  48. </view>
  49. <view class="list-item">
  50. <view class="list-title flex_item">
  51. <image src="../../static/icon/zxkp1.png"></image>
  52. <view class="name">怎样成为造血干细胞志愿捐献者??</view>
  53. </view>
  54. <view class="list-tpl">
  55. 您可与{{$store.state.baseName}}联系报名。到指定地点抽取6-8毫升血液,经HLA分型检验,把相关资料录入到中华骨髓库的数据库中,这样您就成为造血干细胞志愿捐献者了。
  56. </view>
  57. </view>
  58. <view class="list-item">
  59. <view class="list-title flex_item">
  60. <image src="../../static/icon/zxkp1.png"></image>
  61. <view class="name">报名前有哪些特别需要注意的事项? </view>
  62. </view>
  63. <view class="list-tpl">
  64. 报名入库前最好先征得家人的同意,以避免配型成功后,家人的阻扰,甚至引起家庭矛盾。当然家人的同意不是必须的。如果志愿者意志坚决,则不会影响捐献,但是会影响自身的家庭关系。所以之前最好还是应征求好家人的意见,做好知识宣传。
  65. </view>
  66. </view>
  67. <view class="list-item">
  68. <view class="list-title flex_item">
  69. <image src="../../static/icon/zxkp1.png"></image>
  70. <view class="name">填写“造血干细胞志愿捐献者同意书”注意什么? </view>
  71. </view>
  72. <view class="list-tpl">
  73. 准确详实地提供个人资料,包括联络方式、住址、工作单位及电话、手机、电邮,以上内容发生变化时,要及时通知中华骨髓库。详尽地提供两位不同住址亲友的地址和电话,以便在您的资料有变化时,能通过他们与您恢复联络。
  74. </view>
  75. </view>
  76. <view class="list-item">
  77. <view class="list-title flex_item">
  78. <image src="../../static/icon/zxkp1.png"></image>
  79. <view class="name">健康者在多大年龄适合捐献造血干细胞? </view>
  80. </view>
  81. <view class="list-tpl">
  82. 年龄在18—45周岁的健康者均可登记成为捐献造血干细胞的志愿者,18—55周岁身体健康,经血液检查合格(符合无偿献血条件),特别是曾经参加过献血者,即可捐献造血干细胞。
  83. </view>
  84. </view>
  85. <view class="list-item">
  86. <view class="list-title flex_item">
  87. <image src="../../static/icon/zxkp1.png"></image>
  88. <view class="name">什么时候能够捐献? </view>
  89. </view>
  90. <view class="list-tpl">
  91. 您的分型数据与患者相合时,便可以做捐献准备了。但人类白细胞抗原的相合率是万分之一乃至数百万分之一,所以,等待捐献的时间可能很短,也可能要等若干年。
  92. </view>
  93. </view>
  94. <view class="list-item">
  95. <view class="list-title flex_item">
  96. <image src="../../static/icon/zxkp1.png"></image>
  97. <view class="name">捐献者需要承担费用吗?有报酬吗? </view>
  98. </view>
  99. <view class="list-tpl">
  100. 捐献者不负担全过程的任何费用。根据国际红十字会的宗旨,无论是献血还是捐献造血干细胞,都是“人道、博爱、奉献”红十字会精神的体现,都应该是无偿的。
  101. </view>
  102. </view>
  103. <view class="list-tips">
  104. <text style="color: #C53335;">温馨提示</text>:每个志愿者抽取一次血样即可,您的资料将储存在中国造血干细胞捐献者资料库中。
  105. </view>
  106. <!-- <view class="list-tips">
  107. <text style="color: #C53335; text-align: center;" >江夏区造血干细胞捐献咨询电话:</text>
  108. </view> -->
  109. <view class="list-tips wsj" style="color: #C53335;text-align: center;text-indent:0;">
  110. {{$store.state.baseName}}造血干细胞捐献咨询电话:
  111. </view>
  112. <view class="list-tips wsj" style="text-align: center;text-indent:0;">
  113. 18672207572(谭老师)
  114. </view>
  115. <view class="list-tips wsj" style="text-align: center;text-indent:0;">
  116. 0722-6696066
  117. </view>
  118. <!-- <view class="list01">
  119. 具体入库办法:
  120. </view> -->
  121. <!-- <view class="list-info">
  122. 一、直接到余姚市红十字会(余姚市兰江街道新西门路219-1号)报名登记、抽取血样,每个工作日均可(8:30-16:00);
  123. </view>
  124. <view class="list-info">
  125. 二、到余姚市桐江桥献血屋或者献血车上参加无偿献血,一并参加报名登记、留取血样;
  126. </view>
  127. <view class="list-info">
  128. 三、每年“五·八”世界红十字日前后,市红十字会会在市中心开展包括造血干细胞捐献在内的系列活动,届时可前往报名抽样。请留意新闻媒体的报道。
  129. </view>
  130. <view class="phone">
  131. 余姚市红十字会报名咨询电话:62619095
  132. </view> -->
  133. <!-- <jyf-parser :html="description" ref="article"></jyf-parser> -->
  134. </view>
  135. </view>
  136. </template>
  137. <script>
  138. import { get_cell } from '@/api/train.js';
  139. import jyfParser from "@/components/jyf-parser/jyf-parser";
  140. export default {
  141. components: {
  142. jyfParser
  143. },
  144. data() {
  145. return {
  146. id:'',
  147. list:'',
  148. description:'',
  149. };
  150. },
  151. onLoad(option) {
  152. this.id = option.id;
  153. this.loadData();
  154. },
  155. onShow() {},
  156. methods: {
  157. goblcak() {
  158. // uni.navigateTo({
  159. // url: '/pages/index/index'
  160. // })
  161. uni.navigateBack()
  162. },
  163. async loadData() {
  164. let obj = this;
  165. get_cell({
  166. id:obj.id
  167. }).then((e) => {
  168. obj.list = e.data;
  169. if(obj.list.content != null){
  170. obj.description = obj.list.content.replace(/<img/g,"<img style='max-width:100%;height:auto;'");
  171. }//小程序商品详情图超出屏幕问题
  172. });
  173. }
  174. }
  175. };
  176. </script>
  177. <style lang="scss">
  178. page {
  179. background: #FFFFFF;
  180. width: 100%;
  181. height: 100%;
  182. .content {
  183. height: 100%;
  184. }
  185. }
  186. .top-image{
  187. width: 100%;
  188. height: (300vw/7.5);
  189. }
  190. .list-box{
  191. padding:(25vw/7.5) (25vw/7.5);
  192. }
  193. .list-item{
  194. padding-bottom: (15vw/7.5);
  195. .list-title{
  196. font-size: (34vw/7.5);
  197. display: flex;
  198. image{
  199. width: (60vw/7.5);
  200. height: (60vw/7.5);
  201. margin-right: (15vw/7.5);
  202. flex-shrink: 0;
  203. }
  204. }
  205. .list-tpl{
  206. margin: (25vw/7.5) (0vw/7.5);
  207. padding: (25vw/7.5) (25vw/7.5);
  208. background-color: #FEF6F7;
  209. border:(4vw/7.5) solid #C53335;
  210. color: #222222;
  211. font-size: (28vw/7.5);
  212. border-radius: (25vw/7.5);
  213. text-align: justify;
  214. // text-indent:2em;
  215. }
  216. }
  217. .list-tips{
  218. font-size: (32vw/7.5);
  219. text-indent: (60vw/7.5);
  220. padding-bottom: (15vw/7.5);
  221. }
  222. .list01{
  223. font-size: (32vw/7.5);
  224. text-indent: (60vw/7.5);
  225. font-weight: 700;
  226. padding-bottom: (15vw/7.5);
  227. }
  228. .list-info{
  229. font-size: (28vw/7.5);
  230. line-height: (42vw/7.5);
  231. text-indent: (60vw/7.5);
  232. // font-weight: 700;
  233. padding-bottom: (14vw/7.5);
  234. }
  235. .phone{
  236. padding: (24vw/7.5);
  237. font-size: (28vw/7.5);
  238. line-height: (42vw/7.5);
  239. text-indent: (40vw/7.5);
  240. }
  241. .black {
  242. background-color: #FFFFFF;
  243. padding: (40vw/7.5) (30vw/7.5) (30vw/7.5);
  244. .goblack {
  245. flex-shrink: 0;
  246. width: (20vw/7.5);
  247. height: (40vw/7.5);
  248. }
  249. .tit {
  250. flex-grow: 1;
  251. text-align: center;
  252. font-weight: bold;
  253. font-size: (34vw/7.5);
  254. }
  255. }
  256. </style>