跳转预约参数

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',

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('阅读完成')
       }