首页消息列表

src/views/agent/home.vue

@@ -8,11 +8,11 @@
             <span class="hoverCommon" @click="lookMoreSystem">查看更多</span>
           </h2>
           <div class="systemNotice-main">
-            <div class="sales-item flex" v-for="(item) in systemList" :key="item.name">
+            <div class="sales-item flex" v-for="(item, key) in noticeList.slice(0, 4)" :key="item.title">
-              <img :src="require(`@/assets/home/NEW.svg`)" alt="">
+              <img :src="require('@/assets/home/notice_tag_'+(key+1)+'.png')" alt="">
               <div class="column">
-                <b class="flex">{{ item.label }} <img class="systemIcon" src="@/assets/home/systemIcon.svg" alt=""> </b>
+                <b class="flex">{{ item.title }} <img class="systemIcon" src="@/assets/home/systemIcon.svg" alt=""> </b>
-                <p>{{ item.desc }}</p>
+                <p v-html="item.content">{{ item.content }}</p>
               </div>
             </div>
           </div>
@@ -171,6 +171,7 @@ export default {
       expireServices: [],
 
       walletList: [],
+      noticeList: [],
 
       isShowSpec: false,
 
@@ -218,6 +219,7 @@ export default {
       this.getSaleStats()
       this.getExpireServices()
       this.getWalletList()
+      this.getNoticeList()
   },
   methods: {
     getSupplyServiceList() {
@@ -290,6 +292,21 @@ export default {
             console.error(error, 'error')
         })
     },
+    getNoticeList(){
+      this.$http('POST', '/agentnew/ajax_get_notice_list', {
+
+        },{
+            headers:{
+                'Auth': this.token
+            }
+        }).then(response => {
+            this.$nextTick(() => {
+                this.noticeList = response.data
+            })
+        }).catch(error => {
+            console.error(error, 'error')
+        })
+    },
     lookTaoBaoExpire() {
       // 查看淘宝账号
       location.href = '/agent/payList'