import { Injectable , OnInit } from '@angular/core' ; @ Injectable ( { providedIn : 'root' } ) export class CompConfigService { constructor ( ) { } getCompDefaultConfig ( style = 'text' ) { let data = { "line" : { compIndex : 2 , name : '横线' , type : 'line' , data : { } , style : this . _defCompStyle ( { left : 100 , top : 100 , width : 200 , height : 200 } , { x1 : 100 , y1 : 100 , x2 : 300 , y2 : 300 } ) , } , "text" : { compIndex : 2 , name : '文本' , type : 'text' , data : { text_val : '左侧绑定文本' , } , style : this . _defCompStyle ( { width : 120 , height : 30 } ) , } , "input" : { compIndex : 2 , name : '输入框' , type : 'input' , data : { input_val : '' , placeholder : "输入" } , style : this . _defCompStyle ( { width : 220 , height : 30 } ) , } , "textarea" : { compIndex : 2 , name : '多行输入' , type : 'textarea' , data : { textarea_val : '' , placeholder : "文本输入" } , style : this . _defCompStyle ( { width : 220 , height : 60 } ) , } , "img" : { compIndex : 2 , name : '图片' , type : 'img' , data : { img_url : 'assets/imgs/es.jpeg' , } , style : this . _defCompStyle ( { width : 120 , height : 80 } ) , } , "button" : { compIndex : 3 , name : '按钮' , type : 'button' , data : { button_val : '确认' } , style : this . _defCompStyle ( { width : 80 , height : 30 } ) , event : { routeBool : true , route : { route_url : 'home' , data : { param : null , pageId : null , projectId : null } , } } } , "video" : { compIndex : 3 , name : '视频' , type : 'video' , data : { video_val : 'http://www.w3school.com.cn/i/horse.mp3' } , style : this . _defCompStyle ( { width : 300 , height : 180 } ) , event : { } } , "chart_polyline" : { compIndex : 3 , name : '折线' , type : 'chart_polyline' , data : { } , style : this . _defCompStyle ( { width : 300 , height : 300 } ) , event : { } } , "chart_gauge" : { compIndex : 3 , name : '仪表盘' , type : 'chart_gauge' , data : { } , style : this . _defCompStyle ( { width : 300 , height : 300 } ) , event : { } } , "chart_pie" : { compIndex : 3 , name : '饼图' , type : 'chart_pie' , data : { } , style : this . _defCompStyle ( { width : 300 , height : 300 } ) , event : { } } , "chart_radar" : { compIndex : 3 , name : '雷达图' , type : 'chart_radar' , data : { } , style : this . _defCompStyle ( { width : 300 , height : 300 } ) , event : { } } , } ; return data [ style ] ? data [ style ] : { } ; } auxiComp = { compIndex : 999 , name : '辅助线' , type : 'auxi' , data : { title : '辅助线' } , style : this . _defCompStyle ( ) } ; areaComp = { compIndex : 999 , name : '区域选中' , type : 'area' , data : { title : '区域选中' } , style : this . _defCompStyle ( ) } ; _defCompStyle ( customStyle ? , appendStyle ? ) { let styleJson = { position : 'absolute' , top : 400 , left : 200 , height : 100 , width : 100 , borderColor : "rgba(255,0,0,0.6)" , borderWidth : 1 , borderStyle : 'solid' , paddingTopBottom : 0 , paddingLeftRight : 0 , fontSize : 14 , textAlign : 'center' , userDrag : 'element' } ; for ( let key in customStyle ) { styleJson [ key ] = customStyle [ key ] ; } for ( let key in appendStyle ) { styleJson [ key ] = appendStyle [ key ] ; } return styleJson ; } getAuxiComp ( ) { return this . auxiComp ; } getAreaComp ( ) { return this . areaComp ; } }