对接首页功能

jero-web/src/views/dashboard/components/documentDynamics.vue

@@ -2,13 +2,15 @@
   <div class="documentDynamics-box">
     <div class="header-text">
       <div class="header-text-left">{{this.$t('documentDynamics')}}</div>
-      <div class="header-text-right">
+      <div class="header-text-right" @click="moreClick">
         {{$t('more')}}
         <img src="../../../assets/gengduo.png" alt="">
       </div>
     </div>
-    <div class="documentDynamics-box-content">
-      <div class="documentDynamics-text" v-for="item in 8">
+    <div class="documentDynamics-box-content" v-if="dataSource.length > 0">
+      <div class="documentDynamics-text" v-for="(item,index) in dataSource"
+           :key="index"
+           @click="magClick(item)">
         <div class="yuan"></div>
         <div class="text">文档库中新增了新的标准 GB 7258 机动车文件</div>
         <img src="../../../assets/new.png" alt="">
@@ -16,12 +18,62 @@
       </div>
       <div class="solid"></div>
     </div>
+    <div v-else style="height: 240px;position: relative">
+          <JNoData />
+    </div>
+    <JLoading :loading="loading">{{$t('dataLoading')}}</JLoading>
   </div>
 </template>
 
 <script>
+  import { getAction, putAction, deleteAction } from '@/api/manage'
   export default {
-    name: 'documentDynamics'
+    name: 'documentDynamics',
+    data(){
+       return{
+         pageSize: 8,
+         pageNo: 1,
+         dataSource: [],
+         loading:false,
+         url: {
+           list: '/home/homeDocumentDynamicEO/page',
+           readAllMsg: 'sys/sysAnnouncementSend/read'
+         },
+       }
+    },
+    mounted() {
+      this.getList()
+    },
+    methods:{
+      getList() {
+        let query = {
+          pageNo: this.pageNo,
+          pageSize: this.pageSize
+        }
+        this.loading = true
+        getAction(this.url.list, query).then((res) => {
+          if (res.success) {
+            this.dataSource = res.result.records || []
+            this.loading = false
+          } else {
+            this.loading = false
+          }
+        })
+      },
+      magClick(row) {
+        getAction(this.url.readAllMsg, { ids: row.id }).then((res) => {
+        })
+        this.$router.push({
+          path: '/system/MessageDetails',
+          query: row
+        })
+      },
+      moreClick() {
+        this.$router.push({
+          path: '/customContentList'
+        })
+      }
+    },
   }
 </script>
 
@@ -45,6 +97,7 @@
         font-weight: 400;
         color: #9B9DA9;
         margin-top: 6px;
+        cursor: pointer;
       }
     }