添加公告页分类和详情

5af53ab5 · Chao Sun · 2850fb13 · 5af53ab5 · 5af53ab5 · 5af53ab5
Commit 5af53ab5 authored Mar 03, 2020 by Chao Sun
20 changed files
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
-    "start": "ng serve  --host 192.168.68.102",
+    "start": "ng serve --host 192.168.1.25",
    "build": "ng build -c=dev --prod",
    "test": "ng test",
    "lint": "ng lint",

--- a/src/app/common/guide-page/guide-page.component.ts
+++ b/src/app/common/guide-page/guide-page.component.ts
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit } from '@angular/core';
-import {LifeCommonService} from "../life-common.service";
+import { LifeCommonService } from "../life-common.service";
 @Component({
  selector: 'ydlife-guide-page',

--- a/src/app/common/life-common.service.ts
+++ b/src/app/common/life-common.service.ts
-import {Injectable} from '@angular/core';
+import { Injectable } from '@angular/core';
-import {DatePipe} from '@angular/common';
+import { DatePipe } from '@angular/common';
-import {Meta, Title} from '@angular/platform-browser';
+import { Meta, Title } from '@angular/platform-browser';
-import {Subject} from "rxjs/index";
+import { Subject } from "rxjs/index";
 declare var wx: any;
 @Injectable({
  providedIn: 'root'
@@ -93,8 +93,8 @@ export class LifeCommonService {
  // 更新meta标签
  updateMeta(keywords, description) {
-    this.metaService.updateTag({content: keywords}, 'name=keywords');
+    this.metaService.updateTag({ content: keywords }, 'name=keywords');
-    this.metaService.updateTag({content: description}, 'name=description');
+    this.metaService.updateTag({ content: description }, 'name=description');
  }
  wxShare(title: string, desc: string, link: string, imgUrl: string) {
@@ -148,4 +148,8 @@ export class LifeCommonService {
  dateFormat(date: any, format?: string) {
    return this.datePipe.transform(date, format);
  }
+  delHtmlTag(str) {
+    return str.replace(/<[^>]+>/g, "");//去掉所有的html标记
+  }
 }
--- a/src/app/my/announcement-detail/announcement-detail.component.html
+++ b/src/app/my/announcement-detail/announcement-detail.component.html
+<div class="wrapper">
+  <div class="headWrapper">
+    <div class="title">
+      {{titleDeatil}}
+    </div>
+    <div class="announcement_at_top">
+      上海银盾保险经纪有限公司&nbsp;&nbsp;
+      {{announcementLists?.announcementAt}}
+    </div>
+  </div>
+  <div class="announcementItem">
+    <div class="announcement_title"><span
+        class="announcement_type">【{{announcementLists?.announcementTypeName}}】</span><span
+        [innerHtml]="announcementLists?.title |safeHtml"></span></div>
+    <div [innerHtml]="announcementLists?.content | safeHtml" class="announcement_content"></div>
+    <div class="announcement_at">上海银盾保险经纪有限公司 &nbsp;&nbsp;{{announcementLists?.announcementAt}}</div>
+  </div>
+</div>
\ No newline at end of file
--- a/src/app/my/announcement-detail/announcement-detail.component.scss
+++ b/src/app/my/announcement-detail/announcement-detail.component.scss
+.wrapper{
+    padding: 10px 8px;
+    .headWrapper{
+        .title{
+            text-align: center;
+            font-size: 24px;
+        }
+        .announcement_at_top{
+            color: #8d9599;
+        }
+    }
+    .announcementItem {
+        padding: 10px 0;
+        .announcement_type {
+          color: #ff3500;
+        }
+        .announcement_at {
+            display: flex;
+            justify-content: flex-end;
+            margin-top: 20px;
+        }
+      }
+}
--- a/src/app/my/announcement-detail/announcement-detail.component.spec.ts
+++ b/src/app/my/announcement-detail/announcement-detail.component.spec.ts
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { AnnouncementDetailComponent } from './announcement-detail.component';
+describe('AnnouncementDetailComponent', () => {
+  let component: AnnouncementDetailComponent;
+  let fixture: ComponentFixture<AnnouncementDetailComponent>;
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AnnouncementDetailComponent ]
+    })
+    .compileComponents();
+  }));
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AnnouncementDetailComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
--- a/src/app/my/announcement-detail/announcement-detail.component.ts
+++ b/src/app/my/announcement-detail/announcement-detail.component.ts
+import { Component, OnInit } from '@angular/core';
+import { MyService } from "../my.service";
+import { ActivatedRoute } from '@angular/router';
+import { LifeCommonService } from '../../common/life-common.service';
+@Component({
+  selector: 'ydlife-announcement-detail',
+  templateUrl: './announcement-detail.component.html',
+  styleUrls: ['./announcement-detail.component.scss']
+})
+export class AnnouncementDetailComponent implements OnInit {
+  announcementId: string;
+  announcementLists: Array<any>;
+  titleDeatil: string;
+  constructor(private activateRoute: ActivatedRoute,
+    private myService: MyService,
+    public lifeCommonService: LifeCommonService) { }
+  ngOnInit() {
+    this.announcementId = this.activateRoute.snapshot.paramMap.get('id');
+    this.announcementQuery(this.announcementId, null)
+  }
+  announcementQuery(id, announcementType) {
+    this.myService.announcementQuery(id, announcementType).subscribe(res => {
+      if (res['success']) {
+        this.announcementLists = res['data']['announcementInfoList'][0];
+        this.titleDeatil = this.lifeCommonService.delHtmlTag(this.announcementLists['title'])
+      }
+    });
+  }
+}
--- a/src/app/my/file-upload/file-upload.component.html
+++ b/src/app/my/file-upload/file-upload.component.html
 <div class="fileUploadLists">
  <ul class="left">
-    <li *ngFor="let categoryItem of categoryList" 
+    <li *ngFor="let categoryItem of categoryList" (click)="switchCategory(categoryItem.dropOptionOrder)"
-    (click)="switchCategory(categoryItem.dropOptionOrder)"
      [ngClass]="{'actived':selectedCategoryId===categoryItem.dropOptionOrder}">
      {{categoryItem.dropOptionName}}
    </li>
@@ -12,10 +11,9 @@
        <a href="{{fileUploadItem.filePath}}" download="{{fileUploadItem.itemName}}" target="_blank">
          <div><i class="iconfont icon-pdf"></i></div>
          <div title="{{fileUploadItem.itemName}}">{{fileUploadItem.itemName}}</div>
-          <div style="position: absolute;right: 5px;top: 6px;"><i class="iconfont icon-xiazai" ></i></div>
+          <div style="position: absolute;right: 5px;top: 6px;"><i class="iconfont icon-xiazai"></i></div>
        </a>
      </li>
    </ul>
  </div>
 </div>
\ No newline at end of file
--- a/src/app/my/important-announcement/important-announcement.component.html
+++ b/src/app/my/important-announcement/important-announcement.component.html
-<div>
+<ul class="left">
-  <div class="announcementItem" *ngFor="let announcementItem of announcementLists">
+  <li *ngFor="let categoryItem of importantAnnouncementLists" (click)="switchCategory(categoryItem.id)"
-    <div class="announcement_title"><span class="announcement_type">【{{announcementItem.announcementTypeName}}】</span><span [innerHtml]="announcementItem.title |safeHtml"></span></div>
+    [ngClass]="{'actived':selectedCategoryId===categoryItem.id}">
-    <div [innerHtml]="announcementItem.content | safeHtml" class="announcement_content"></div>
+    {{categoryItem.dropOptionName}}
-    <div class="announcement_at">上海银盾保险经纪有限公司 &nbsp;&nbsp;{{announcementItem.announcementAt}}</div>
+  </li>
+</ul>
+<div #hide class="materialContainer">
+  <div class="materialItem" *ngFor="let announcementInfo of announcementLists;index as i"
+    [routerLink]="['/importantAnnouncement',announcementInfo.id]">
+    <!-- <div class="title" [innerHtml]="announcementInfo.title"></div> -->
+    <div class="title">{{this.lifeCommonService.delHtmlTag(announcementInfo.title)}}</div>
+    <div class="date">
+      <span> 上海银盾保险经纪有限公司</span>
+      <span>{{announcementInfo.createdAt}}</span>
+    </div>
  </div>
 </div>
\ No newline at end of file
--- a/src/app/my/important-announcement/important-announcement.component.scss
+++ b/src/app/my/important-announcement/important-announcement.component.scss
-.announcementItem {
+.left{
-  padding: 10px 8px;
+  display: flex;
-  border-bottom: 1px solid #dcdcdc;
+  padding: 10px 2px;
-  .announcement_type {
+  // border-bottom: 3px #3784ca solid;
-    color: #ff3500;
+  background: #f0f0f0;
+  margin-bottom: 10px;
+  list-style: none;
+  li{
+    width: 19%;
+    border: 1px #a9aabb solid;
+    text-align: center;
+    font-size: 14px;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 20px;
+    margin: 0px 2px;
  }
-  .announcement_at {
+  li.actived{
-    font-size: 12px;
+    background-color: #ff5a32;
-    padding-left: 17px;
+    color: #fff;
+    border: 1px #f0f0f0 solid;
+  }
+}
+.materialContainer{
+  .materialItem{
+    padding: 5px 10px;
+    border-bottom: 1px #ddd solid;
+    margin-bottom: 8px;
+    .title{
+      margin-bottom: 8px;
+    }
+    .date{
+      color: #737272;
+      font-size: 14px;
+      display: flex;
+      justify-content: space-between;
    }
-  .announcement_title {
-    margin-left: 17px;
  }
-  .announcement_content {
+  .materialItem:last-child{
-    padding-left: 17px;
+    border-bottom: none;
  }
 }
--- a/src/app/my/important-announcement/important-announcement.component.ts
+++ b/src/app/my/important-announcement/important-announcement.component.ts
-import {Component, OnInit} from '@angular/core';
+import { Component, OnInit, ViewChild, ElementRef, AfterViewInit } from '@angular/core';
-import {MyService} from "../my.service";
+import { MyService } from "../my.service";
+import { Router } from "@angular/router";
+import { LifeCommonService } from '../../common/life-common.service';
 @Component({
  selector: 'ydlife-important-announcement',
  templateUrl: './important-announcement.component.html',
  styleUrls: ['./important-announcement.component.scss']
 })
-export class ImportantAnnouncementComponent implements OnInit {
+export class ImportantAnnouncementComponent implements OnInit, AfterViewInit {
+  @ViewChild('hide') hide: ElementRef
  announcementLists: Array<any>;
+  importantAnnouncementLists: Array<any>;
-  constructor(private myService: MyService) {
+  selectedCategoryId: any;
+  titleList: Array<any> = [];
+  constructor(
+    private myService: MyService,
+    private router: Router,
+    public lifeCommonService: LifeCommonService) {
  }
  ngOnInit() {
-    this.announcementQuery();
+    this.dropOptionsQuery();
+  }
+  ngAfterViewInit() {
+    setTimeout(() => {
+      this.switchCategory(this.selectedCategoryId)
+    }, 500);
  }
-  announcementQuery() {
+  // 获取所有的公告类型
-    this.myService.announcementQuery(null, null).subscribe(res => {
+  dropOptionsQuery() {
+    this.myService.dropOptionsQuery({ code: 'yd_mkt_announcement_type' }).subscribe(res => {
+      if (res['success']) {
+        this.importantAnnouncementLists = res['data']['dropMasterInfoList'][0]['dropOptionsInfoList'];
+        if (this.importantAnnouncementLists.length > 0) {
+          this.selectedCategoryId = res['data']['dropMasterInfoList'][0]['dropOptionsInfoList'][0]['id'];
+          this.announcementQuery(null, this.selectedCategoryId);
+        }
+      }
+    })
+  }
+  announcementQuery(id, announcementType) {
+    this.myService.announcementQuery(id, announcementType).subscribe(res => {
      if (res['success']) {
        this.announcementLists = res['data']['announcementInfoList'];
      }
    });
  }
+  switchCategory(e) {
+    this.selectedCategoryId = e;
+    this.announcementQuery(null, this.selectedCategoryId);
+  }
 }
--- a/src/app/my/mk-material/mk-material.component.html
+++ b/src/app/my/mk-material/mk-material.component.html
 <ul class="left">
-  <li *ngFor="let categoryItem of categoryList" 
+  <li *ngFor="let categoryItem of categoryList" (click)="switchCategory(categoryItem.dropOptionOrder)"
-  (click)="switchCategory(categoryItem.dropOptionOrder)"
    [ngClass]="{'actived':selectedCategoryId===categoryItem.dropOptionOrder}">
    {{categoryItem.dropOptionName}}
  </li>
@@ -9,7 +8,7 @@
  <div class="materialItem" *ngFor="let posterInfo of posterInfos;index as i"
    [routerLink]="['/material',posterInfo.itemId]" [queryParams]="{itemType:posterInfo.itemType}">
    <div>
-      <img src="{{posterInfo.thumbnailPath}}" alt="" class="img-responsive">
+      <img src="{{posterInfo.productPosterPath}}" alt="" class="img-responsive">
    </div>
    <div class="title">{{posterInfo.title}}</div>
  </div>

--- a/src/app/my/my-center-home/my-center-home.component.html
+++ b/src/app/my/my-center-home/my-center-home.component.html
@@ -9,7 +9,8 @@
    <div class="brokerInfo">
      <div class="brokerName">
        <div style="letter-spacing: 2px"><span>{{lifeCustomerInfo?.practitionerBasicInfo?.name}}</span></div>
-        <div style="color: #fff;font-weight: normal;color: #fff;font-weight: normal;position: relative;top: -5px;" (click)="getOut()">
+        <div style="color: #fff;font-weight: normal;color: #fff;font-weight: normal;position: relative;top: -5px;"
+          (click)="getOut()">
          <i class="iconfont icon-tuichu" style="font-size: 12px;"></i>
          <span style="margin-left: 5px;font-size: 12px;">退出</span>
        </div>
@@ -36,15 +37,11 @@
        <span class="detail" (click)="jumpToDetail()">明细<i class="iconfont icon-ar-r"
            style="font-size:12px;"></i></span>
        <ul class="tab">
-            <li *ngFor="let item of performanceList" 
+          <li *ngFor="let item of performanceList" (click)="selectRang(item.type)"
-            (click)="selectRang(item.type)"
+            [ngClass]="{selected:performanceSelectedFlag==item.type}">
-            [ngClass]="{selected:performanceSelectedFlag==item.type}"
-            >
            <div style="position: relative;">
              <h3>{{item.name}}
-                <i class="line" *ngIf="performanceSelectedFlag==item.type" 
+                <i class="line" *ngIf="performanceSelectedFlag==item.type" [ngStyle]="{'left':leftWidth}"></i>
-                [ngStyle]="{'left':leftWidth}"
-                ></i>
              </h3>
            </div>
          </li>
@@ -75,25 +72,25 @@
    <div class="performance_wrapper notice">
      <div style="position: relative;">
        <h3 style="font-size: 16px;color: #ff002a;">公告</h3><i class="iconfont" style="color: #ff002a;">&#xe645;</i>
-        <div #hide style="font-size: 14px;position: absolute;z-index:-100" [innerHtml]="firstAnnouncement" ></div>
+        <div #hide style="font-size: 14px;position: absolute;z-index:-100" [innerHtml]="firstAnnouncement"></div>
        <div>{{this.firstAnnouncementTitle}}</div>
-        <span style="position:absolute;right:5px;font-size: 12px;color:#408dc9;" routerLink="importantAnnouncement">更多</span>
+        <span style="position:absolute;right:5px;font-size: 12px;color:#408dc9;"
+          routerLink="importantAnnouncement">更多</span>
      </div>
    </div>
    <div class="tool_wrapper">
      <div class="tool_item" *ngFor="let menuItem of menuLists;">
        <h3>{{menuItem.title}}</h3>
        <div class="tool_content">
-          <div class="content_item" *ngFor="let menuItemContent of menuItem['content']" 
+          <div class="content_item" *ngFor="let menuItemContent of menuItem['content']" href="javascript:;"
-          href="javascript:;" (click)="menuNavigation(menuItemContent)"
+            (click)="menuNavigation(menuItemContent)">
-          >
            <span class="iconfont" [ngClass]="menuItemContent.icon"></span>
            <div style="font-size: 12px;">{{menuItemContent.subtitle}}</div>
          </div>
        </div>
      </div>
    </div>
-    <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;"/>
+    <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;" />
    <div class="hotProduct">
      <div style="margin-bottom: 10px;">
        <h3>热销产品</h3>
@@ -117,7 +114,7 @@
          <div class="summaryBox">
            <div class="summaryContent" *ngFor="let label of product.labels">
              <div class="summaryIcon"><i class="iconfont icon-gou"></i></div>
-              <div class="summaryLabel" >{{label}}</div>
+              <div class="summaryLabel">{{label}}</div>
            </div>
          </div>
          <div class="priceContainer">
@@ -129,15 +126,17 @@
                  style="font-size:12px;font-weight: normal;margin-left: 2px;">/年 起</small></span>
              <span style="color:#4a4a4a;font-weight:lighter;white-space: nowrap">{{product.feedbackCount}}条评价</span>
            </div>
-            <div><span style="font-size: 16px;padding-right: 18px;color:#4a4a4a" class="iconfont icon-ar-r"></span></div>
+            <div><span style="font-size: 16px;padding-right: 18px;color:#4a4a4a" class="iconfont icon-ar-r"></span>
            </div>
          </div>
        </div>
      </div>
-    <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;"/>
+    </div>
+    <hr style="border-top: 1px solid #ddd;border-left: none;border-right: none;border-bottom: none;" />
    <div class="health_wrapper">
      <h3>医疗服务</h3>
-        <img style="border-radius: 10px;width: 48%;margin-right: 10px;" src="assets/images/yindunvipmember.jpg" (click)="jumpUrl()">
+      <img style="border-radius: 10px;width: 48%;margin-right: 10px;" src="assets/images/yindunvipmember.jpg"
+        (click)="jumpUrl()">
      <!-- <img style="border-radius: 10px;width: 48%;" src="assets/images/yindunvipmember.jpg" (click)="jumpUrl()"> -->
    </div>

--- a/src/app/my/my-center-home/my-center-home.component.ts
+++ b/src/app/my/my-center-home/my-center-home.component.ts
--- a/src/app/my/my-routing.module.ts
+++ b/src/app/my/my-routing.module.ts
-import {NgModule} from '@angular/core';
+import { NgModule } from '@angular/core';
-import {Routes, RouterModule} from '@angular/router';
+import { Routes, RouterModule } from '@angular/router';
-import {MyCenterHomeComponent} from './my-center-home/my-center-home.component';
+import { MyCenterHomeComponent } from './my-center-home/my-center-home.component';
-import {AuthGuard} from '../auth/auth.guard';
+import { AuthGuard } from '../auth/auth.guard';
-import {MkMaterialComponent} from './mk-material/mk-material.component';
+import { MkMaterialComponent } from './mk-material/mk-material.component';
-import {MkMaterialDetailComponent} from './mk-material-detail/mk-material-detail.component';
+import { MkMaterialDetailComponent } from './mk-material-detail/mk-material-detail.component';
-import {FileUploadComponent} from './file-upload/file-upload.component';
+import { FileUploadComponent } from './file-upload/file-upload.component';
-import {ImportantAnnouncementComponent} from './important-announcement/important-announcement.component';
+import { ImportantAnnouncementComponent } from './important-announcement/important-announcement.component';
-import {SalesDetailComponent} from './sales-detail/sales-detail.component';
+import { SalesDetailComponent } from './sales-detail/sales-detail.component';
+import { AnnouncementDetailComponent } from './announcement-detail/announcement-detail.component';
 const myRoutes: Routes = [
-  {path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard]},
+  { path: '', component: MyCenterHomeComponent, canActivate: [AuthGuard] },
-  {path: 'material', component: MkMaterialComponent, canActivate: [AuthGuard]},
+  { path: 'material', component: MkMaterialComponent, canActivate: [AuthGuard] },
-  {path: 'material/:itemId', component: MkMaterialDetailComponent, canActivate: [AuthGuard]},
+  { path: 'material/:itemId', component: MkMaterialDetailComponent, canActivate: [AuthGuard] },
-  {path: 'fileUpload', component: FileUploadComponent, canActivate: [AuthGuard], data: [{type: 'fileUpload'}]},
+  { path: 'fileUpload', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'fileUpload' }] },
-  {path: 'training', component: FileUploadComponent, canActivate: [AuthGuard], data: [{type: 'training'}]},
+  { path: 'training', component: FileUploadComponent, canActivate: [AuthGuard], data: [{ type: 'training' }] },
-  {path: 'importantAnnouncement', component: ImportantAnnouncementComponent, canActivate: [AuthGuard]},
+  { path: 'importantAnnouncement', component: ImportantAnnouncementComponent, canActivate: [AuthGuard] },
-  {path: 'salesDetail',component:SalesDetailComponent,canActivate:[AuthGuard]}
+  { path: 'salesDetail', component: SalesDetailComponent, canActivate: [AuthGuard] },
+  { path: 'importantAnnouncement/:id', component: AnnouncementDetailComponent, canActivate: [AuthGuard] }
 ];
 @NgModule({

--- a/src/app/my/my.module.ts
+++ b/src/app/my/my.module.ts
@@ -9,8 +9,9 @@ import { MkMaterialDetailComponent } from './mk-material-detail/mk-material-deta
 import { FileUploadComponent } from './file-upload/file-upload.component';
 import { ImportantAnnouncementComponent } from './important-announcement/important-announcement.component';
 import { SalesDetailComponent } from './sales-detail/sales-detail.component';
+import { AnnouncementDetailComponent } from './announcement-detail/announcement-detail.component';
 @NgModule({
-  declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent],
+  declarations: [MyCenterHomeComponent, MkMaterialComponent, MkMaterialDetailComponent, FileUploadComponent, ImportantAnnouncementComponent, SalesDetailComponent, AnnouncementDetailComponent],
  imports: [
    CommonModule,
    LifeCommonModule,

--- a/src/app/my/my.service.ts
+++ b/src/app/my/my.service.ts
-import {Injectable} from '@angular/core';
+import { Injectable } from '@angular/core';
-import {HttpClient} from '@angular/common/http';
+import { HttpClient } from '@angular/common/http';
-import {environment} from '../../environments/environment';
+import { environment } from '../../environments/environment';
 @Injectable({
  providedIn: 'root'
@@ -11,28 +11,28 @@ export class MyService {
  private API = environment.BACKEND_URL_CONFIG_VALUE;
-//  保存分享码
+  //  保存分享码
  shareCallBack(shareInfo) {
    const url = this.API + '/shareCallBack';
    return this.http
      .post(url, JSON.stringify(shareInfo));
  }
-//  文件下载
+  //  文件下载
-  filePath(itemType, itemId, fileCategory,code,mdDropOptionId) {
+  filePath(itemType, itemId, fileCategory, code, mdDropOptionId) {
    const url = this.API + '/filePathQuery';
    return this.http
-      .post(url, JSON.stringify({itemType: itemType, itemId: itemId, fileCategory: fileCategory,code:code,mdDropOptionId:mdDropOptionId}));
+      .post(url, JSON.stringify({ itemType: itemType, itemId: itemId, fileCategory: fileCategory, code: code, mdDropOptionId: mdDropOptionId }));
  }
-//  重要公告
+  //  重要公告
  announcementQuery(id, announcementTypeId) {
    const url = this.API + '/announcementQuery';
    return this.http
-      .post(url, JSON.stringify({id: id, announcementTypeId: announcementTypeId}));
+      .post(url, JSON.stringify({ id: id, announcementTypeId: announcementTypeId }));
  }
-//  产品海报
+  //  产品海报
  posterQuery(paginationInfo) {
    const url = this.API + '/posterQuery';
    return this.http
@@ -61,7 +61,7 @@ export class MyService {
    });
  }
-  queryproductlistbytag(param){
+  queryproductlistbytag(param) {
    const url = this.API + "/queryproductlistbytag";
    return this.http.post(url, JSON.stringify(param)).pipe(res => {
      return res;

--- a/src/app/my/sales-detail/sales-detail.component.html
+++ b/src/app/my/sales-detail/sales-detail.component.html
 <div class="salesWrapper">
  <ul class="tab">
-    <li *ngFor="let item of performanceList" 
+    <li *ngFor="let item of performanceList" (click)="selectRang(item.type)"
-    (click)="selectRang(item.type)"
+      [ngClass]="{selected:salesDetailType==item.type}">
-    [ngClass]="{selected:salesDetailType==item.type}"
-    >
      <div style="position: relative;">
        <h3>{{item.name}}
          <!-- <i class="line" *ngIf="performanceSelectedFlag==item.type" 
@@ -20,6 +18,7 @@
        <div>投保人：{{salesDetailItem.holderName}}</div>
        <div class="price">￥{{salesDetailItem.referralAmount | number: "1.2-2"}}</div>
      </div>
+      <div class="line long_line">产品名称：{{salesDetailItem.productName}}</div>
      <div class="line long_line">
        <div>保单号：{{salesDetailItem.policyNo}}</div>
        <div>{{(salesDetailItem.orderDate).substr(0,10)}}</div>

--- a/src/app/my/sales-detail/sales-detail.component.scss
+++ b/src/app/my/sales-detail/sales-detail.component.scss
@@ -25,17 +25,6 @@
            background-color: #ff5a32;
            color: #fff;
            border: 1px #f0f0f0 solid;
-        //   h3{
-        //     font-weight: bold;
-        //   }
-        //   .line{
-        //     width: 20px;
-        //     height: 3px;
-        //     display: inline-block;
-        //     position: absolute;
-        //     bottom: 2px;
-        //     background: #ff002a;
-        //   }
        }
      }
    .salesContent{
@@ -66,7 +55,7 @@
                display: flex;
                justify-content: space-between;
                align-items: center;
-                height: 30px;
+                height: 18px;
                font-size: 14px;
                .price{
                    font-size: 16px;
@@ -78,5 +67,8 @@
                font-size: 12px;
            }
        }
+        .salesItem:last-child{
+            border-bottom: none;
+        }
    }
 }
\ No newline at end of file
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -54,3 +54,4 @@ input::placeholder {
 .summaryBox .summaryContent:nth-child(2n) {
  margin-right: 0;
 }