summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/components/customer/customer.component.ts
diff options
context:
space:
mode:
authorguochuyicmri <guochuyi@chinamobile.com>2019-05-05 10:10:50 +0800
committerguochuyicmri <guochuyi@chinamobile.com>2019-05-05 10:12:48 +0800
commitd0d32650fb14e4e556155475f21f00d6ab1d3ae0 (patch)
treeafe3a2b06c258ba59f74065e782df3ca3b35ca0f /usecaseui-portal/src/app/components/customer/customer.component.ts
parent76cafb66f1897b971736a9c9bdf2e8f0fd5a9579 (diff)
Added monitor and user management logic
Change-Id: Iedca2ea71126529864baeec067b46050a1e0a67d Issue-ID: USECASEUI-228 Signed-off-by: guochuyicmri <guochuyi@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/components/customer/customer.component.ts')
-rw-r--r--usecaseui-portal/src/app/components/customer/customer.component.ts84
1 files changed, 72 insertions, 12 deletions
diff --git a/usecaseui-portal/src/app/components/customer/customer.component.ts b/usecaseui-portal/src/app/components/customer/customer.component.ts
index 3008ae02..dff15f81 100644
--- a/usecaseui-portal/src/app/components/customer/customer.component.ts
+++ b/usecaseui-portal/src/app/components/customer/customer.component.ts
@@ -14,6 +14,7 @@
limitations under the License.
*/
import { Component, OnInit } from '@angular/core';
+import { ManagemencsService } from '../../managemencs.service';
@Component({
selector: 'app-customer',
@@ -21,10 +22,39 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./customer.component.less']
})
export class CustomerComponent implements OnInit {
-
- constructor() { }
+ public chose = '';
+
+ constructor(private managemencs: ManagemencsService) { }
ngOnInit() {
+ this.getAllCustomers();
+ this.getCustomersPie();
+ }
+ AllCustomersdata = [];
+ AllServiceTypes = [];
+ customerber = [];
+ // Get all customers
+ active;
+ getAllCustomers() {
+ this.managemencs.getAllCustomers().subscribe((data) => {
+ this.AllCustomersdata = data.map((item)=>{return {name:item["subscriber-name"],id:item["global-customer-id"]}});
+ this.active = this.AllCustomersdata[0].id
+ this.getServiceTypes(this.active);
+ this.getCustomersColumn(this.active);
+ })
+
+ }
+ // Get all servicetype
+ getServiceTypes(item){
+ this.managemencs.getServiceTypes(item).subscribe((data) => {
+ this.AllServiceTypes = data.map((item) => {return {type:item["service-type"],id:item["global-customer-id"]}});
+ })
+ }
+ // Switch user data
+ choseCustomer(index,item){
+ this.chose = index;
+ this.getServiceTypes(item);
+ this.getCustomersColumn(item);
}
customeradd = false;
servicesadd = false;
@@ -100,20 +130,25 @@ export class CustomerComponent implements OnInit {
}]
}
};
- // getHomeAlarmData() {
- // this.myhttp.getHomeAlarmData()
- // .subscribe((data) => {
- // this.alarmChartData = {
- // series: [{
- // data: [{ name: "Active", value: data[0] }, { name: "Fixed", value: data[1] }]
- // }]
- // };
- // })
- // }
+ // get customers chart pie
+ getCustomersPie(){
+ this.managemencs.getCustomersPie().subscribe((data)=>{
+ this.CUChartData = {
+ series: [{
+ data: data
+ }]
+ }
+ console.log(this.CUChartData)
+ }, (err) => {
+ console.log(err);
+ });
+ }
// service bar
serviceData: Object;
serviceInit: Object = {
+ height: 200,
+ width:280,
option: {
tooltip: {
show: true,
@@ -274,4 +309,29 @@ export class CustomerComponent implements OnInit {
]
}
}
+ name_s = [];
+ value_s = [];
+ getCustomersColumn(item){
+ this.name_s = [];
+ this.value_s = [];
+ this.managemencs.getCustomersColumn(item).subscribe((data)=>{
+ data.forEach((item)=>{
+ this.name_s.push(item.name);
+ this.value_s.push(item.value);
+ })
+ this.serviceData = {
+ yAxis:[{
+ data:this.name_s
+ }],
+ series :[{
+ data:this.value_s
+ }]
+ }
+ console.log(this.serviceData)
+ })
+ }
+
+
+
+
}