Browse Source

[删除界面]修改1

master
chenjingyu 4 years ago
parent
commit
48317ca7ef
  1. 6
      src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.html
  2. 19
      src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.ts
  3. 5
      src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html
  4. 9
      src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts
  5. 30
      src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts

6
src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.html

@ -4,8 +4,12 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2020-09-02 16:22:58 * @Date: 2020-09-02 16:22:58
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2020-09-05 08:48:27 * @LastEditTime: 2020-09-05 14:52:26
--> -->
<div style="height: 100px; width: 100%; padding-right: 20px;">
<button mat-raised-button (click)='goBack()' style="float: right;">返回</button>
</div>
<div class="detailBox"> <div class="detailBox">
<div id="detailBox"> <div id="detailBox">

19
src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.ts

@ -1,6 +1,16 @@
/*
* @Descripttion:
* @version:
* @Author: sueRimn
* @Date: 2020-09-02 16:22:58
* @LastEditors: sueRimn
* @LastEditTime: 2020-09-05 14:53:43
*/
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
import {EchartsDataService} from '../../echarts-data.service' import {EchartsDataService} from '../../echarts-data.service';
import { MatSnackBarConfig, MatSnackBar } from '@angular/material/snack-bar';
import { DateAdapter } from '@angular/material/core';
declare var echarts: any; declare var echarts: any;
@Component({ @Component({
@ -10,7 +20,7 @@ declare var echarts: any;
}) })
export class DeleteFourComponent implements OnInit { export class DeleteFourComponent implements OnInit {
constructor(public route: ActivatedRoute,public data: EchartsDataService) { } constructor(public route: ActivatedRoute,public data: EchartsDataService,public snackBar: MatSnackBar,private adapter: DateAdapter<any>) { }
zhongNameData = ["浦东中队","黄埔中队","徐汇中队","长宁中队","静安中队","普陀中队","虹口中队","杨浦中队","闵行中队","宝山中队","嘉定中队"] zhongNameData = ["浦东中队","黄埔中队","徐汇中队","长宁中队","静安中队","普陀中队","虹口中队","杨浦中队","闵行中队","宝山中队","嘉定中队"]
zhongNumData = [200,190,180,170,160,150,140,130,120,110,100] zhongNumData = [200,190,180,170,160,150,140,130,120,110,100]
@ -19,6 +29,11 @@ export class DeleteFourComponent implements OnInit {
this.detailEcharts() this.detailEcharts()
}) })
} }
//返回
goBack () {
history.go(-1)
this.data.statefulInspectionToggle = true
}
detailEcharts(){ detailEcharts(){
var detailPlanEchart = echarts.init(document.getElementById('detailBox')); var detailPlanEchart = echarts.init(document.getElementById('detailBox'));

5
src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html

@ -4,7 +4,7 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2020-09-02 16:22:35 * @Date: 2020-09-02 16:22:35
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2020-09-05 13:38:50 * @LastEditTime: 2020-09-05 15:10:46
--> -->
<div class="head"> <div class="head">
<select style="width: 80px;height: 50px; margin-left: 400px;margin-top: 20px;"> <select style="width: 80px;height: 50px; margin-left: 400px;margin-top: 20px;">
@ -19,8 +19,11 @@
<option value ="1">6</option> <option value ="1">6</option>
<option value ="1">7</option> <option value ="1">7</option>
<option value ="1">8</option> <option value ="1">8</option>
<option value ="1" selected>9</option>
</select> </select>
<button type="submit" mat-raised-button color="primary" style="margin-left: 50px;">查询</button> <button type="submit" mat-raised-button color="primary" style="margin-left: 50px;">查询</button>
<button mat-raised-button (click)='goBack()' style="margin-left: 50px;">返回</button>
</div> </div>
<div id="zhidui" class="zhu"></div> <div id="zhidui" class="zhu"></div>

9
src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts

@ -4,7 +4,7 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2020-09-02 16:22:35 * @Date: 2020-09-02 16:22:35
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2020-09-05 13:28:37 * @LastEditTime: 2020-09-05 14:43:05
*/ */
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { Router,ActivatedRoute } from '@angular/router'; import { Router,ActivatedRoute } from '@angular/router';
@ -43,6 +43,11 @@ export class DeleteThereComponent implements OnInit {
} }
zhiNameData = ["浦东支队","黄埔支队","徐汇支队","长宁支队","静安支队","普陀支队","虹口支队","杨浦支队","闵行支队","宝山支队","嘉定支队","松江支队","金山支队","崇明支队"] zhiNameData = ["浦东支队","黄埔支队","徐汇支队","长宁支队","静安支队","普陀支队","虹口支队","杨浦支队","闵行支队","宝山支队","嘉定支队","松江支队","金山支队","崇明支队"]
zhiNumData = [200,190,180,170,160,150,140,130,120,110,100,90,80,70] zhiNumData = [200,190,180,170,160,150,140,130,120,110,100,90,80,70]
//返回
goBack () {
history.go(-1)
this.echartsData.statefulInspectionToggle = true
}
axisLabel = { axisLabel = {
interval: 0, interval: 0,
@ -122,7 +127,7 @@ export class DeleteThereComponent implements OnInit {
this.zhutu.setOption(option); this.zhutu.setOption(option);
} }
/* 鼠标悬停提示 */
tableTooltip2(biaotou:string){ tableTooltip2(biaotou:string){
var shuju='[{"name":"浦东中队","number":"156","zhanbi":"3%"},{"name":"黄埔中队","number":"144","zhanbi":"2.8%"},' var shuju='[{"name":"浦东中队","number":"156","zhanbi":"3%"},{"name":"黄埔中队","number":"144","zhanbi":"2.8%"},'
shuju+='{"name":"徐汇中队","number":"133","zhanbi":"2.1%"},{"name":"长宁中队","number":"122","zhanbi":"1.6%"},' shuju+='{"name":"徐汇中队","number":"133","zhanbi":"2.1%"},{"name":"长宁中队","number":"122","zhanbi":"1.6%"},'

30
src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts

@ -4,7 +4,7 @@
* @Author: sueRimn * @Author: sueRimn
* @Date: 2020-09-02 16:21:18 * @Date: 2020-09-02 16:21:18
* @LastEditors: sueRimn * @LastEditors: sueRimn
* @LastEditTime: 2020-09-05 13:43:02 * @LastEditTime: 2020-09-05 15:09:27
*/ */
import { Component, OnInit, ViewChild } from '@angular/core'; import { Component, OnInit, ViewChild } from '@angular/core';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
@ -21,8 +21,8 @@ declare var echarts: any;
}) })
export class DeleteTwoComponent implements OnInit { export class DeleteTwoComponent implements OnInit {
options:any; options:any;
datayuex=['一月', '二月', '三月', '四月', '五月', '六月', '七月','八月']; datayuex=['一月', '二月', '三月', '四月', '五月', '六月', '七月','八月','九月'];
datayuey=[210, 160, 150, 140, 130, 120, 110,120]; datayuey=[210, 160, 150, 140, 130, 120, 110,120,150];
datanianx=[2019,2020]; datanianx=[2019,2020];
dataniany=[201,174] dataniany=[201,174]
@ -34,8 +34,8 @@ export class DeleteTwoComponent implements OnInit {
this.dateInit() this.dateInit()
window.setTimeout(()=>{ window.setTimeout(()=>{
console.log(this.selectType) console.log(this.selectType)
if(this.selectType=='month'){
this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey) this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey)
this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) this.headZhexian('leftOne','高层',this.datayuex,this.datayuey)
this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey) this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey)
this.headZhexian('leftThere','储罐类',this.datayuex,this.datayuey) this.headZhexian('leftThere','储罐类',this.datayuex,this.datayuey)
@ -44,7 +44,7 @@ export class DeleteTwoComponent implements OnInit {
this.headZhexian('rightTwo','化工生产',this.datayuex,this.datayuey) this.headZhexian('rightTwo','化工生产',this.datayuex,this.datayuey)
this.headZhexian('rightThree','厂房',this.datayuex,this.datayuey) this.headZhexian('rightThree','厂房',this.datayuex,this.datayuey)
this.headZhexian('rightFour','商市场',this.datayuex,this.datayuey) this.headZhexian('rightFour','商市场',this.datayuex,this.datayuey)
}
/* else if(this.selectType=='year'){ /* else if(this.selectType=='year'){
this.headZhexian('heads','删除数量总统计',this.datanianx,this.dataniany) this.headZhexian('heads','删除数量总统计',this.datanianx,this.dataniany)
this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) this.headZhexian('leftOne','高层',this.datayuex,this.datayuey)
@ -148,8 +148,15 @@ export class DeleteTwoComponent implements OnInit {
} }
} }
/* 折线图 */ /**
* @name: 线
* @test: test font
* @msg:
* @param {divid(div),headtext()}
* @return {type}
*/
headZhexian(divid:string,headtext:string,datayuex,datayuey){ headZhexian(divid:string,headtext:string,datayuex,datayuey){
var dianji:boolean=headtext=="删除数量总统计" ? false:true;
var ec = echarts as any; var ec = echarts as any;
this.headZx = ec.init(document.getElementById(`${divid}`),'skinUpp'); this.headZx = ec.init(document.getElementById(`${divid}`),'skinUpp');
var options = { var options = {
@ -220,7 +227,7 @@ export class DeleteTwoComponent implements OnInit {
series: [{ series: [{
data: datayuey, data: datayuey,
type: 'line', type: 'line',
clickable:false,
/* lineStyle:{ /* lineStyle:{
color:'#1369bf' color:'#1369bf'
}, */ }, */
@ -245,8 +252,11 @@ export class DeleteTwoComponent implements OnInit {
}; };
this.headZx.on('click', (params) => { this.headZx.on('click', (params) => {
console.log(params) console.log(params)
this.echartsData.statefulInspectionName =params.name+headtext; if(`${headtext}`!=="删除数量总统计"){
this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there`); this.echartsData.statefulInspectionName =params.name+headtext;
this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there`);
}
}); });
this.headZx.setOption(options); this.headZx.setOption(options);
} }

Loading…
Cancel
Save