13 changed files with 7491 additions and 5012 deletions
@ -1,6 +1,8 @@ |
|||||||
{ |
{ |
||||||
"/api": { |
"/api": { |
||||||
"target": "http://183.194.244.232:8088/", |
"target": "http://121.36.37.70:8207/", |
||||||
|
"测试": "http://121.36.37.70:8207/", |
||||||
|
"生产": "http://183.194.244.232:8088/", |
||||||
"secure": false, |
"secure": false, |
||||||
"changeOrigin": true |
"changeOrigin": true |
||||||
} |
} |
||||||
|
|||||||
@ -0,0 +1,21 @@ |
|||||||
|
import { Injectable } from "@angular/core"; |
||||||
|
import { Observable, ReplaySubject } from "rxjs"; |
||||||
|
|
||||||
|
@Injectable({ |
||||||
|
providedIn: "root", |
||||||
|
}) |
||||||
|
export class TabbarAndScoreService { |
||||||
|
constructor() {} |
||||||
|
private _sendMessage: ReplaySubject<any> = new ReplaySubject<any>(1); |
||||||
|
/** * 向其他组件发送信息 ** |
||||||
|
* @param message 需要发送的信息 * |
||||||
|
* @returns {Observavle<any>} */ |
||||||
|
|
||||||
|
public sendMessage(message: any) { |
||||||
|
this._sendMessage.next(message); |
||||||
|
} |
||||||
|
|
||||||
|
public getMessage(): Observable<any> { |
||||||
|
return this._sendMessage.asObservable(); |
||||||
|
} |
||||||
|
} |
||||||
@ -1,45 +1,315 @@ |
|||||||
mat-toolbar{ |
mat-toolbar { |
||||||
position: relative; |
position: relative; |
||||||
padding-left: 65px; |
padding-left: 65px; |
||||||
} |
} |
||||||
.logo{ |
|
||||||
|
.logo { |
||||||
height: 64px; |
height: 64px; |
||||||
widows: 64px; |
widows: 64px; |
||||||
} |
} |
||||||
|
|
||||||
h1{ |
h1 { |
||||||
line-height: 64px; |
line-height: 64px; |
||||||
color: white; |
color: white; |
||||||
} |
} |
||||||
mat-icon{ |
|
||||||
|
mat-icon { |
||||||
color: white; |
color: white; |
||||||
} |
} |
||||||
.login{ |
|
||||||
|
.login { |
||||||
position: absolute; |
position: absolute; |
||||||
right:30px; |
right: 30px; |
||||||
} |
} |
||||||
.fullscreen{ |
|
||||||
|
.fullscreen { |
||||||
position: absolute; |
position: absolute; |
||||||
right:60px; |
right: 60px; |
||||||
} |
} |
||||||
|
|
||||||
.help { |
.help { |
||||||
position: absolute; |
position: absolute; |
||||||
right:90px; |
right: 90px; |
||||||
} |
} |
||||||
.setting{ |
|
||||||
|
.setting { |
||||||
position: absolute; |
position: absolute; |
||||||
right:120px; |
right: 120px; |
||||||
} |
} |
||||||
.lockscreen{ |
|
||||||
|
.lockscreen { |
||||||
position: absolute; |
position: absolute; |
||||||
right:160px; |
right: 160px; |
||||||
} |
} |
||||||
.darktheme{ |
|
||||||
|
.darktheme { |
||||||
position: absolute; |
position: absolute; |
||||||
right:140px; |
right: 140px; |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
|
|
||||||
.boxed{ |
.boxed { |
||||||
width: 1200px; |
width: 1200px; |
||||||
} |
} |
||||||
|
|
||||||
|
.grade { |
||||||
|
width: 120px; |
||||||
|
height: 45px; |
||||||
|
//border:1px solid #F00; |
||||||
|
position: absolute; |
||||||
|
text-align: center; |
||||||
|
margin-left: 220px; |
||||||
|
margin-top: 0px; |
||||||
|
-webkit-transform: rotate(-10deg); |
||||||
|
-moz-transform: rotate(-10deg); |
||||||
|
transform: text; |
||||||
|
|
||||||
|
a { |
||||||
|
box-sizing: border-box; |
||||||
|
|
||||||
|
display: inline-block; |
||||||
|
color: #fff; |
||||||
|
//padding: 12px 5px; |
||||||
|
text-decoration: none; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
span { |
||||||
|
text-align: center; |
||||||
|
font-size: 36px; |
||||||
|
line-height: 45px; |
||||||
|
font-family: "STXinwei"; |
||||||
|
color: #FFA500; |
||||||
|
cursor: default; |
||||||
|
text-decoration: underline; |
||||||
|
padding-bottom: 5px; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
a.active>span, |
||||||
|
a:hover>span { |
||||||
|
//padding-bottom: 8px; |
||||||
|
border-bottom: 3px solid #FFA500; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//鼠标移入详情页面显示 |
||||||
|
.integrityDetails { |
||||||
|
position: absolute; |
||||||
|
z-index: 999; |
||||||
|
color: black; |
||||||
|
display: none; |
||||||
|
width: 350px; |
||||||
|
height: 290px; |
||||||
|
left: 390px; |
||||||
|
top: 30px; |
||||||
|
border: 1px solid rgba(0, 0, 0, 0.22); |
||||||
|
background-color: white; |
||||||
|
|
||||||
|
.integrityDetailsTop { |
||||||
|
width: 100%; |
||||||
|
height: 23px; |
||||||
|
line-height: 23px; |
||||||
|
border-bottom: 1px solid rgba(0, 0, 0, 0.22); |
||||||
|
margin-bottom: 1px; |
||||||
|
font-size: 14px; |
||||||
|
|
||||||
|
span { |
||||||
|
display: inline-block; |
||||||
|
text-align: center; |
||||||
|
font-weight: 800; |
||||||
|
} |
||||||
|
|
||||||
|
.span1 { |
||||||
|
width: 25%; |
||||||
|
} |
||||||
|
|
||||||
|
.span2 { |
||||||
|
width: 60%; |
||||||
|
} |
||||||
|
|
||||||
|
.span3 { |
||||||
|
width: 15%; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.integrityDetailsBody { |
||||||
|
ul { |
||||||
|
li { |
||||||
|
width: 100%; |
||||||
|
height: 23px; |
||||||
|
line-height: 23px; |
||||||
|
margin: 3px 15px; |
||||||
|
|
||||||
|
div { |
||||||
|
float: left; |
||||||
|
font-size: 13px; |
||||||
|
} |
||||||
|
|
||||||
|
.name { |
||||||
|
width: 25%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.colorDiv { |
||||||
|
width: 60%; |
||||||
|
height: 100%; |
||||||
|
position: relative; |
||||||
|
|
||||||
|
.colorDivBac { |
||||||
|
width: 90%; |
||||||
|
height: 100%; |
||||||
|
position: absolute; |
||||||
|
left: 50%; |
||||||
|
top: 50%; |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
background-color: #dfe5ec; |
||||||
|
border-radius: 5px; |
||||||
|
|
||||||
|
.colorDivCon { |
||||||
|
border-radius: 5px; |
||||||
|
height: 100%; |
||||||
|
background-color: #2398f1; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
span { |
||||||
|
position: absolute; |
||||||
|
left: 50%; |
||||||
|
top: 50%; |
||||||
|
transform: translate(-50%, -50%); |
||||||
|
// color: white; |
||||||
|
font-weight: 600; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.number { |
||||||
|
width: 15%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.closeScore { |
||||||
|
display: none; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
@media screen and (max-width:1400px) { |
||||||
|
.closeScore { |
||||||
|
display: block; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
//计分规则按钮 |
||||||
|
.scoringRule, |
||||||
|
.isUpdates { |
||||||
|
position: absolute; |
||||||
|
left: 440px; |
||||||
|
cursor: pointer; |
||||||
|
|
||||||
|
.name { |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 6px; |
||||||
|
color: #2196F3; |
||||||
|
display: inline-block; |
||||||
|
width: 128px; |
||||||
|
height: 36px; |
||||||
|
text-align: center; |
||||||
|
line-height: 36px; |
||||||
|
font-size: 14px; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
.span { |
||||||
|
font-size: 18px; |
||||||
|
margin-left: 12px; |
||||||
|
} |
||||||
|
|
||||||
|
.scoringRuleImg { |
||||||
|
z-index: 999; |
||||||
|
position: absolute; |
||||||
|
left: 0; |
||||||
|
top: 38px; |
||||||
|
border: 1px solid #2196F3; |
||||||
|
background-color: #fff; |
||||||
|
|
||||||
|
.topbox { |
||||||
|
position: relative; |
||||||
|
background-color: #2196F3; |
||||||
|
height: 40px; |
||||||
|
line-height: 40px; |
||||||
|
font-size: 16px; |
||||||
|
|
||||||
|
.imgbox { |
||||||
|
position: absolute; |
||||||
|
right: 48px; |
||||||
|
} |
||||||
|
|
||||||
|
.close { |
||||||
|
position: absolute; |
||||||
|
right: 8px; |
||||||
|
top: 10px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.tablebox { |
||||||
|
width: 610px; |
||||||
|
color: #333333; |
||||||
|
|
||||||
|
table { |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
font-size: 14px; |
||||||
|
|
||||||
|
tr { |
||||||
|
display: block; |
||||||
|
width: 600px; |
||||||
|
|
||||||
|
td { |
||||||
|
white-space: normal; |
||||||
|
display: inline-block; |
||||||
|
width: 15%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
td:last-child { |
||||||
|
width: 70%; |
||||||
|
line-height: 28px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
tr:nth-child(even) { |
||||||
|
background: #f6faff; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bulecolor { |
||||||
|
color: #2196f3; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@media screen and (max-width:1400px) { |
||||||
|
.scoringRule { |
||||||
|
.scoringRuleImg { |
||||||
|
left: -230px; |
||||||
|
// .tablebox{ |
||||||
|
// width: 450px; |
||||||
|
// table{ |
||||||
|
// tr{ |
||||||
|
// width: 450px; |
||||||
|
// } |
||||||
|
// } |
||||||
|
// } |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|||||||
@ -1,72 +1,115 @@ |
|||||||
import { Component, OnInit,Output,EventEmitter } from '@angular/core'; |
import { Component, OnInit, Output, EventEmitter } from "@angular/core"; |
||||||
import { HttpClient } from '@angular/common/http' |
import { HttpClient } from "@angular/common/http"; |
||||||
import { Router,ActivatedRoute } from '@angular/router' |
import { Router, ActivatedRoute } from "@angular/router"; |
||||||
import {HelpFileService} from './help-file.service' //引入服务
|
import { HelpFileService } from "./help-file.service"; //引入服务
|
||||||
import {CacheTokenService} from '../http-interceptors/cache-token.service' //引入服务
|
import { CacheTokenService } from "../http-interceptors/cache-token.service"; //引入服务
|
||||||
import { MatDialog } from '@angular/material/dialog'; |
import { MatDialog } from "@angular/material/dialog"; |
||||||
import {ChangepasswordComponent} from '../ui/changepassword/changepassword.component' |
import { ChangepasswordComponent } from "../ui/changepassword/changepassword.component"; |
||||||
import { MatSnackBar } from '@angular/material/snack-bar'; |
import { MatSnackBar } from "@angular/material/snack-bar"; |
||||||
import { CookieService } from 'ngx-cookie-service'; |
import { CookieService } from "ngx-cookie-service"; |
||||||
|
import { TabbarAndScoreService } from "../service/tabbar-and-score.service"; |
||||||
|
|
||||||
|
|
||||||
@Component({ |
@Component({ |
||||||
selector: 'app-tabbar', |
selector: "app-tabbar", |
||||||
templateUrl: './tabbar.component.html', |
templateUrl: "./tabbar.component.html", |
||||||
styleUrls: ['./tabbar.component.scss'] |
styleUrls: ["./tabbar.component.scss"], |
||||||
}) |
}) |
||||||
export class TabbarComponent implements OnInit { |
export class TabbarComponent implements OnInit { |
||||||
|
constructor( |
||||||
constructor(private http:HttpClient,private router:Router,private route:ActivatedRoute,public token:CacheTokenService,public dialog: MatDialog,public snackBar: MatSnackBar, |
private http: HttpClient, |
||||||
private cookieService: CookieService,private help: HelpFileService) { } |
private router: Router, |
||||||
|
private route: ActivatedRoute, |
||||||
|
public token: CacheTokenService, |
||||||
|
public dialog: MatDialog, |
||||||
|
public snackBar: MatSnackBar, |
||||||
|
private cookieService: CookieService, |
||||||
|
private help: HelpFileService, |
||||||
|
private tabbarService: TabbarAndScoreService |
||||||
|
) {} |
||||||
|
|
||||||
ngOnInit() { |
ngOnInit() { |
||||||
this.getUserInfo() |
this.getUserInfo(); |
||||||
|
this.getIntegrityScore(); |
||||||
|
|
||||||
|
this.tabbarService.getMessage().subscribe((message: any) => { |
||||||
|
this.getIntegrityScore(); |
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
companyName:any; //企业name
|
companyName: any; //企业name
|
||||||
|
|
||||||
//获取用户信息
|
//获取用户信息
|
||||||
getUserInfo () { |
getUserInfo() { |
||||||
this.http.get('/api/CompanyAccount/Profiles').subscribe((data:any)=>{ |
this.http.get("/api/CompanyAccount/Profiles").subscribe((data: any) => { |
||||||
sessionStorage.setItem('companyId',data.companyId) |
sessionStorage.setItem("companyId", data.companyId); |
||||||
this.companyName = data.companyName |
this.companyName = data.companyName; |
||||||
}) |
}); |
||||||
} |
} |
||||||
|
|
||||||
//退出系统
|
//退出系统
|
||||||
signOut = () => { |
signOut = () => { |
||||||
let out = confirm("您确定要退出吗") |
let out = confirm("您确定要退出吗"); |
||||||
if(out) { |
if (out) { |
||||||
this.http.post('/api/CompanyAccount/SignOut',{}).subscribe( |
this.http.post("/api/CompanyAccount/SignOut", {}).subscribe((data) => { |
||||||
data=> { |
this.token.delete(); |
||||||
this.token.delete() |
sessionStorage.clear(); |
||||||
sessionStorage.clear() |
window.localStorage.clear(); |
||||||
window.localStorage.clear() |
this.cookieService.set( |
||||||
this.cookieService.set("token",'',new Date(new Date().getTime() + 1),'/'); |
"token", |
||||||
this.cookieService.set("refreshToken",'',new Date(new Date().getTime() + 1),'/'); |
"", |
||||||
this.snackBar.open('成功退出', '确定', { |
new Date(new Date().getTime() + 1), |
||||||
duration: 3000 |
"/" |
||||||
|
); |
||||||
|
this.cookieService.set( |
||||||
|
"refreshToken", |
||||||
|
"", |
||||||
|
new Date(new Date().getTime() + 1), |
||||||
|
"/" |
||||||
|
); |
||||||
|
this.snackBar.open("成功退出", "确定", { |
||||||
|
duration: 3000, |
||||||
|
}); |
||||||
|
this.router.navigate(["/login"]); |
||||||
}); |
}); |
||||||
this.router.navigate(['/login']) |
|
||||||
} |
|
||||||
) |
|
||||||
} |
|
||||||
} |
} |
||||||
|
}; |
||||||
|
|
||||||
//修改密码
|
//修改密码
|
||||||
changpsw() { |
changpsw() { |
||||||
let dialogRef = this.dialog.open(ChangepasswordComponent,
|
let dialogRef = this.dialog.open(ChangepasswordComponent, { |
||||||
{width:'348px'}); |
width: "348px", |
||||||
|
}); |
||||||
|
|
||||||
dialogRef.afterClosed().subscribe(); |
dialogRef.afterClosed().subscribe(); |
||||||
} |
} |
||||||
|
|
||||||
//下载帮助文档
|
//下载帮助文档
|
||||||
downloadHelpFile () { |
downloadHelpFile() { |
||||||
this.help.getFileMSG() |
this.help.getFileMSG(); |
||||||
} |
} |
||||||
|
|
||||||
|
//根据usci获取当前单位的分数信息
|
||||||
|
companyIntegrityScore; |
||||||
|
getIntegrityScore() { |
||||||
|
// let unitId = sessionStorage.getItem("companyId");
|
||||||
|
this.http.get(`/api/CompanyAccount/Company`).subscribe((data: any) => { |
||||||
|
console.log("信息完整度", data); |
||||||
|
this.companyIntegrityScore = data.companyIntegrityScore; |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
integrityDetails(width, zong) { |
||||||
|
let style: any = {}; |
||||||
|
style.width = (width / zong) * 100 + "%"; |
||||||
|
return style; |
||||||
|
} |
||||||
|
|
||||||
|
//计分规则
|
||||||
|
scoringRuleImg: boolean = false; |
||||||
|
scoringRule() { |
||||||
|
this.scoringRuleImg = !this.scoringRuleImg; |
||||||
|
} |
||||||
|
closebtn() { |
||||||
|
this.scoringRuleImg = false; |
||||||
|
} |
||||||
} |
} |
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,310 +1,389 @@ |
|||||||
import { Component, OnInit, Inject } from '@angular/core'; |
import { Component, OnInit, Inject } from "@angular/core"; |
||||||
import { HttpClient, HttpHeaders } from '@angular/common/http'; |
import { HttpClient, HttpHeaders } from "@angular/common/http"; |
||||||
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
import { |
||||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
MatDialog, |
||||||
|
MatDialogRef, |
||||||
|
MAT_DIALOG_DATA, |
||||||
|
} from "@angular/material/dialog"; |
||||||
|
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
||||||
|
import { TabbarAndScoreService } from "src/app/service/tabbar-and-score.service"; |
||||||
|
|
||||||
@Component({ |
@Component({ |
||||||
selector: 'app-function-division', |
selector: "app-function-division", |
||||||
templateUrl: './function-division.component.html', |
templateUrl: "./function-division.component.html", |
||||||
styleUrls: ['./function-division.component.scss'] |
styleUrls: ["./function-division.component.scss"], |
||||||
}) |
}) |
||||||
export class FunctionDivisionComponent implements OnInit { |
export class FunctionDivisionComponent implements OnInit { |
||||||
|
constructor( |
||||||
constructor(private http:HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar) { } |
private http: HttpClient, |
||||||
|
public dialog: MatDialog, |
||||||
|
public snackBar: MatSnackBar, |
||||||
|
private tabbarService: TabbarAndScoreService |
||||||
|
) {} |
||||||
|
|
||||||
ngOnInit(): void { |
ngOnInit(): void { |
||||||
this.companyId = sessionStorage.getItem('companyId') |
this.companyId = sessionStorage.getItem("companyId"); |
||||||
this.getAllBuilding() |
this.getAllBuilding(); |
||||||
} |
} |
||||||
|
|
||||||
displayedColumns: string[] = ['checked', 'region', 'measure', 'situation']; |
displayedColumns: string[] = ["checked", "region", "measure", "situation"]; |
||||||
|
|
||||||
companyId:any; //单位编号
|
companyId: any; //单位编号
|
||||||
companyFunctionalZoning:any=[]; //所有单位功能分区属性
|
companyFunctionalZoning: any = []; //所有单位功能分区属性
|
||||||
selectFunctionalZoning:any=[]; //选中的单位功能分区属性
|
selectFunctionalZoning: any = []; //选中的单位功能分区属性
|
||||||
|
|
||||||
//获得所有单位功能分区属性
|
//获得所有单位功能分区属性
|
||||||
getAllCompany () { |
getAllCompany() { |
||||||
this.http.get('/api/CompanyAccount/CompanyFunctionalDivisions').subscribe((data:any)=>{ |
this.http |
||||||
this.companyFunctionalZoning = data |
.get("/api/CompanyAccount/CompanyFunctionalDivisions") |
||||||
this.selectFunctionalZoning = [] |
.subscribe((data: any) => { |
||||||
}) |
this.companyFunctionalZoning = data; |
||||||
|
this.selectFunctionalZoning = []; |
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
//新建单位功能分区属性
|
//新建单位功能分区属性
|
||||||
addCompany () { |
addCompany() { |
||||||
let data = {companyId:this.companyId, region:'', area:0, details:''} |
let data = { companyId: this.companyId, region: "", area: 0, details: "" }; |
||||||
this.companyFunctionalZoning.push(data) |
this.companyFunctionalZoning.push(data); |
||||||
this.preservation() |
this.preservation(); |
||||||
} |
} |
||||||
|
|
||||||
//保存单位功能分区属性
|
//保存单位功能分区属性
|
||||||
preservation () { |
preservation() { |
||||||
if (this.companyFunctionalZoning.length) { |
if (this.companyFunctionalZoning.length) { |
||||||
this.http.post('/api/CompanyAccount/CompanyFunctionalDivisions/Batch',this.companyFunctionalZoning).subscribe(data=>{ |
this.http |
||||||
this.getAllCompany() |
.post( |
||||||
|
"/api/CompanyAccount/CompanyFunctionalDivisions/Batch", |
||||||
|
this.companyFunctionalZoning |
||||||
|
) |
||||||
|
.subscribe((data) => { |
||||||
|
this.getAllCompany(); |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('数据更新成功','确定',config); |
this.snackBar.open("数据更新成功", "确定", config); |
||||||
}) |
}); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//单位功能分区checked选择
|
//单位功能分区checked选择
|
||||||
changeCompany (ele,e) { |
changeCompany(ele, e) { |
||||||
if (e.checked) { |
if (e.checked) { |
||||||
this.selectFunctionalZoning.push(ele.id) |
this.selectFunctionalZoning.push(ele.id); |
||||||
} else { |
} else { |
||||||
this.selectFunctionalZoning.splice(this.selectFunctionalZoning.findIndex(item => item === ele.id), 1) |
this.selectFunctionalZoning.splice( |
||||||
|
this.selectFunctionalZoning.findIndex((item) => item === ele.id), |
||||||
|
1 |
||||||
|
); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//删除单位功能分区属性
|
//删除单位功能分区属性
|
||||||
delete () { |
delete() { |
||||||
if (this.selectFunctionalZoning.length) { |
if (this.selectFunctionalZoning.length) { |
||||||
let isDelete = confirm('您确定要删除吗') |
let isDelete = confirm("您确定要删除吗"); |
||||||
if (isDelete) { |
if (isDelete) { |
||||||
this.http.post('/api/CompanyAccount/CompanyFunctionalDivisions/Batch',this.companyFunctionalZoning).subscribe(data=>{ |
this.http |
||||||
|
.post( |
||||||
|
"/api/CompanyAccount/CompanyFunctionalDivisions/Batch", |
||||||
|
this.companyFunctionalZoning |
||||||
|
) |
||||||
|
.subscribe((data) => { |
||||||
const options = { |
const options = { |
||||||
headers: new HttpHeaders({'Content-Type': 'application/json',}), |
headers: new HttpHeaders({ "Content-Type": "application/json" }), |
||||||
body:this.selectFunctionalZoning} |
body: this.selectFunctionalZoning, |
||||||
this.http.delete(`/api/CompanyAccount/CompanyFunctionalDivisions/Batch`,options).subscribe(data=>{ |
}; |
||||||
this.getAllCompany() |
this.http |
||||||
|
.delete( |
||||||
|
`/api/CompanyAccount/CompanyFunctionalDivisions/Batch`, |
||||||
|
options |
||||||
|
) |
||||||
|
.subscribe((data) => { |
||||||
|
this.getAllCompany(); |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('数据更新成功','确定',config); |
this.snackBar.open("数据更新成功", "确定", config); |
||||||
}) |
}); |
||||||
}) |
}); |
||||||
} |
} |
||||||
} else if (!this.selectFunctionalZoning.length) { |
} else if (!this.selectFunctionalZoning.length) { |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('请选择单位功能分区','确定',config); |
this.snackBar.open("请选择单位功能分区", "确定", config); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//建筑功能分区↓
|
//建筑功能分区↓
|
||||||
allBuilding:any = []; //所有建筑
|
allBuilding: any = []; //所有建筑
|
||||||
allBuildingFunctionalZoning:any = []; //所有建筑的功能分区
|
allBuildingFunctionalZoning: any = []; //所有建筑的功能分区
|
||||||
selectBuildingFunctionalZoning:any = []; //选中的建筑的功能分区
|
selectBuildingFunctionalZoning: any = []; //选中的建筑的功能分区
|
||||||
|
|
||||||
//获得所有建筑
|
//获得所有建筑
|
||||||
getAllBuilding () { |
getAllBuilding() { |
||||||
this.http.get(`/api/CompanyAccount/Buildings`).subscribe((data:any)=>{ |
this.http.get(`/api/CompanyAccount/Buildings`).subscribe((data: any) => { |
||||||
this.allBuilding = data |
this.allBuilding = data; |
||||||
if (data.length) { |
if (data.length) { |
||||||
this.allBuilding.forEach(element => { //为每个建筑添加一个 功能分区对象
|
this.allBuilding.forEach((element) => { |
||||||
element.functionalZoning = null |
//为每个建筑添加一个 功能分区对象
|
||||||
|
element.functionalZoning = null; |
||||||
}); |
}); |
||||||
this.getAllBuildingFunctionalZoning() |
this.getAllBuildingFunctionalZoning(); |
||||||
} else { |
} else { |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('暂无建筑数据','确定',config); |
this.snackBar.open("暂无建筑数据", "确定", config); |
||||||
} |
} |
||||||
}) |
}); |
||||||
} |
} |
||||||
|
|
||||||
noDataList = [] //没有 创建功能分区 的建筑
|
noDataList = []; //没有 创建功能分区 的建筑
|
||||||
//获得所有建筑的功能分区
|
//获得所有建筑的功能分区
|
||||||
getAllBuildingFunctionalZoning () { |
getAllBuildingFunctionalZoning() { |
||||||
this.selectBuildingFunctionalZoning = [] |
this.selectBuildingFunctionalZoning = []; |
||||||
this.allBuildingFunctionalZoning = [] |
this.allBuildingFunctionalZoning = []; |
||||||
this.noDataList = [] |
this.noDataList = []; |
||||||
this.allBuilding.forEach(element => { |
this.allBuilding.forEach((element) => { |
||||||
let data={buildingId: element.id} |
let data = { buildingId: element.id }; |
||||||
this.http.get(`/api/CompanyAccount/BuildingFunctionalDivisions`,{params:data}).subscribe((data:any)=>{ |
this.http |
||||||
|
.get(`/api/CompanyAccount/BuildingFunctionalDivisions`, { |
||||||
|
params: data, |
||||||
|
}) |
||||||
|
.subscribe((data: any) => { |
||||||
if (data.length) { |
if (data.length) { |
||||||
element.functionalZoning = data |
element.functionalZoning = data; |
||||||
this.selectBuildingFunctionalZoning.push([]) //拥有建筑功能分区的提前push空数组
|
this.selectBuildingFunctionalZoning.push([]); //拥有建筑功能分区的提前push空数组
|
||||||
this.allBuildingFunctionalZoning.push(element) |
this.allBuildingFunctionalZoning.push(element); |
||||||
this.noDataList.push(true) |
this.noDataList.push(true); |
||||||
} else { |
} else { |
||||||
this.noDataList.push(false) |
this.noDataList.push(false); |
||||||
|
} |
||||||
|
if (this.noDataList.length === this.allBuilding.length) { |
||||||
|
this.addVoluntarilyPartition(); |
||||||
} |
} |
||||||
if (this.noDataList.length === this.allBuilding.length) { this.addVoluntarilyPartition() } |
}); |
||||||
}) |
|
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
// 没有 创建 建筑功能分区时 自动创建
|
// 没有 创建 建筑功能分区时 自动创建
|
||||||
addVoluntarilyPartition () { |
addVoluntarilyPartition() { |
||||||
let isNotHave:boolean = false |
let isNotHave: boolean = false; |
||||||
this.noDataList.forEach(item=> { |
this.noDataList.forEach((item) => { |
||||||
if (item === true) { |
if (item === true) { |
||||||
isNotHave = true |
isNotHave = true; |
||||||
return |
return; |
||||||
} |
} |
||||||
}) |
}); |
||||||
if (!isNotHave) { //所有建筑都没有 功能分区时
|
if (!isNotHave) { |
||||||
let bodyData = [{ |
//所有建筑都没有 功能分区时
|
||||||
|
let bodyData = [ |
||||||
|
{ |
||||||
buildingId: this.allBuilding[0].id, |
buildingId: this.allBuilding[0].id, |
||||||
region: "", |
region: "", |
||||||
area: 0, |
area: 0, |
||||||
details: "" |
details: "", |
||||||
}] |
}, |
||||||
let params = {buildingId:this.allBuilding[0].id} |
]; |
||||||
this.http.post('/api/CompanyAccount/BuildingFunctionalDivisions/Batch',bodyData,{params:params}).subscribe(datas=>{ |
let params = { buildingId: this.allBuilding[0].id }; |
||||||
this.http.get(`/api/CompanyAccount/BuildingFunctionalDivisions`,{params:params}).subscribe((data:any)=>{ |
this.http |
||||||
this.allBuilding[0].functionalZoning = data |
.post( |
||||||
this.selectBuildingFunctionalZoning.push([]) //拥有建筑功能分区的提前push空数组
|
"/api/CompanyAccount/BuildingFunctionalDivisions/Batch", |
||||||
this.allBuildingFunctionalZoning.push(this.allBuilding[0]) |
bodyData, |
||||||
}) |
{ params: params } |
||||||
|
) |
||||||
|
.subscribe((datas) => { |
||||||
|
this.http |
||||||
|
.get(`/api/CompanyAccount/BuildingFunctionalDivisions`, { |
||||||
|
params: params, |
||||||
}) |
}) |
||||||
|
.subscribe((data: any) => { |
||||||
|
this.allBuilding[0].functionalZoning = data; |
||||||
|
this.selectBuildingFunctionalZoning.push([]); //拥有建筑功能分区的提前push空数组
|
||||||
|
this.allBuildingFunctionalZoning.push(this.allBuilding[0]); |
||||||
|
}); |
||||||
|
}); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//封装函数刷新当前建筑功能分区
|
//封装函数刷新当前建筑功能分区
|
||||||
updateCurrent (e,index) { |
updateCurrent(e, index) { |
||||||
let data= {buildingId: e.id} |
let data = { buildingId: e.id }; |
||||||
this.http.get(`/api/CompanyAccount/BuildingFunctionalDivisions`,{params:data}).subscribe((data:any)=>{ |
this.http |
||||||
this.selectBuildingFunctionalZoning[index] = [] |
.get(`/api/CompanyAccount/BuildingFunctionalDivisions`, { params: data }) |
||||||
this.allBuildingFunctionalZoning[index].functionalZoning = data |
.subscribe((data: any) => { |
||||||
|
this.selectBuildingFunctionalZoning[index] = []; |
||||||
|
this.allBuildingFunctionalZoning[index].functionalZoning = data; |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('数据更新成功','确定',config); |
this.snackBar.open("数据更新成功", "确定", config); |
||||||
}) |
}); |
||||||
} |
} |
||||||
|
|
||||||
//创建建筑功能分区
|
//创建建筑功能分区
|
||||||
addPartition () { |
addPartition() { |
||||||
let data = this.allBuilding |
let data = this.allBuilding; |
||||||
let dialogRef = this.dialog.open(addPartition,{data}); |
let dialogRef = this.dialog.open(addPartition, { data }); |
||||||
dialogRef.afterClosed().subscribe(data=>{ |
dialogRef.afterClosed().subscribe((data) => { |
||||||
if (data) {this.getAllBuilding()} |
if (data) { |
||||||
|
this.getAllBuilding(); |
||||||
|
} |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
//创建建筑功能分区属性
|
//创建建筑功能分区属性
|
||||||
addBuilding (e,index) { |
addBuilding(e, index) { |
||||||
let data = {buildingId:e.id, region:'', area:0, details:''} |
let data = { buildingId: e.id, region: "", area: 0, details: "" }; |
||||||
this.http.post('/api/CompanyAccount/BuildingFunctionalDivisions',data).subscribe(data=>{ |
this.http |
||||||
this.preservationBuilding(e,index) |
.post("/api/CompanyAccount/BuildingFunctionalDivisions", data) |
||||||
}) |
.subscribe((data) => { |
||||||
|
this.preservationBuilding(e, index); |
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
//保存建筑功能分区属性
|
//保存建筑功能分区属性
|
||||||
preservationBuilding (e,index) { |
preservationBuilding(e, index) { |
||||||
let data ={buildingId:e.id} |
let data = { buildingId: e.id }; |
||||||
this.http.post(`/api/CompanyAccount/BuildingFunctionalDivisions/Batch`,this.allBuildingFunctionalZoning[index].functionalZoning,{params:data}).subscribe(data=>{ |
this.http |
||||||
this.updateCurrent(e,index) |
.post( |
||||||
}) |
`/api/CompanyAccount/BuildingFunctionalDivisions/Batch`, |
||||||
|
this.allBuildingFunctionalZoning[index].functionalZoning, |
||||||
|
{ params: data } |
||||||
|
) |
||||||
|
.subscribe((data) => { |
||||||
|
this.updateCurrent(e, index); |
||||||
|
this.tabbarService.sendMessage("changeScore"); //通知服务改变分数
|
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
//建筑功能分区checked选择
|
//建筑功能分区checked选择
|
||||||
changeBuilding (ele,e,index) { |
changeBuilding(ele, e, index) { |
||||||
if (e.checked) { |
if (e.checked) { |
||||||
this.selectBuildingFunctionalZoning[index].push(ele.id) |
this.selectBuildingFunctionalZoning[index].push(ele.id); |
||||||
} else { |
} else { |
||||||
this.selectBuildingFunctionalZoning[index].splice(this.selectBuildingFunctionalZoning[index].findIndex(item => item === ele.id), 1) |
this.selectBuildingFunctionalZoning[index].splice( |
||||||
|
this.selectBuildingFunctionalZoning[index].findIndex( |
||||||
|
(item) => item === ele.id |
||||||
|
), |
||||||
|
1 |
||||||
|
); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//删除建筑功能分区
|
//删除建筑功能分区
|
||||||
deleteBuilding (e,index) { |
deleteBuilding(e, index) { |
||||||
if (this.selectBuildingFunctionalZoning[index].length) { |
if (this.selectBuildingFunctionalZoning[index].length) { |
||||||
let isDelete = confirm('您确定要删除吗') |
let isDelete = confirm("您确定要删除吗"); |
||||||
if (isDelete) { |
if (isDelete) { |
||||||
let data ={buildingId:e.id} |
let data = { buildingId: e.id }; |
||||||
this.http.post(`/api/CompanyAccount/BuildingFunctionalDivisions/Batch`,this.allBuildingFunctionalZoning[index].functionalZoning,{params:data}).subscribe(data=>{ |
this.http |
||||||
|
.post( |
||||||
|
`/api/CompanyAccount/BuildingFunctionalDivisions/Batch`, |
||||||
|
this.allBuildingFunctionalZoning[index].functionalZoning, |
||||||
|
{ params: data } |
||||||
|
) |
||||||
|
.subscribe((data) => { |
||||||
const options = { |
const options = { |
||||||
headers: new HttpHeaders({'Content-Type': 'application/json',}), |
headers: new HttpHeaders({ "Content-Type": "application/json" }), |
||||||
body:this.selectBuildingFunctionalZoning[index], |
body: this.selectBuildingFunctionalZoning[index], |
||||||
params:{buildingId:e.id}} |
params: { buildingId: e.id }, |
||||||
this.http.delete(`/api/CompanyAccount/BuildingFunctionalDivisions/Batch`,options).subscribe(data=>{ |
}; |
||||||
this.selectBuildingFunctionalZoning[index].forEach((element,newIndex) => { |
this.http |
||||||
this.allBuildingFunctionalZoning[index].functionalZoning.splice(this.allBuildingFunctionalZoning[index].functionalZoning.findIndex(item=>item.id==element),1) |
.delete( |
||||||
if (newIndex==this.selectBuildingFunctionalZoning[index].length-1) { |
`/api/CompanyAccount/BuildingFunctionalDivisions/Batch`, |
||||||
if (this.allBuildingFunctionalZoning[index].functionalZoning.length) { |
options |
||||||
this.updateCurrent(e,index) |
) |
||||||
|
.subscribe((data) => { |
||||||
|
this.selectBuildingFunctionalZoning[index].forEach( |
||||||
|
(element, newIndex) => { |
||||||
|
this.allBuildingFunctionalZoning[ |
||||||
|
index |
||||||
|
].functionalZoning.splice( |
||||||
|
this.allBuildingFunctionalZoning[ |
||||||
|
index |
||||||
|
].functionalZoning.findIndex( |
||||||
|
(item) => item.id == element |
||||||
|
), |
||||||
|
1 |
||||||
|
); |
||||||
|
if ( |
||||||
|
newIndex == |
||||||
|
this.selectBuildingFunctionalZoning[index].length - 1 |
||||||
|
) { |
||||||
|
if ( |
||||||
|
this.allBuildingFunctionalZoning[index].functionalZoning |
||||||
|
.length |
||||||
|
) { |
||||||
|
this.updateCurrent(e, index); |
||||||
} else { |
} else { |
||||||
this.selectBuildingFunctionalZoning.splice(index,1) |
this.selectBuildingFunctionalZoning.splice(index, 1); |
||||||
this.allBuildingFunctionalZoning.splice(index,1)} |
this.allBuildingFunctionalZoning.splice(index, 1); |
||||||
|
} |
||||||
} |
} |
||||||
|
} |
||||||
|
); |
||||||
|
}); |
||||||
}); |
}); |
||||||
|
|
||||||
|
|
||||||
}) |
|
||||||
}) |
|
||||||
} |
} |
||||||
} else if (!this.selectBuildingFunctionalZoning[index].length) { |
} else if (!this.selectBuildingFunctionalZoning[index].length) { |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('请选择建筑功能分区','确定',config); |
this.snackBar.open("请选择建筑功能分区", "确定", config); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//创建建筑功能分区组件
|
//创建建筑功能分区组件
|
||||||
@Component({ |
@Component({ |
||||||
selector: 'app-addPartition', |
selector: "app-addPartition", |
||||||
templateUrl: './addPartition.html', |
templateUrl: "./addPartition.html", |
||||||
styleUrls: ['./function-division.component.scss'] |
styleUrls: ["./function-division.component.scss"], |
||||||
}) |
}) |
||||||
export class addPartition { |
export class addPartition { |
||||||
|
constructor( |
||||||
|
private http: HttpClient, |
||||||
|
public dialog: MatDialog, |
||||||
|
public dialogRef: MatDialogRef<addPartition>, |
||||||
|
@Inject(MAT_DIALOG_DATA) public data |
||||||
|
) {} |
||||||
|
|
||||||
constructor(private http:HttpClient,public dialog: MatDialog,public dialogRef: MatDialogRef<addPartition>, |
ngOnInit(): void {} |
||||||
@Inject(MAT_DIALOG_DATA) public data) { } |
|
||||||
|
|
||||||
ngOnInit(): void { |
|
||||||
|
|
||||||
} |
|
||||||
|
|
||||||
selected:any; //选中的建筑
|
selected: any; //选中的建筑
|
||||||
|
|
||||||
//创建建筑功能分区
|
//创建建筑功能分区
|
||||||
onSubmit (e) { |
onSubmit(e) { |
||||||
let data = { |
let data = { |
||||||
buildingId:e.buildingId, |
buildingId: e.buildingId, |
||||||
region: "", |
region: "", |
||||||
area: 0, |
area: 0, |
||||||
details: "" |
details: "", |
||||||
} |
}; |
||||||
this.http.post('/api/CompanyAccount/BuildingFunctionalDivisions',data).subscribe(data=>{ |
this.http |
||||||
|
.post("/api/CompanyAccount/BuildingFunctionalDivisions", data) |
||||||
|
.subscribe((data) => { |
||||||
this.dialogRef.close(data); |
this.dialogRef.close(data); |
||||||
}) |
}); |
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
//暂时无用
|
//暂时无用
|
||||||
@Component({ |
@Component({ |
||||||
selector: 'app-addPartitionAttribute', |
selector: "app-addPartitionAttribute", |
||||||
templateUrl: './addPartitionAttribute.html', |
templateUrl: "./addPartitionAttribute.html", |
||||||
styleUrls: ['./function-division.component.scss'] |
styleUrls: ["./function-division.component.scss"], |
||||||
}) |
}) |
||||||
export class addPartitionAttribute { |
export class addPartitionAttribute { |
||||||
|
constructor( |
||||||
constructor(private http:HttpClient,public dialog: MatDialog,public dialogRef: MatDialogRef<addPartitionAttribute>, |
private http: HttpClient, |
||||||
@Inject(MAT_DIALOG_DATA) public data) { } |
public dialog: MatDialog, |
||||||
|
public dialogRef: MatDialogRef<addPartitionAttribute>, |
||||||
ngOnInit(): void { |
@Inject(MAT_DIALOG_DATA) public data |
||||||
|
) {} |
||||||
} |
|
||||||
|
ngOnInit(): void {} |
||||||
|
|
||||||
|
|
||||||
} |
} |
||||||
|
|||||||
@ -1,227 +1,289 @@ |
|||||||
import { Component, OnInit, ViewChild, Inject } from '@angular/core'; |
import { Component, OnInit, ViewChild, Inject } from "@angular/core"; |
||||||
import {HttpClient} from '@angular/common/http' |
import { HttpClient } from "@angular/common/http"; |
||||||
import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog'; |
import { |
||||||
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
MatDialogRef, |
||||||
import { KeySiteImgs } from './keysiteimgs.component' |
MatDialog, |
||||||
|
MAT_DIALOG_DATA, |
||||||
|
} from "@angular/material/dialog"; |
||||||
|
import { MatSnackBar, MatSnackBarConfig } from "@angular/material/snack-bar"; |
||||||
|
import { KeySiteImgs } from "./keysiteimgs.component"; |
||||||
|
import { TabbarAndScoreService } from "src/app/service/tabbar-and-score.service"; |
||||||
|
|
||||||
@Component({ |
@Component({ |
||||||
selector: 'app-key-site', |
selector: "app-key-site", |
||||||
templateUrl: './key-site.component.html', |
templateUrl: "./key-site.component.html", |
||||||
styleUrls: ['./key-site.component.scss'] |
styleUrls: ["./key-site.component.scss"], |
||||||
}) |
}) |
||||||
export class KeySiteComponent implements OnInit { |
export class KeySiteComponent implements OnInit { |
||||||
|
constructor( |
||||||
|
public http: HttpClient, |
||||||
|
public dialog: MatDialog, |
||||||
|
public snackBar: MatSnackBar, |
||||||
|
private tabbarService: TabbarAndScoreService |
||||||
|
) {} |
||||||
|
|
||||||
constructor(public http: HttpClient,public dialog: MatDialog,public snackBar: MatSnackBar) { } |
displayedColumns: string[] = [ |
||||||
|
"mainname", |
||||||
displayedColumns: string[] = ['mainname', 'position', 'construction', 'nature', 'danger', 'img']; |
"position", |
||||||
|
"construction", |
||||||
|
"nature", |
||||||
|
"danger", |
||||||
|
"img", |
||||||
|
]; |
||||||
|
|
||||||
ngOnInit(): void { |
ngOnInit(): void { |
||||||
this.getAllBuilding() |
this.getAllBuilding(); |
||||||
} |
} |
||||||
|
|
||||||
allCompanyPosition:any = []; //所有单位重点部位
|
allCompanyPosition: any = []; //所有单位重点部位
|
||||||
companyTips:any; //所有单位重点提示
|
companyTips: any; //所有单位重点提示
|
||||||
companyInput:any; //单位重点提示数据
|
companyInput: any; //单位重点提示数据
|
||||||
allBuilding:any = []; //所有建筑 + 建筑重点部位 + 建筑重点提示
|
allBuilding: any = []; //所有建筑 + 建筑重点部位 + 建筑重点提示
|
||||||
|
|
||||||
//获取单位重点部位
|
//获取单位重点部位
|
||||||
getCompanyPostion () { |
getCompanyPostion() { |
||||||
this.http.get('/api/CompanyAccount/CompanyImportantLocations').subscribe(data=>{ |
this.http |
||||||
this.allCompanyPosition = data |
.get("/api/CompanyAccount/CompanyImportantLocations") |
||||||
}) |
.subscribe((data) => { |
||||||
|
this.allCompanyPosition = data; |
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
//获取单位重点提示
|
//获取单位重点提示
|
||||||
getCompanyTips () { |
getCompanyTips() { |
||||||
this.http.get('/api/CompanyAccount/CompanyImportantTips').subscribe((data:any)=>{ |
this.http |
||||||
|
.get("/api/CompanyAccount/CompanyImportantTips") |
||||||
|
.subscribe((data: any) => { |
||||||
if (data) { |
if (data) { |
||||||
this.companyTips = data |
this.companyTips = data; |
||||||
this.companyInput = data.details} |
this.companyInput = data.details; |
||||||
}) |
} |
||||||
|
}); |
||||||
} |
} |
||||||
|
|
||||||
//获取所有建筑
|
//获取所有建筑
|
||||||
getAllBuilding () { |
getAllBuilding() { |
||||||
this.http.get('/api/CompanyAccount/Buildings').subscribe((data:any)=>{ |
this.http.get("/api/CompanyAccount/Buildings").subscribe((data: any) => { |
||||||
this.allBuilding = data |
this.allBuilding = data; |
||||||
if (data.length) { |
if (data.length) { |
||||||
this.allBuilding.forEach(element => { |
this.allBuilding.forEach((element) => { |
||||||
element.position = [] //建筑重点部位
|
element.position = []; //建筑重点部位
|
||||||
element.tips = null //建筑重点提示
|
element.tips = null; //建筑重点提示
|
||||||
element.companyInput = null }) //建筑重点提示数据
|
element.companyInput = null; |
||||||
this.getAllBuildingPositon() |
}); //建筑重点提示数据
|
||||||
this.getAllBuildingTips() |
this.getAllBuildingPositon(); |
||||||
|
this.getAllBuildingTips(); |
||||||
} else { |
} else { |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('暂无建筑数据','确定',config); |
this.snackBar.open("暂无建筑数据", "确定", config); |
||||||
} |
} |
||||||
}) |
}); |
||||||
} |
} |
||||||
|
|
||||||
//获取所有建筑重点部位
|
//获取所有建筑重点部位
|
||||||
getAllBuildingPositon () { |
getAllBuildingPositon() { |
||||||
this.allBuilding.forEach(element => { |
this.allBuilding.forEach((element) => { |
||||||
let id = {buildingId:element.id} |
let id = { buildingId: element.id }; |
||||||
this.http.get('/api/CompanyAccount/BuildingImportantLocations',{params:id}).subscribe(data=>{ |
this.http |
||||||
element.position = data |
.get("/api/CompanyAccount/BuildingImportantLocations", { params: id }) |
||||||
}) |
.subscribe((data) => { |
||||||
|
element.position = data; |
||||||
|
}); |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
//获取所有建筑重点提示
|
//获取所有建筑重点提示
|
||||||
getAllBuildingTips () { |
getAllBuildingTips() { |
||||||
this.allBuilding.forEach(element => { |
this.allBuilding.forEach((element) => { |
||||||
let id = {buildingId:element.id} |
let id = { buildingId: element.id }; |
||||||
this.http.get('/api/CompanyAccount/BuildingImportantTips',{params:id}).subscribe((data:any)=>{ |
this.http |
||||||
|
.get("/api/CompanyAccount/BuildingImportantTips", { params: id }) |
||||||
|
.subscribe((data: any) => { |
||||||
if (data) { |
if (data) { |
||||||
element.tips = data |
element.tips = data; |
||||||
element.companyInput = data.details} |
element.companyInput = data.details; |
||||||
}) |
} |
||||||
|
}); |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
//保存单位重点提示
|
//保存单位重点提示
|
||||||
Preservation () { |
Preservation() { |
||||||
if (this.companyTips) { //编辑单位重点提示
|
if (this.companyTips) { |
||||||
|
//编辑单位重点提示
|
||||||
let data = { |
let data = { |
||||||
companyId: this.companyTips.companyId, |
companyId: this.companyTips.companyId, |
||||||
id: this.companyTips.id, |
id: this.companyTips.id, |
||||||
details: this.companyInput} |
details: this.companyInput, |
||||||
this.http.put(`/api/CompanyAccount/CompanyImportantTips/${this.companyTips.id}`,data).subscribe(data=>{ |
}; |
||||||
this.getCompanyTips() |
this.http |
||||||
|
.put( |
||||||
|
`/api/CompanyAccount/CompanyImportantTips/${this.companyTips.id}`, |
||||||
|
data |
||||||
|
) |
||||||
|
.subscribe((data) => { |
||||||
|
this.getCompanyTips(); |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('数据修改成功','确定',config); |
this.snackBar.open("数据修改成功", "确定", config); |
||||||
}) |
}); |
||||||
} else { //新增单位重点提示
|
} else { |
||||||
|
//新增单位重点提示
|
||||||
let data = { |
let data = { |
||||||
companyId: sessionStorage.getItem('companyId'), |
companyId: sessionStorage.getItem("companyId"), |
||||||
id : "", |
id: "", |
||||||
details: this.companyInput || ""} |
details: this.companyInput || "", |
||||||
this.http.post('/api/CompanyAccount/CompanyImportantTips',data).subscribe(data=>{ |
}; |
||||||
this.getCompanyTips() |
this.http |
||||||
|
.post("/api/CompanyAccount/CompanyImportantTips", data) |
||||||
|
.subscribe((data) => { |
||||||
|
this.getCompanyTips(); |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('数据修改成功','确定',config); |
this.snackBar.open("数据修改成功", "确定", config); |
||||||
}) |
}); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//保存建筑重点提示
|
//保存建筑重点提示
|
||||||
PreservationBuilding (e) { |
PreservationBuilding(e) { |
||||||
if (e.tips) { //编辑建筑重点提示
|
if (e.tips) { |
||||||
|
//编辑建筑重点提示
|
||||||
let data = { |
let data = { |
||||||
buildingId: e.id, |
buildingId: e.id, |
||||||
id: e.tips.id, |
id: e.tips.id, |
||||||
details: e.companyInput} |
details: e.companyInput, |
||||||
this.http.put(`/api/CompanyAccount/BuildingImportantTips/${e.tips.id}`,data).subscribe(data=>{ |
}; |
||||||
this.toUpdate(e) |
this.http |
||||||
}) |
.put(`/api/CompanyAccount/BuildingImportantTips/${e.tips.id}`, data) |
||||||
} else { //新增重点单位提示
|
.subscribe((data) => { |
||||||
|
this.toUpdate(e); |
||||||
|
this.tabbarService.sendMessage("changeScore"); //通知服务改变分数
|
||||||
|
}); |
||||||
|
} else { |
||||||
|
//新增重点单位提示
|
||||||
let data = { |
let data = { |
||||||
buildingId: e.id, |
buildingId: e.id, |
||||||
details: e.companyInput || ""} |
details: e.companyInput || "", |
||||||
this.http.post('/api/CompanyAccount/BuildingImportantTips',data).subscribe(data=>{ |
}; |
||||||
this.toUpdate(e) |
this.http |
||||||
}) |
.post("/api/CompanyAccount/BuildingImportantTips", data) |
||||||
|
.subscribe((data) => { |
||||||
|
this.toUpdate(e); |
||||||
|
this.tabbarService.sendMessage("changeScore"); //通知服务改变分数
|
||||||
|
}); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//查看图片
|
//查看图片
|
||||||
seeImg (e) { |
seeImg(e) { |
||||||
if (e.imageUrls.length != 0) { |
if (e.imageUrls.length != 0) { |
||||||
let data = e |
let data = e; |
||||||
const dialogRef = this.dialog.open(KeySiteImgs, {//调用open方法打开对话框并且携带参数过去
|
const dialogRef = this.dialog.open(KeySiteImgs, { |
||||||
width: '1600px', |
//调用open方法打开对话框并且携带参数过去
|
||||||
height:'900px',data}); |
width: "1600px", |
||||||
|
height: "900px", |
||||||
|
data, |
||||||
|
}); |
||||||
dialogRef.afterClosed().subscribe(); |
dialogRef.afterClosed().subscribe(); |
||||||
} else { |
} else { |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('暂无图片数据','确定',config); |
this.snackBar.open("暂无图片数据", "确定", config); |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
//封装方法获取更新当前tab页重点提示
|
//封装方法获取更新当前tab页重点提示
|
||||||
toUpdate (e) { |
toUpdate(e) { |
||||||
let id = {buildingId:e.id} |
let id = { buildingId: e.id }; |
||||||
this.http.get('/api/CompanyAccount/BuildingImportantTips',{params:id}).subscribe((data:any)=>{ |
this.http |
||||||
|
.get("/api/CompanyAccount/BuildingImportantTips", { params: id }) |
||||||
|
.subscribe((data: any) => { |
||||||
if (data) { |
if (data) { |
||||||
this.allBuilding.forEach(element => { |
this.allBuilding.forEach((element) => { |
||||||
if (element.id === e.id) { |
if (element.id === e.id) { |
||||||
element.tips = data |
element.tips = data; |
||||||
element.companyInput = data.details} |
element.companyInput = data.details; |
||||||
|
} |
||||||
}); |
}); |
||||||
} // if
|
} // if
|
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('数据修改成功','确定',config); |
this.snackBar.open("数据修改成功", "确定", config); |
||||||
}) |
}); |
||||||
} |
} |
||||||
|
|
||||||
objectName:any //上传对象名
|
objectName: any; //上传对象名
|
||||||
keySiteItem:any
|
keySiteItem: any; |
||||||
keySiteItemImgList:any //重点部位图片集合
|
keySiteItemImgList: any; //重点部位图片集合
|
||||||
Limit(element){ |
Limit(element) { |
||||||
console.log(element) |
console.log(element); |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('图片已达上限','确定',config) |
this.snackBar.open("图片已达上限", "确定", config); |
||||||
} |
} |
||||||
//上传素材图片
|
//上传素材图片
|
||||||
selectFile(element,e){ |
selectFile(element, e) { |
||||||
let imgFile = e.target.files[0] || null //上传的文件
|
let imgFile = e.target.files[0] || null; //上传的文件
|
||||||
this.keySiteItemImgList = element.imageUrls ? element.imageUrls : [] |
this.keySiteItemImgList = element.imageUrls ? element.imageUrls : []; |
||||||
this.keySiteItem = element |
this.keySiteItem = element; |
||||||
console.log(this.keySiteItem) |
console.log(this.keySiteItem); |
||||||
this.startUploading(imgFile) |
this.startUploading(imgFile); |
||||||
} |
} |
||||||
|
|
||||||
startUploading (imgFile) { |
startUploading(imgFile) { |
||||||
let _this = this |
let _this = this; |
||||||
let file = imgFile || null //获取上传的文件
|
let file = imgFile || null; //获取上传的文件
|
||||||
let fileSize = file.size || null //上传文件的总大小
|
let fileSize = file.size || null; //上传文件的总大小
|
||||||
let shardSize = 5 * 1024 * 1024 //5MB一个分片
|
let shardSize = 5 * 1024 * 1024; //5MB一个分片
|
||||||
let companyId = sessionStorage.getItem("companyId") |
let companyId = sessionStorage.getItem("companyId"); |
||||||
if (file && fileSize <= shardSize) { //上传文件<=5MB时
|
if (file && fileSize <= shardSize) { |
||||||
let formData = new FormData() |
//上传文件<=5MB时
|
||||||
formData.append("file",file) |
let formData = new FormData(); |
||||||
this.http.post(`api/Objects/WebPlan2D/${companyId}`,formData).subscribe((data:any)=>{ |
formData.append("file", file); |
||||||
this.objectName = data.objectName |
this.http |
||||||
|
.post(`api/Objects/WebPlan2D/${companyId}`, formData) |
||||||
|
.subscribe((data: any) => { |
||||||
|
this.objectName = data.objectName; |
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('上传成功','确定',config) |
this.snackBar.open("上传成功", "确定", config); |
||||||
this.keySiteItemImgList.push("/api/Objects/WebPlan2D/" + this.objectName) |
this.keySiteItemImgList.push( |
||||||
this.keySiteItem.imageUrls = this.keySiteItemImgList |
"/api/Objects/WebPlan2D/" + this.objectName |
||||||
this.http.put(`/api/CompanyAccount/BuildingImportantLocations/${this.keySiteItem.id}`,this.keySiteItem,{ |
); |
||||||
|
this.keySiteItem.imageUrls = this.keySiteItemImgList; |
||||||
|
this.http |
||||||
|
.put( |
||||||
|
`/api/CompanyAccount/BuildingImportantLocations/${this.keySiteItem.id}`, |
||||||
|
this.keySiteItem, |
||||||
|
{ |
||||||
// params:{
|
// params:{
|
||||||
// companyId : companyId
|
// companyId : companyId
|
||||||
// }
|
// }
|
||||||
}).subscribe((data)=>{ |
} |
||||||
|
) |
||||||
|
.subscribe((data) => { |
||||||
// console.log(666,'修改成功')
|
// console.log(666,'修改成功')
|
||||||
const config = new MatSnackBarConfig(); |
const config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('修改成功','确定',config) |
this.snackBar.open("修改成功", "确定", config); |
||||||
}) |
}); |
||||||
}) |
}); |
||||||
} else if (file && fileSize > shardSize) { //上传文件>5MB时,分块上传
|
} else if (file && fileSize > shardSize) { |
||||||
|
//上传文件>5MB时,分块上传
|
||||||
let config = new MatSnackBarConfig(); |
let config = new MatSnackBarConfig(); |
||||||
config.verticalPosition = 'top'; |
config.verticalPosition = "top"; |
||||||
config.duration = 3000 |
config.duration = 3000; |
||||||
this.snackBar.open('上传图片文件不允许大于5mb','确定',config); |
this.snackBar.open("上传图片文件不允许大于5mb", "确定", config); |
||||||
} |
} |
||||||
|
|
||||||
} |
} |
||||||
|
|
||||||
} |
} |
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue