1.筛查审核数据为空时回显问题

2.消息模块驳回修改

src/api/user.js

@@ -183,3 +183,11 @@ export function baseEnable(params = {}) {
     params,
   })
 }
+// 获取消息列表
+export function getMessage(params = {}) {
+  return request({
+    url: "/disease-data/sys/message/list",
+    method: "get",
+    params,
+  })
+}

src/layouts/components/NavBar/index.vue

@@ -38,20 +38,23 @@
       </div>
       <el-popover
         placement="top-start"
-        width="200"
-        trigger="click"
+        width="300"
+        trigger="hover"
         popper-class="message-pop"
       >
-        <div
-          v-for="(item, index) in messageList"
-          :key="index"
-          class="message-box mb-24"
-        >
-          <div class="top-box mb-12">
-            <span class="blue-dot mt-5 mr-8"></span>
-            <span class="top-text">{{ item.date }}</span>
+        <div class="messageBox">
+          <div
+            v-for="(item, index) in messageList"
+            :key="index"
+            class="message-box mb-24"
+          >
+            <div class="top-box mb-12">
+              <span class="blue-dot mt-5 mr-8"></span>
+              <span class="top-text">{{ item.createTime }}</span>
+            </div>
+            <div class="main-text ml-8">{{ item.content }}</div>
           </div>
-          <div class="main-text ml-8">{{ item.message }}</div>
+          <div v-show="loading" v-loading="loading" class="loading"></div>
         </div>
         <template slot="reference">
           <el-badge :value="messageCount" :class-name="'badge'">
@@ -72,7 +75,8 @@
 
 <script>
 import { mapGetters } from "vuex"
-
+import { getMessage } from "@/api/user"
+import Message from "@/mixins/getMessage"
 import {
   Avatar,
   Breadcrumb,
@@ -90,6 +94,7 @@ export default {
     FullScreenBar,
     ThemeBar,
   },
+  mixins: [Message],
   props: {
     curSelectedIndex: {
       type: String,
@@ -100,7 +105,6 @@ export default {
     return {
       pulse: false,
       isDot: true,
-      messageCount: 10,
       screeningList: [
         {
           title: "社区筛查",
@@ -124,16 +128,6 @@ export default {
         { fontSize: "+", label: "A+" },
       ],
       fontSize: localStorage.getItem("fontSize") - 0 || 14,
-      messageList: [
-        {
-          date: "2022-12-12",
-          message: "驳回修改病例【6条】",
-        },
-        {
-          date: "2022-12-12",
-          message: "驳回修改病例【6条】",
-        },
-      ],
     }
   },
   computed: {
@@ -143,11 +137,65 @@ export default {
       device: "settings/device",
       routes: "routes/routes",
       feedBackNumber: "user/feedBackNumber",
+      getMessageFlag: "user/getMessageFlag",
     }),
   },
-  created() {},
-  mounted() {},
+  watch: {
+    curSelectedIndex(v) {
+      this.messageList = []
+      this.pageNum = 1
+      this.getMessage()
+    },
+    getMessageFlag(v) {
+      if (v) {
+        this.messageList = []
+        this.pageNum = 1
+        this.getMessage()
+      }
+    },
+  },
+  created() {
+    this.getMessage()
+  },
+  mounted() {
+    document
+      .querySelector(".messageBox")
+      .addEventListener("scroll", this.scrolling)
+  },
   methods: {
+    scrolling() {
+      let scrollHeight = document.querySelector(".messageBox").scrollHeight //实际高度
+      let scrollTop = document.querySelector(".messageBox").scrollTop //滚动高度
+      let height = document.querySelector(".messageBox").clientHeight //滚动高度
+      console.log(scrollHeight, scrollTop)
+      if (
+        scrollTop + height + 10 >= scrollHeight &&
+        this.messageList.length < this.messageCount &&
+        !this.loading
+      ) {
+        this.pageNum++
+        this.loading = true
+        this.getMessage()
+      }
+    },
+    getMessage() {
+      this.loading = true
+      getMessage({
+        pageSize: this.pageSize,
+        pageNum: this.pageNum,
+        patientFrom: this.curSelectedIndex,
+      }).then((res) => {
+        if (res.code == 1) {
+          this.$store.commit("user/setGetMessageFlag", false)
+          this.messageCount = res.data.total
+          this.messageList = [...this.messageList, ...res.data.records]
+          // console.log(res.data.total)
+        } else {
+          this.messageCount = 0
+        }
+        this.loading = false
+      })
+    },
     handleCollapse() {
       this.$store.dispatch("settings/changeCollapse")
     },
@@ -308,6 +356,19 @@ export default {
     }
   }
 }
+.messageBox {
+  padding: 40px 28px 12px;
+  height: 380px;
+  // background: pink;
+  overflow: auto;
+  .loading {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+}
 // .el-popper {
 //   ::v-deep .popper__arrow {
 //     display: none;
@@ -316,7 +377,7 @@ export default {
 </style>
 <style lang="scss">
 .message-pop {
-  padding: 40px 28px 12px;
+  padding: 0px !important;
   z-index: 10;
 
   .popper__arrow::after {

src/mixins/getMessage.js

+import { getMessage } from "@/api/user"
+
+export default {
+  data() {
+    return {
+      messageCount: 0,
+      messageList: [],
+      loading: false,
+      pageNum: 1,
+      pageSize: 6,
+    }
+  },
+  methods: {
+    getMessage() {
+      this.loading = true
+      getMessage({
+        pageSize: this.pageSize,
+        pageNum: this.pageNum,
+        patientFrom: this.curSelectedIndex,
+      }).then((res) => {
+        if (res.code == 1) {
+          this.messageCount = res.data.total
+          this.messageList = [...this.messageList, ...res.data.records]
+          // console.log(res.data.total)
+        } else {
+          this.messageCount = 0
+        }
+        this.loading = false
+      })
+    },
+  },
+}

src/store/modules/user.js

@@ -20,6 +20,7 @@ const state = {
   menuList: [],
   group: "",
   feedBackNumber: 0,
+  getMessageFlag: false,
 }
 const getters = {
   accessToken: (state) => state.accessToken,
@@ -28,8 +29,12 @@ const getters = {
   roles: (state) => state.roles,
   menuList: (state) => state.menuList,
   feedBackNumber: (state) => state.feedBackNumber,
+  getMessageFlag: (state) => state.getMessageFlag,
 }
 const mutations = {
+  setGetMessageFlag(state, MessageFlag) {
+    state.getMessageFlag = MessageFlag
+  },
   setAccessToken(state, accessToken) {
     state.accessToken = accessToken
     setAccessToken(accessToken)

src/views/audit-detail/components/screenReview.vue

@@ -86,6 +86,11 @@ export default {
     patientId(v) {
       this.getCurrentFormByType()
     },
+    noData(v) {
+      if (v) {
+        this.jsonList = []
+      }
+    },
   },
   created() {},
   mounted() {},

src/views/audit-detail/index.vue

@@ -393,6 +393,7 @@ export default {
             this.isEmpty = false
           } else {
             this.isEmpty = true
+            this.$forceUpdate()
           }
         })
         .finally(() => {
@@ -503,6 +504,8 @@ export default {
       }
     },
     nextExample() {
+      // !
+      this.$store.commit("user/setGetMessageFlag", true)
       if (this.editStatus) {
         this.loading = false
         this.onCancel()