###### 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是一個一個的,不是全部的,所以可能之後跑迴圈給商品評價。