---
# System prepended metadata

title: "\U0001F4CC[R]2020/06/25前端會議"
tags: [會議紀錄]

---

###### tags: `會議紀錄`
###### Thunder:
###### CodeReview:`業務客情儀表板CrmDashBoard`
###### Announcement: `增益集` `chrome評價精靈/chrome擴充套件`
###### Attendee: 政儀、永佳、偉恩、弘翊、政儒
# 📌[R]2020/06/25前端會議
## 踩雷事件
### ⚡無踩雷事件

## 寫法交流
### ⛏業務客情儀表板CrmDashBoard
#### #1 圓餅圖顏色
![](https://i.imgur.com/9KY035i.png)


==dashboard-customerd.service==

畫面的圓餅圖顏色，就依照視覺提供的色碼(放在陣列裡)給，如果超過視覺提供的色碼就會從陣列第一個顏色開始重複循環。
```typescript
/** 取得來源設定 */
getSourceOption(sourceData: Source_[]) {
const options = {
  tooltip: {
    trigger: 'item',
    formatter: (prams) => {
      return prams.data.name_ + '<br/>' + '客戶數: ' + prams.data.value + ' (' + prams.data.percent_ + ')';
    }
  },
  series: [
    {
      name: '來源',
      type: 'pie',
      radius: '55%',
      animation: false,
      data: sourceData,
      color: [ '#ff7071','#85d4c4','#e8c254', '#28c56b',' #94bcd6','#6bb2e3','#2f8fd7','#ffa785','#39b93d','#c2a9eb','#1978e5','#ff8000','#ff75ba','#ff3f3b','#c7c7c7'],
    },
  ]
};
return options;
}
```
:::info
💡色碼是可以用亂數給的，但視覺有提供還是依照視覺提供的給。
:::

#### #2 作業串聯
點下圓餅圖，可以串聯到其他支作業，但是因為需求關係，所以有在路由上添加要傳的參數(?x1=*** & x2=*** )，這樣造成串查過去的那頁在要進入詳細頁時，路由比對會有錯誤，所以調整了getUrl()這個方法。

==customer.component.ts==
把?後面的字都去掉
```typescript
/**取得url */
getUrl(): string {
let url = this.router.routerState.snapshot.url;
const index = url.indexOf('?');
/** 因業務客情儀表板會帶參數在url上串近來客戶資料，
 * 進入維護頁時路由比對會不正確
 *　故需在這裡把參數拿掉
 */
if (index !== -1) {
  url = url.substr(0, index);
}
return url;
}
```

## 事情公告
### 📢增益集
> 突然被下架， 產品描述、產品圖片審核沒過!

被下架原因，產品描述沒有闡述A1愈需要另外購買帳戶才能使用的功能(但我們有寫)，以及產品圖片提供太多有excel的畫面，目前還在積極接洽中。

### 📢chrome評價精靈/chrome擴充套件
> 未來chrome可能會下架chrome apps的功能!

* Google已經發出聲明未來將會全面停用chrome apps的功能，所以評價精靈，以及擴充套件未來可能就不能提供給使用者了。

* 評價精靈因為蝦皮改版所以又需要維修，那這次調整主要是後端需要煩惱的，蝦皮提供的評價API是一個一個的，不是全部的，所以可能之後跑迴圈給商品評價。


