重要公告对接

package.json

@@ -4,7 +4,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build",
+    "build": "ng build -c=dev --prod",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e"

src/app/my/important-announcement/important-announcement.component.html

 <div>
   <div class="announcementItem" *ngFor="let announcementItem of announcementLists">
-    <div class="announcement_title"><span class="announcement_type">【{{announcementItem.announcement_type}}】</span><span [innerHtml]="announcementItem.title"></span></div>
+    <div class="announcement_title"><span class="announcement_type">【{{announcementItem.announcementTypeName}}】</span><span [innerHtml]="announcementItem.title"></span></div>
     <div [innerHtml]="announcementItem.content" class="announcement_content"></div>
-    <div class="announcement_at">{{announcementItem.announcement_at}}</div>
+    <div class="announcement_at">{{announcementItem.announcementAt}}</div>
   </div>
 </div>

src/app/my/important-announcement/important-announcement.component.ts

 import {Component, OnInit} from '@angular/core';
+import {MyService} from "../my.service";
 
 @Component({
   selector: 'ydlife-important-announcement',
@@ -8,17 +9,19 @@ import {Component, OnInit} from '@angular/core';
 export class ImportantAnnouncementComponent implements OnInit {
   announcementLists: Array<any>;
 
-  constructor() {
+  constructor(private myService: MyService) {
   }
 
   ngOnInit() {
-    this.announcementLists = [
-      {id: 1, title: '运营公告eeeee', content: '11111', announcement_type: '运营公告', announcement_at: '2019-12-30', is_active: 1},
-      {id: 2, title: '市场喜讯55555', content: '22222', announcement_type: '市场喜讯', announcement_at: '2019-12-30', is_active: 1},
-      {id: 3, title: '重要通知33333', content: '33333', announcement_type: '重要通知', announcement_at: '2019-12-30', is_active: 1},
-      {id: 4, title: '新品上架6777776', content: '4444', announcement_type: '新品上架', announcement_at: '2019-12-30', is_active: 1},
-      {id: 5, title: '竞赛奖励78978978', content: '555', announcement_type: '竞赛奖励', announcement_at: '2019-12-30', is_active: 1},
-    ];
+    this.announcementQuery();
+  }
+
+  announcementQuery() {
+    this.myService.announcementQuery(null, null).subscribe(res => {
+      if (res['success']) {
+        this.announcementLists = res['data']['announcementInfoList'];
+      }
+    });
   }
 
 }

src/app/my/my.service.ts

@@ -23,4 +23,11 @@ export class MyService {
     return this.http
       .post(url, JSON.stringify({itemType: itemType, itemId: itemId, fileCategory: fileCategory}));
   }
+
+//  重要公告
+  announcementQuery(id, announcementTypeId) {
+    const url = this.API + '/announcementQuery';
+    return this.http
+      .post(url, JSON.stringify({id: id, announcementTypeId: announcementTypeId}));
+  }
 }

src/styles.scss

@@ -24,3 +24,9 @@ html, body {
 input::placeholder {
   font-size: 14px;
 }
+
+.announcementItem {
+  a {
+    color: #000 !important;
+  }
+}