n20-common-lib 1.2.41 → 1.2.42

package/src/components/Layout/HeaderWrap/noticePop.vue

@@ -1,316 +1,316 @@
-<template>
-  <el-tabs :key="showKey" v-model="tabAc" stretch class="header-notice-tabs">
-    <el-tab-pane name="notice">
-      <el-badge slot="label" :hidden="noticeNum === 0" :value="noticeNum">
-        消息中心
-      </el-badge>
-
-      <div v-loading="nLd" class="notice-list p-b-s">
-        <div
-          v-for="item in noticeList"
-          :key="item.id"
-          class="flex-box flex-v m-b-ss"
-          :class="{
-            'notice-item': item.processingLinkkUrl,
-            'unread-notice': item.readState === '0'
-          }"
-          @click="seeDetails(item)"
-        >
-          <span class="el-icon-bell"></span>
-          <span v-title="item.content" class="m-r-auto">{{
-            item | ctFilter
-          }}</span>
-          <span>{{ item.createTime }}</span>
-        </div>
-        <emptyC
-          v-if="!nLd && !noticeList.length"
-          type="empty"
-          :height="160"
-          :width="160"
-        >
-          <div slot="content">暂无消息</div>
-        </emptyC>
-      </div>
-      <div class="flex-box bd-t flex-v">
-        <el-button class="flex-item" type="text" @click="readAll"
-          >一键已读</el-button
-        >
-        <span class="bd-l p-t"></span>
-        <el-button class="flex-item" type="text" @click="queryMore"
-          >更多</el-button
-        >
-      </div>
-    </el-tab-pane>
-    <el-tab-pane name="affiche">
-      <el-badge slot="label" :hidden="afficheNum === 0" :value="afficheNum">
-        系统公告
-      </el-badge>
-
-      <div v-loading="aLd" class="notice-list p-b-s">
-        <div
-          v-for="item in afficheList"
-          :key="item.ntId"
-          :class="[
-            'flex-box flex-v m-b-ss notice-item',
-            item.readStatus == 0 ? 'noread' : 'read'
-          ]"
-          @click="seeDetailsAffiche(item)"
-        >
-          <span class="el-icon-chat-dot-square m-r-s"></span>
-          <span class="m-r-auto">{{ item.title }}</span>
-          <span>{{ item.createDate }}</span>
-        </div>
-        <emptyC
-          v-if="!aLd && !afficheList.length"
-          type="empty"
-          :height="160"
-          :width="160"
-        >
-          <div slot="content">暂无系统公告</div>
-        </emptyC>
-      </div>
-      <div class="flex-box bd-t flex-v">
-        <el-button class="flex-item" type="text" @click="readAllAffiche"
-          >一键已读</el-button
-        >
-        <span class="bd-l p-t"></span>
-        <el-button class="flex-item" type="text" @click="queryMoreAffiche"
-          >更多</el-button
-        >
-      </div>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-
-<script>
-import axios from '../../../utils/axios'
-import emptyC from '../../Empty/index.vue'
-export default {
-  components: {
-    emptyC
-  },
-  filters: {
-    ctFilter(item) {
-      let msgT = ''
-      switch (item.messageType) {
-        case '0':
-          msgT = '业务提醒'
-          break
-        case '1':
-          msgT = '异常提醒'
-          break
-
-        default:
-          msgT = '其他提醒'
-          break
-      }
-      return `【${msgT}】${item.title}`
-    }
-  },
-  props: {
-    num: {
-      type: Number,
-      default: 0
-    }
-  },
-  data() {
-    return {
-      showKey: 0,
-      tabAc: 'notice',
-      username: sessionStorage.getItem('userNo'),
-      nLd: false,
-      aLd: false,
-      noticeNum: 0,
-      afficheNum: 0,
-      noticeList: [],
-      noticeTotal: 0,
-      afficheList: [],
-      afficheTotal: 0
-    }
-  },
-  computed: {
-    numC: {
-      get() {
-        return this.num
-      },
-      set(n) {
-        this.$emit('update:num', n)
-      }
-    }
-  },
-  created() {
-    clearTimeout(this.getNNumTimeOut)
-    this.getNNumTimeOut = setInterval(this.getNNum, 1000 * 60 * 2)
-
-    this.getNNum()
-  },
-  methods: {
-    show() {
-      this.showKey = this.showKey + 1
-
-      this.getMsgList()
-      this.getAfficheList()
-    },
-    getNNum() {
-      Promise.all([
-        axios.get(
-          '/bems/wkb/messageCenter/getUnReadTotal/' + this.username,
-          null,
-          { loading: false, noMsg: true }
-        ),
-        axios.get('/bems/1.0/notice/notReadCount', null, {
-          loading: false,
-          noMsg: true
-        })
-      ]).then(([res_1, res_2]) => {
-        this.noticeNum = res_1.data.data
-        this.afficheNum = res_2.data
-
-        this.numC = this.noticeNum + this.afficheNum
-      })
-    },
-    getMsgList() {
-      this.nLd = true
-      axios
-        .post(
-          '/bems/wkb/messageCenter/getListForPage',
-          {
-            data: {
-              userNo: this.username
-            },
-            descs: ['create_time'],
-            readState: '0', // 请求未读消息不生效
-            curentPage: 1,
-            pageSize: 10
-          },
-          {
-            loading: () => {
-              this.nLd = false
-            },
-            noMsg: true
-          }
-        )
-        .then((res) => {
-          this.noticeList = res.records || []
-          this.noticeTotal = res.total
-        })
-    },
-    getAfficheList() {
-      this.aLd = true
-      axios
-        .get(
-          '/bems/1.0/notice',
-          {
-            userId: this.username
-            // readStatus: '0'
-          },
-          {
-            loading: () => {
-              this.aLd = false
-            },
-            noMsg: true
-          }
-        )
-        .then((res) => {
-          this.afficheList = res.data || []
-          this.afficheTotal = res.total
-        })
-    },
-    seeDetails(item) {
-      if (item.processingLinkkUrl) {
-        let url = '/' + item.processingLinkkUrl
-        url = url.replace('//', '/')
-
-        let _fromNo = Date.now()
-        sessionStorage.setItem(_fromNo, location.href)
-
-        this.$router.push({
-          path: url,
-          query: {
-            _fromNo
-          }
-        })
-      }
-      if (item.readState === '0') {
-        this.$axios
-          .put(
-            `/bems/wkb/messageCenter/batchUpdate`,
-            { ids: [item.id], type: '1' },
-            { loading: false, noMsg: true }
-          )
-          .then(() => {
-            item.readState = '1'
-            this.noticeNum = this.noticeNum - 1
-            this.numC = this.numC - 1
-          })
-      }
-    },
-    seeDetailsAffiche(item) {
-      if (this.$route.path === '/notice/views') {
-        this.$router.push('/loading')
-        setTimeout(() => {
-          this.$router.push({
-            path: `/notice/views`,
-            query: { ntId: item.ntId, status: '1' }
-          })
-        }, 500)
-      } else {
-        this.$router.push({
-          path: `/notice/views`,
-          query: { ntId: item.ntId, status: '1' }
-        })
-      }
-    },
-    readAll() {
-      this.$msgboxPor({
-        title: '一键已读',
-        message: '确定要把所有未读消息标注为已读吗?',
-        type: 'warning'
-      }).then(() => {
-        axios
-          .put(
-            '/bems/wkb/messageCenter/updateReadStateByUserNo/' + this.username,
-            null,
-            null,
-            { noMsg: true }
-          )
-          .then(({ msg = '' }) => {
-            this.$message({
-              message: '消息一键已读成功 ' + msg,
-              type: 'success'
-            })
-            this.getNNum()
-            this.getMsgList()
-          })
-      })
-    },
-    queryMore() {
-      this.$router.push({ path: '/notice/list' })
-    },
-    readAllAffiche() {
-      axios
-        .post('/bems/1.0/portalNoticeReadRecord', { data: [] })
-        .then((res) => {
-          this.$message({
-            message: '系统公告一键已读成功',
-            type: 'success'
-          })
-          this.getNNum()
-          this.getAfficheList()
-        })
-    },
-    queryMoreAffiche() {
-      this.$router.push({ path: '/notice/index' })
-    }
-  }
-}
-</script>
-
-<style>
-.read {
-  color: #bac4cf;
-}
-.noread {
-  color: black;
-}
-</style>
+<template>
+  <el-tabs :key="showKey" v-model="tabAc" stretch class="header-notice-tabs">
+    <el-tab-pane name="notice">
+      <el-badge slot="label" :hidden="noticeNum === 0" :value="noticeNum">
+        消息中心
+      </el-badge>
+
+      <div v-loading="nLd" class="notice-list p-b-s">
+        <div
+          v-for="item in noticeList"
+          :key="item.id"
+          class="flex-box flex-v m-b-ss"
+          :class="{
+            'notice-item': item.processingLinkkUrl,
+            'unread-notice': item.readState === '0'
+          }"
+          @click="seeDetails(item)"
+        >
+          <span class="el-icon-bell"></span>
+          <span v-title="item.content" class="m-r-auto">{{
+            item | ctFilter
+          }}</span>
+          <span>{{ item.createTime }}</span>
+        </div>
+        <emptyC
+          v-if="!nLd && !noticeList.length"
+          type="empty"
+          :height="160"
+          :width="160"
+        >
+          <div slot="content">暂无消息</div>
+        </emptyC>
+      </div>
+      <div class="flex-box bd-t flex-v">
+        <el-button class="flex-item" type="text" @click="readAll"
+          >一键已读</el-button
+        >
+        <span class="bd-l p-t"></span>
+        <el-button class="flex-item" type="text" @click="queryMore"
+          >更多</el-button
+        >
+      </div>
+    </el-tab-pane>
+    <el-tab-pane name="affiche">
+      <el-badge slot="label" :hidden="afficheNum === 0" :value="afficheNum">
+        系统公告
+      </el-badge>
+
+      <div v-loading="aLd" class="notice-list p-b-s">
+        <div
+          v-for="item in afficheList"
+          :key="item.ntId"
+          :class="[
+            'flex-box flex-v m-b-ss notice-item',
+            item.readStatus == 0 ? 'noread' : 'read'
+          ]"
+          @click="seeDetailsAffiche(item)"
+        >
+          <span class="el-icon-chat-dot-square m-r-s"></span>
+          <span class="m-r-auto">{{ item.title }}</span>
+          <span>{{ item.createDate }}</span>
+        </div>
+        <emptyC
+          v-if="!aLd && !afficheList.length"
+          type="empty"
+          :height="160"
+          :width="160"
+        >
+          <div slot="content">暂无系统公告</div>
+        </emptyC>
+      </div>
+      <div class="flex-box bd-t flex-v">
+        <el-button class="flex-item" type="text" @click="readAllAffiche"
+          >一键已读</el-button
+        >
+        <span class="bd-l p-t"></span>
+        <el-button class="flex-item" type="text" @click="queryMoreAffiche"
+          >更多</el-button
+        >
+      </div>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+
+<script>
+import axios from '../../../utils/axios'
+import emptyC from '../../Empty/index.vue'
+export default {
+  components: {
+    emptyC
+  },
+  filters: {
+    ctFilter(item) {
+      let msgT = ''
+      switch (item.messageType) {
+        case '0':
+          msgT = '业务提醒'
+          break
+        case '1':
+          msgT = '异常提醒'
+          break
+
+        default:
+          msgT = '其他提醒'
+          break
+      }
+      return `【${msgT}】${item.title}`
+    }
+  },
+  props: {
+    num: {
+      type: Number,
+      default: 0
+    }
+  },
+  data() {
+    return {
+      showKey: 0,
+      tabAc: 'notice',
+      username: sessionStorage.getItem('userNo'),
+      nLd: false,
+      aLd: false,
+      noticeNum: 0,
+      afficheNum: 0,
+      noticeList: [],
+      noticeTotal: 0,
+      afficheList: [],
+      afficheTotal: 0
+    }
+  },
+  computed: {
+    numC: {
+      get() {
+        return this.num
+      },
+      set(n) {
+        this.$emit('update:num', n)
+      }
+    }
+  },
+  created() {
+    clearTimeout(this.getNNumTimeOut)
+    this.getNNumTimeOut = setInterval(this.getNNum, 1000 * 60 * 2)
+
+    this.getNNum()
+  },
+  methods: {
+    show() {
+      this.showKey = this.showKey + 1
+
+      this.getMsgList()
+      this.getAfficheList()
+    },
+    getNNum() {
+      Promise.all([
+        axios.get(
+          '/bems/wkb/messageCenter/getUnReadTotal/' + this.username,
+          null,
+          { loading: false, noMsg: true }
+        ),
+        axios.get('/bems/1.0/notice/notReadCount', null, {
+          loading: false,
+          noMsg: true
+        })
+      ]).then(([res_1, res_2]) => {
+        this.noticeNum = res_1.data.data
+        this.afficheNum = res_2.data
+
+        this.numC = this.noticeNum + this.afficheNum
+      })
+    },
+    getMsgList() {
+      this.nLd = true
+      axios
+        .post(
+          '/bems/wkb/messageCenter/getListForPage',
+          {
+            data: {
+              userNo: this.username
+            },
+            descs: ['create_time'],
+            readState: '0', // 请求未读消息不生效
+            curentPage: 1,
+            pageSize: 10
+          },
+          {
+            loading: () => {
+              this.nLd = false
+            },
+            noMsg: true
+          }
+        )
+        .then((res) => {
+          this.noticeList = res.records || []
+          this.noticeTotal = res.total
+        })
+    },
+    getAfficheList() {
+      this.aLd = true
+      axios
+        .get(
+          '/bems/1.0/notice',
+          {
+            userId: this.username
+            // readStatus: '0'
+          },
+          {
+            loading: () => {
+              this.aLd = false
+            },
+            noMsg: true
+          }
+        )
+        .then((res) => {
+          this.afficheList = res.data || []
+          this.afficheTotal = res.total
+        })
+    },
+    seeDetails(item) {
+      if (item.processingLinkkUrl) {
+        let url = '/' + item.processingLinkkUrl
+        url = url.replace('//', '/')
+
+        let _fromNo = Date.now()
+        sessionStorage.setItem(_fromNo, location.href)
+
+        this.$router.push({
+          path: url,
+          query: {
+            _fromNo
+          }
+        })
+      }
+      if (item.readState === '0') {
+        this.$axios
+          .put(
+            `/bems/wkb/messageCenter/batchUpdate`,
+            { ids: [item.id], type: '1' },
+            { loading: false, noMsg: true }
+          )
+          .then(() => {
+            item.readState = '1'
+            this.noticeNum = this.noticeNum - 1
+            this.numC = this.numC - 1
+          })
+      }
+    },
+    seeDetailsAffiche(item) {
+      if (this.$route.path === '/notice/views') {
+        this.$router.push('/loading')
+        setTimeout(() => {
+          this.$router.push({
+            path: `/notice/views`,
+            query: { ntId: item.ntId, status: '1' }
+          })
+        }, 500)
+      } else {
+        this.$router.push({
+          path: `/notice/views`,
+          query: { ntId: item.ntId, status: '1' }
+        })
+      }
+    },
+    readAll() {
+      this.$msgboxPor({
+        title: '一键已读',
+        message: '确定要把所有未读消息标注为已读吗?',
+        type: 'warning'
+      }).then(() => {
+        axios
+          .put(
+            '/bems/wkb/messageCenter/updateReadStateByUserNo/' + this.username,
+            null,
+            null,
+            { noMsg: true }
+          )
+          .then(({ msg = '' }) => {
+            this.$message({
+              message: '消息一键已读成功 ' + msg,
+              type: 'success'
+            })
+            this.getNNum()
+            this.getMsgList()
+          })
+      })
+    },
+    queryMore() {
+      this.$router.push({ path: '/notice/list' })
+    },
+    readAllAffiche() {
+      axios
+        .post('/bems/1.0/portalNoticeReadRecord', { data: [] })
+        .then((res) => {
+          this.$message({
+            message: '系统公告一键已读成功',
+            type: 'success'
+          })
+          this.getNNum()
+          this.getAfficheList()
+        })
+    },
+    queryMoreAffiche() {
+      this.$router.push({ path: '/notice/index' })
+    }
+  }
+}
+</script>
+
+<style>
+.read {
+  color: #bac4cf;
+}
+.noread {
+  color: black;
+}
+</style>