筛查 知情同意书页面

src/router/index.js

@@ -21,6 +21,11 @@ const routes = [
                 name: 'tumour-screening-simple-list',
                 component: () => import(/* webpackChunkName: "page-tumour-screening-list" */ '@/tumour/screening/simpleV2/list/List.vue')
             },
+            {
+                path: 'screening/simple/agree',
+                name: 'tumour-screening-simple-agree',
+                component: () => import(/* webpackChunkName: "page-tumour-agree" */ '@/tumour/screening/simpleV2/agree/Index.vue')
+            },
             {
                 path: 'visit/detail',
                 name: 'tumour-visit-detail',

src/tumour/screening/simpleV2/agree/Index.vue

+<template>
+    <div class="h-full flex flex-col agree">
+        <div class="grow overflow-y-auto p-4">
+            <div class="banner">
+                <img src="@/assets/image/agree-banner.png" alt=""/>
+            </div>
+            <div class="content">
+                <div class="content-title font-semibold">县域医共体癌症防治核心知识宣传</div>
+                <p style="margin-top: .5rem;text-indent: 2em">
+                    为提高我县居民癌症防治核心信息的掌握程度，提升我县居民癌症核心知识知晓率，同时为今后制定健康相关政策的打下基础，并将对今后我县癌症防控产生重要意义，在筛查开始前，请您花费几分钟时间认真了解以下<span class="link-text">《肿瘤防治的基本知识》</span>。
+                </p>
+                <p style="margin: .16rem 0;text-indent: 2em">非常感谢您对此项工作的支持与配合！</p>
+                <p class="font-semibold">《肿瘤防治的基本知识》</p>
+                <p style="margin-top: .16rem;">1. 癌症的发生通常需要十几到几十年的时间。</p>
+                <p>2. 有些癌症(如乳腺癌、肠癌等)具有一定的遗传性，家人应引起重视。</p>
+                <p>3. 目前，我国人群中最常见的癌症是肺癌。</p>
+                <p>4. 肿瘤有良性肿瘤和恶性肿瘤之分。</p>
+                <p>5. 癌症可以发生在任何年龄段，应从小养成健康的生活方式。</p>
+                <p>6. 关于癌症确诊方式，需医生结合多种手段(如病理和影像学检查等)对癌症部位、分期、病理类型进行全面诊断。</p>
+                <p>7. 在日常生活中，如果近期出现如厕频繁，大便带血且大便变细，则可能是患了肠癌。</p>
+                <p>8. 关于癌症治疗效果和生存时间，通常都是癌症发现得越早，治疗效果越好，生存时间也越长。</p>
+                <p>9. 癌症的发生和这些因素有关：</p>
+                <p style="line-height: 1.9;">
+                    ①化学因素，如有毒的有机物等；<br />
+                    ②物理因素，如辐射等；<br />
+                    ③心理因素，如压力过大、精神紧张等；<br />
+                    ④行为因素，如不健康的生活方式等。
+                </p>
+                <p>10. 长期食用这些食物将会增加患癌风险：</p>
+                <p style="line-height: 1.9;">
+                    ①加工肉类、烧烤(火烧、炭烧)；<br />
+                    ②腌制食品(如咸菜等)；<br />
+                    ③烫食、热食；<br />
+                    ④槟榔。
+                </p>
+                <p>11. 在工作中长期接触下列物质时，容易增加癌症的发生风险：</p>
+                <p style="line-height: 1.9;">
+                    ①皮革、橡胶、塑料的生产或加工原料；<br />
+                    ②放射性物质(如X射线、氡和放射性金属等)；<br />
+                    ③石棉、粉尘等；<br />
+                    ④油漆、染料等。
+                </p>
+                <p>12. 在日常生活中，为预防癌症的发生，我们应该做到：保持心情舒畅，同时进行适量的运动，争取戒烟并尽可能限制酒精摄入。</p>
+                <p>13. 为了有效降低癌症的发病和死亡，我们可以采取这些措施：</p>
+                <p style="line-height: 1.9;">
+                    ①定期进行防癌体检；<br />
+                    ②参加癌症早期筛查；<br />
+                    ③接受健康宣教，树立健康意识和理念；<br />
+                    ④积极治疗慢性感染(如慢性乙肝等)。
+                </p>
+                <p>14. 在生活中，当我们身体出现：体检时提示乳腺增生、乳房出现不规则的肿块、乳头溢液，或乳头凹陷、后缩；乳房出现橘皮样的外观表现等这些症状时，证明我们有可能患有乳腺癌，应及时到医院就诊。</p>
+                <p>15. 下面这些症状是常见的癌症的警示信号，如果我们的身体存在这些症状，应当引起重视：</p>
+                <p style="line-height: 1.9;">
+                    ①持久性声音嘶哑，干咳；<br />
+                    ②不明原因的明显体重减轻；<br />
+                    ③不明原因的反复发热、乏力；<br />
+                    ④尿血、便血等不明原因的出血。
+                </p>
+            </div>
+        </div>
+        <div class="floor shrink-0 text-center">
+            <van-checkbox v-model="checked" shape="square"
+                icon-size="16px"
+                class="mb-1 justify-center">
+                我已仔细阅读并了解<span class="link-text">《肿瘤防治的基本知识》</span>
+            </van-checkbox>
+            <van-button type="primary" block
+                @click="toNext" >开始筛查</van-button>
+        </div>
+    </div>
+</template>
+
+<script>
+import { showToast } from 'vant'
+import { useStore } from '@/tumour/store/index.js'
+
+export default {
+    data() {
+        return {
+            checked: false,
+            store: useStore()
+        }
+    },
+    methods: {
+        toNext() {
+            if (!this.checked) {
+                showToast('请先阅读并了解 肿瘤防治的基本知识')
+                return
+            }
+            this.store.screeningAgree = true
+            this.$router.replace({
+                path: '/tumour/screening/simple/form',
+                query: this.$route.query
+            })
+        }
+
+    }
+}
+</script>
+
+<style lang="less" scoped>
+.agree {
+    font-size: 13px;
+    .banner {
+        padding: 16px 28px;
+        >img {
+            width: 100%;
+        }
+    }
+    .link-text {
+        color: var(--van-primary-color);
+    }
+    .content {
+        padding: 10px;
+        p {
+            line-height: 1.6;
+            margin: 10px 0;
+        }
+    }
+    .content-title {
+        font-size: 17px;
+        text-align: center;
+    }
+    .floor {
+        padding: 12px 36px 24px 36px;
+    }
+}
+
+</style>

src/tumour/screening/simpleV2/form/Index.vue

@@ -31,6 +31,7 @@ import Result from './Result.vue'
 import { showNotify, showToast } from 'vant'
 import { addSimpleScreen } from '@/tumour/api/screening.js'
 import { fetchDataHandle } from '@/utils/common.js'
+import { useStore } from '@/tumour/store/index.js'
 
 export default {
     components: {
@@ -49,7 +50,8 @@ export default {
             // 提交结果信息
             resultInfo: {},
             // 查询idCard后返回的数据 用于查询筛查列表
-            recordId: null
+            recordId: null,
+            store: useStore()
         }
     },
     computed: {
@@ -61,13 +63,21 @@ export default {
         }
     },
     created() {
-        if (!this.doctorId) {
-            showNotify({ type: 'warning', message: '未获取到医生信息', duration: 0 })
-        }
+        this.init()
+        
     },
     methods: {
         init() {
-
+            if (!this.store.screeningAgree) {
+                this.$router.replace({
+                    path: '/tumour/screening/simple/agree',
+                    query: this.routeQuery
+                })
+                return
+            }
+            if (!this.doctorId) {
+                showNotify({ type: 'warning', message: '未获取到医生信息', duration: 0 })
+            }
         },
         onBack() {
             this.setp = 1

src/tumour/screening/simpleV2/form/base.vue

@@ -269,6 +269,7 @@ export default {
     emits: ['checked'],
     data() {
         return {
+            store: useStore(),
             form: defaultForm(),
             // 性别选择
             showGender: false,
@@ -302,10 +303,6 @@ export default {
             diseaseList: []
         }
     },
-    setup() {
-        const store = useStore()
-        return { store }
-    },
     computed: {
         cancerArray() {
             const exclude = [11, 99]

src/tumour/store/index.js

@@ -6,7 +6,9 @@ export const useStore = defineStore('tumour', {
             // 字典
             dict: [],
             // 页面是否处于隐藏状态
-            documentHidden: false
+            documentHidden: false,
+            // 患者是否同意
+            screeningAgree: false
         }
     },
     getters: {},