{b} : {c}%'\n },\n toolbox: {\n feature: {\n dataView: {readOnly: false},\n restore: {},\n saveAsImage: {}\n }\n },\n legend: {\n data: ['Show', 'Click', 'Visit', 'Inquiry', 'Order']\n },\n\n series:this.subjectData\n };\n }\n}\n"," \n\n\n","import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';\n\n@Component({\n selector: 'k-sunburst',\n templateUrl: './sunburst.component.html',\n styles: [` nz-card {\n background: rgba(255, 255, 255, 0.7);\n border-radius: 15px;\n }\n nz-spin {\n text-align: center;\n height: 200px;\n line-height:200px;\n }`\n ]\n})\nexport class SunburstComponent implements OnInit ,OnChanges{\n\n @Input() subjectData: any = null;\n @Input() title: string = '';\n\n constructor() {\n }\n echartsData: any;\n\n ngOnInit(): void {\n if(this.subjectData) this.initChart();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if(this.subjectData) this.initChart();\n }\n\n initChart() {\n this.echartsData = {\n series: {\n type: 'sunburst',\n // emphasis: {\n // focus: 'ancestor'\n // },\n data: this.subjectData,\n radius: [0, '90%'],\n label: {\n rotate: 'radial'\n }\n }\n };\n }\n}\n"," \n\n\n","import {Component, Input, OnChanges, OnInit, SimpleChanges} from '@angular/core';\n\n@Component({\n selector: 'k-radar',\n templateUrl: './radar.component.html',\n styles: [` nz-card {\n background: rgba(255, 255, 255, 0.7);\n border-radius: 15px;\n }\n\n nz-spin {\n text-align: center;\n height: 200px;\n line-height: 200px;\n }`\n ]\n})\nexport class RadarComponent implements OnInit ,OnChanges{\n\n constructor() { }\n\n @Input() subjectData:any = null;\n @Input() title:string = '';\n\n echartsData: any;\n\n ngOnInit(): void {\n if(this.subjectData)\n this.initChart();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if(this.subjectData)\n this.initChart();\n }\n\n initChart() {\n const inData=this.subjectData;\n const dates=[];\n const num = 0;\n var i;\n for (i = num; i <= 5; i ++) {\n dates.push({\n name:inData[i].title,\n value:inData[i].num,\n })\n }\n\n this.echartsData = {\n title: {\n text: 'Basic Radar Chart'\n },\n legend: {\n data: ['Allocated Budget', 'Actual Spending']\n },\n radar: {\n // shape: 'circle',\n indicator: [\n { name: 'Sales', max: 6500 },\n { name: 'Administration', max: 16000 },\n { name: 'Information Technology', max: 30000 },\n { name: 'Customer Support', max: 38000 },\n { name: 'Development', max: 52000 },\n { name: 'Marketing', max: 25000 }\n ]\n },\n series: this.subjectData\n };\n }\n}\n"," \n\n","import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\nimport * as echarts from 'echarts';\n@Component({\n selector: 'k-candlestick',\n templateUrl: './candlestick.component.html',\n styles: [` nz-card {\n background: rgba(255, 255, 255, 0.7);\n border-radius: 15px;\n }\n\n nz-spin {\n text-align: center;\n height: 200px;\n line-height: 200px;\n }`\n ]\n})\nexport class CandlestickComponent implements OnInit, OnChanges {\n\n constructor() { }\n\n @Input() subjectData: any = null;\n @Input() title: string = '';\n\n echartsData: any;\n\n ngOnInit(): void {\n if (this.subjectData)\n this.initChart();\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (this.subjectData)\n this.initChart();\n }\n\n initChart() {\n const inData = this.subjectData;\n const dates = [];\n const num = 0;\n var i;\n for (i = num; i <= 5; i++) {\n dates.push({\n name: inData[i].title,\n value: inData[i].num,\n })\n }\n\n const upColor = '#ec0000';\n const upBorderColor = '#8A0000';\n const downColor = '#00da3c';\n const downBorderColor = '#008F28';\n\n const dataCount = 2e5;\n const data = generateOHLC(dataCount);\n\n this.echartsData = {\n dataset: {\n source: data\n },\n title: {\n text: 'Data Amount: ' + echarts.format.addCommas(dataCount)\n },\n tooltip: {\n trigger: 'axis',\n axisPointer: {\n type: 'line'\n }\n },\n toolbox: {\n feature: {\n dataZoom: {\n yAxisIndex: false\n }\n }\n },\n grid: [\n {\n left: '10%',\n right: '10%',\n bottom: 200\n },\n {\n left: '10%',\n right: '10%',\n height: 80,\n bottom: 80\n }\n ],\n xAxis: [\n {\n type: 'category',\n boundaryGap: false,\n // inverse: true,\n axisLine: { onZero: false },\n splitLine: { show: false },\n min: 'dataMin',\n max: 'dataMax'\n },\n {\n type: 'category',\n gridIndex: 1,\n boundaryGap: false,\n axisLine: { onZero: false },\n axisTick: { show: false },\n splitLine: { show: false },\n axisLabel: { show: false },\n min: 'dataMin',\n max: 'dataMax'\n }\n ],\n yAxis: [\n {\n scale: true,\n splitArea: {\n show: true\n }\n },\n {\n scale: true,\n gridIndex: 1,\n splitNumber: 2,\n axisLabel: { show: false },\n axisLine: { show: false },\n axisTick: { show: false },\n splitLine: { show: false }\n }\n ],\n dataZoom: [\n {\n type: 'inside',\n xAxisIndex: [0, 1],\n start: 10,\n end: 100\n },\n {\n show: true,\n xAxisIndex: [0, 1],\n type: 'slider',\n bottom: 10,\n start: 10,\n end: 100\n }\n ],\n visualMap: {\n show: false,\n seriesIndex: 1,\n dimension: 6,\n pieces: [\n {\n value: 1,\n color: upColor\n },\n {\n value: -1,\n color: downColor\n }\n ]\n },\n series: [\n {\n type: 'candlestick',\n itemStyle: {\n color: upColor,\n color0: downColor,\n borderColor: upBorderColor,\n borderColor0: downBorderColor\n },\n encode: {\n x: 0,\n y: [1, 4, 3, 2]\n }\n },\n {\n name: 'Volumn',\n type: 'bar',\n xAxisIndex: 1,\n yAxisIndex: 1,\n itemStyle: {\n color: '#7fbe9e'\n },\n large: true,\n encode: {\n x: 0,\n y: 5\n }\n }\n ]\n };\n\n type DataItem = [string, number, number, number, number, number, number];\n\n function generateOHLC(count: number) {\n let data: DataItem[] = [];\n\n let xValue = +new Date(2011, 0, 1);\n let minute = 60 * 1000;\n let baseValue = Math.random() * 12000;\n let boxVals = new Array(4);\n let dayRange = 12;\n\n for (let i = 0; i < count; i++) {\n baseValue = baseValue + Math.random() * 20 - 10;\n\n for (let j = 0; j < 4; j++) {\n boxVals[j] = (Math.random() - 0.5) * dayRange + baseValue;\n }\n boxVals.sort();\n\n let openIdx = Math.round(Math.random() * 3);\n let closeIdx = Math.round(Math.random() * 2);\n if (closeIdx === openIdx) {\n closeIdx++;\n }\n let volumn = boxVals[3] * (1000 + Math.random() * 500);\n\n // ['open', 'close', 'lowest', 'highest', 'volumn']\n // [1, 4, 3, 2]\n data[i] = [\n echarts.format.formatTime('yyyy-MM-dd\\nhh:mm:ss', (xValue += minute)),\n +boxVals[openIdx].toFixed(2), // open\n +boxVals[3].toFixed(2), // highest\n +boxVals[0].toFixed(2), // lowest\n +boxVals[closeIdx].toFixed(2), // close\n +volumn.toFixed(0),\n 1\n // getSign(data, i, +boxVals[openIdx], +boxVals[closeIdx], 4) // sign\n ];\n }\n\n return data;\n\n function getSign(\n data: DataItem[],\n dataIndex: number,\n openVal: number,\n closeVal: number,\n closeDimIdx: number\n ) {\n var sign;\n if (openVal > closeVal) {\n sign = -1;\n } else if (openVal < closeVal) {\n sign = 1;\n } else {\n // sign =\n // dataIndex > 0\n // ? // If close === open, compare with close of last record\n // data[dataIndex - 1][closeDimIdx] <= closeVal\n // ? 1\n // : -1\n // : // No record of previous, set to be positive\n // 1;\n }\n\n return sign;\n }\n }\n\n\n }\n}\n"," \n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BrokenLineComponent } from './broken-line/broken-line.component';\nimport { NgxEchartsModule } from 'ngx-echarts';\nimport * as echarts from 'echarts';\nimport {CakeComponent} from \"./cake/cake.component\";\nimport {ColumnarComponent} from \"./columnar/columnar.component\";\nimport {SankeyComponent} from \"./sankey/sankey.component\";\nimport {FunnelComponent} from \"./funnel/funnel.component\";\nimport {SunburstComponent} from \"./sunburst/sunburst.component\";\nimport {RadarComponent} from \"./radar/radar.component\";\nimport {CandlestickComponent} from \"./candlestick/candlestick.component\";\n\n\n\n\n@NgModule({\n imports: [\n CommonModule,\n NgxEchartsModule.forRoot({\n echarts,\n })],\n declarations: [\n BrokenLineComponent,\n CakeComponent,\n ColumnarComponent,\n SankeyComponent,\n FunnelComponent,\n SunburstComponent,\n RadarComponent,\n CandlestickComponent,\n ],\n exports: [\n BrokenLineComponent,\n CakeComponent,\n ColumnarComponent,\n SankeyComponent,\n FunnelComponent,\n SunburstComponent,\n RadarComponent,\n CandlestickComponent,\n ],\n})\nexport class KEchartsModule { }\n","import {Component,EventEmitter, Input, Output} from '@angular/core';\n\n@Component({\n selector: 'k-tree',\n templateUrl: './tree.component.html',\n styleUrls: ['./tree.component.less']\n})\nexport class TreeComponent {\n\n @Input() tree: any = null;\n @Input() title: any = '';\n @Input() isOpen: boolean = true;\n @Output() clickNode: EventEmitter
- \n
- \n \n
- \n
\n \n\n \n ({{ origin.number | number }})\n \n \n
\n k-admin-tools-lib works!\n
\n `,\n styles: [\n ]\n})\nexport class KAdminToolsLibComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { CookieService } from 'ngx-cookie-service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AuthService {\n constructor(private http: HttpClient, private cookieService: CookieService) {}\n\n md5pass = true;\n setMd5pass(passFlg: boolean) {\n this.md5pass = passFlg;\n }\n\n getMd5Pass(): boolean {\n return this.md5pass;\n }\n login(params: any, url: string = 'api/auth/login', baseUrl = '') {\n return this.http.post(baseUrl + url, params);\n }\n\n profile(url = 'api/auth/profile', baseUrl = '') {\n return this.http.get(baseUrl + url, this.getHeaders());\n }\n\n getHeaders() {\n const token = this.cookieService.get('access_token');\n return { headers: { Authorization: `Bearer ${token}` } };\n }\n\n check(): boolean {\n const token = this.cookieService.get('access_token');\n const profile = this.cookieService.get('profile');\n if (token && profile) {\n return true;\n } else {\n return false;\n }\n }\n}\n","import { HttpClient } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\n\nimport { AuthService } from './auth.service';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CrudService {\n baseUrl = '';\n subUrl = '';\n constructor(private http: HttpClient, private authService: AuthService) {}\n setUrl(baseUrl: string) {\n this.baseUrl = baseUrl;\n }\n\n search(limit: number, page: number, s: string, subUrl: string, baseUrl: string = '') {\n return this.http.get(`${baseUrl}${subUrl}?s=${s}&limit=${limit}&page=${page}`, this.authService.getHeaders());\n }\n\n create(body: any, subUrl: string, baseUrl: string = '') {\n return this.http.post(`${baseUrl}${subUrl}`, body, this.authService.getHeaders());\n }\n\n update(id: string | number, body: any, subUrl: string, baseUrl: string = '') {\n return this.http.patch(`${baseUrl}${subUrl}/${id}`, body, this.authService.getHeaders());\n }\n\n delete(id: string | number, subUrl: string, baseUrl: string = '') {\n return this.http.delete(`${baseUrl}${subUrl}/${id}`, this.authService.getHeaders());\n }\n}\n","import { Component, Input, OnInit } from '@angular/core';\nimport { NzMessageService } from 'ng-zorro-antd/message';\nimport { CookieService } from 'ngx-cookie-service';\n\nimport { CrudService } from '../crud.service';\n\n@Component({\n selector: 'k-manager',\n templateUrl: './manager.component.html',\n styles: []\n})\nexport class ManagerComponent\n \n \n 总计 {{ total }} 条记录\n \n \n
\n\n \n \n {{ errorMsg }}\n \n \n
\n \n {{ column.title }}: \n \n \n \n \n \n \n \n
\n \n \n \n {{ errorMsg }}\n \n \n
\n \n {{ column.title }}: \n \n \n \n \n \n \n \n
\n ![](\"./assets/tmp/img/home-logo.png\"){kind=logo}
\n \n \n ![](\"./assets/tmp/img/资源%202.png\")
\n \n \n ![](\"./assets/tmp/img/资源%203.png\")
\n \n \n 今天是{{ this.menuDate.getMonth() + 1 }}月{{ this.menuDate.getDate() }}日\n \n \n
\n \n Content123456\n
\n \n \n