From 6977b95f1d1900eca7c7589e32cd9bef4260bd62 Mon Sep 17 00:00:00 2001
From: xuechunyuan <17853500702@163.com>
Date: Mon, 13 Feb 2023 10:29:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E9=A2=84=E7=BA=A6=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/hospital.js    |  6 +++---
 src/views/Guidance.vue | 38 +++++++++++++++++++++++---------------
 2 files changed, 26 insertions(+), 18 deletions(-)

diff --git a/src/api/hospital.js b/src/api/hospital.js
index be3152b..2cc7fb0 100644
--- a/src/api/hospital.js
+++ b/src/api/hospital.js
@@ -3,12 +3,12 @@ import request from "../utils/axios";
 //医院列表
 export const queryHosiptal = () => {
     return request({
-        url: '/api/blade-system/dept/list-hospital',
+        url: '/api/blade-system/dept-hospital/list-hospital',
         method: 'get',
     })
 };
-//预约须知
-export const queryNoticeDetail = (id) => {
+//根据医院id获取须知
+export const queryArticleDetail = (id) => {
     return request({
         url: '/api/blade-business/article/detail-by-id',
         method: 'get',
diff --git a/src/views/Guidance.vue b/src/views/Guidance.vue
index 0447291..9a8fe5d 100644
--- a/src/views/Guidance.vue
+++ b/src/views/Guidance.vue
@@ -1,18 +1,7 @@
 <template>
   <div class="guidance">
     <div class="guide_title">海慈医院体检预约须知</div>
-    <div class="guide_contant" ref="scrollView" id="scroll-view" @scroll="scroll">
-      <p>尊敬的驾驶员：</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-      <p> 海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知海慈医院体检预约须知</p>
-    </div>
+    <div v-html="article" class="guide_contant" ref="scrollView" id="scroll-view" ></div>
     <div class="guide_btn">
       <div class="guide_actBtn" @click="doCancel">取消</div>
       <div class="guide_actBtn blue" @click="doRead">已阅读</div>
@@ -21,22 +10,40 @@
 </template>
 
 <script>
+import {queryArticleDetail} from "@/api/hospital";
 export default {
   data() {
     return {
       isFlag: false,//是否阅读到底部
+      article:"",//须知内容
     }
   },
   mounted() {
-    console.log(this.$route.query);
+    if(this.$route.query.deptId){
+      this.queryAticle(this.$route.query.deptId);
+    }
   },
   methods: {
+    //须知详情
+    queryAticle(id) {
+      queryArticleDetail(id).then(res => {
+        this.article = res.data;
+      })
+    },
     //取消
     doCancel() {
       this.$router.go(-1);
     },
     //已阅读
     doRead() {
+      let readBox = this.$refs.scrollView;
+      console.log(readBox.scrollHeight,readBox.scrollTop,readBox.clientHeight)
+      if(readBox.scrollHeight - readBox.scrollTop !== readBox.clientHeight){
+        console.log('未阅读完成');
+        this.isFlag = false;
+      }else{
+        this.isFlag = true;
+      }
       if (!this.isFlag) {
         //未阅读完整
         lightAppJssdk.notification.alert({
@@ -53,7 +60,7 @@ export default {
       }
       else {
         //阅读完整
-        this.$router.replace({ name: 'examination' })
+        this.$router.replace({ name: 'examination', query:{id: this.$route.query.deptId} })
       }
     },
     //监听阅读进度
@@ -62,7 +69,8 @@ export default {
         return;
       }
       const { scrollTop, clientHeight, scrollHeight } = e.target;
-      if ((scrollTop + clientHeight) >= (scrollHeight - 5)) {
+      console.log(scrollTop,clientHeight,scrollHeight)
+      if ((scrollTop + clientHeight) >= (scrollHeight - 5) || scrollTop == 0) {
         this.isFlag = true;
         console.log('阅读完成')
       }