@@ -278,7 +301,7 @@
@@ -480,7 +503,7 @@
diff --git a/src/app/key-unit/basicinfo/basicinfo.component.scss b/src/app/key-unit/basicinfo/basicinfo.component.scss
index c80c8c3..cb6cf21 100644
--- a/src/app/key-unit/basicinfo/basicinfo.component.scss
+++ b/src/app/key-unit/basicinfo/basicinfo.component.scss
@@ -5,10 +5,10 @@
.mainbox{
height: 100%;
position: relative;
+ display: flex;
.mainleft{
width:800px;
height: 100%;
- // background-color: yellow;
float: left;
.inputbox{
width: 343px;
@@ -40,13 +40,7 @@
}
.addbtn{
width: 695px;
- position: absolute;
- bottom: -495px;
- text-align: center;
- margin-bottom:20px;
- button{
- margin: 0 4px;
- }
+ margin:9px 0;
}
.uploadimg{
width: 400px;
@@ -55,18 +49,13 @@
margin-top:12px;
position: relative;
margin-left: 80px;
- cursor: pointer;
span{
float: left;
}
- // img{
- // float: left;
- // }
.uploadingimg{
width: 299px;
height: 170px;
- // background: url('../../../assets/images/upload2.png') no-repeat center center;
-
+ cursor: pointer;
position: absolute;
top: 0px;
left: 79px;
@@ -76,30 +65,71 @@
}
.image{
- // position: absolute;
- // top: 199px;
- // left: 160px;
- // width: 299px;
- // height: 170px;
input{
- // width: 299px;
- // height: 170px;
width: 190px;
margin-top: 160px;
cursor: pointer;
}
- // opacity:0;
-
}
}
.mainright{
float: left;
- width: 600px;
- height: 400px;
- // position: absolute;
- // right: 170px;
-
+ flex: 1;
+ height: 430px;
+ margin-right: 100px;
+ position: relative;
+ .searchinput{
+ display: flex;
+ position: absolute;
+ left: 0;
+ top: 0;
+ }
+ .gistopbox{
+ position: absolute;
+
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+ border-radius: 4px;
+ left: 5%;
+ top: 10px;
+ width: 90%;
+ height:46px;
+ background: #FFFFFF;
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
+ cursor: default;;
+ .positionItem{
+ width: 30%;
+ height: 35px;
+ display: flex;
+ align-items: center;
+ .itemNum{
+ background: #F2F2F2;
+ box-sizing: border-box;
+ padding-left: 10px;
+ width: 80%;
+ height: 32px;
+ line-height: 32px;
+ margin-left: 5px;
+ border-radius: 4px;
+ }
+ }
+ .setPosition{
+ cursor: pointer;
+ width: 15%;
+ height: 32px;
+ background: #2196F3;
+ color: #fff;
+ border-radius: 4px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+
+ }
}
+
}
}
.bottombox{
diff --git a/src/app/key-unit/basicinfo/basicinfo.component.ts b/src/app/key-unit/basicinfo/basicinfo.component.ts
index 3060541..1fd8443 100644
--- a/src/app/key-unit/basicinfo/basicinfo.component.ts
+++ b/src/app/key-unit/basicinfo/basicinfo.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, Inject ,ViewChild} from '@angular/core';
+import { Component, OnInit, Inject ,ViewChild, ElementRef, Renderer2} from '@angular/core';
import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
import { FlatTreeControl } from '@angular/cdk/tree';
import { HttpClient,HttpHeaders, HttpEventType } from '@angular/common/http';
@@ -21,6 +21,7 @@ import * as _ from 'lodash';
import { LookMaster } from './lookmaster.component'
import { Router,ActivatedRoute } from '@angular/router'
import { TabbarAndScoreService } from 'src/app/http-interceptors/tabbar-and-score.service';
+declare var AMap: any;
@Component({
selector: 'app-basicinfo',
@@ -85,7 +86,7 @@ export class BasicinfoComponent implements OnInit {
buildingCustomData:any //存储当前建筑的自定义信息
allunittype: any //所有单位类型
allorganizing:any = [] //所有组织机构
- constructor(private tabbarService: TabbarAndScoreService,private router:Router,private route:ActivatedRoute,private http: HttpClient, private tree: TreeService, private sanitizer: DomSanitizer, public dialog: MatDialog,public snackBar: MatSnackBar) { }
+ constructor(private elementRef: ElementRef,public renderer2: Renderer2,private tabbarService: TabbarAndScoreService,private router:Router,private route:ActivatedRoute,private http: HttpClient, private tree: TreeService, private sanitizer: DomSanitizer, public dialog: MatDialog,public snackBar: MatSnackBar) { }
unitId : any //当前单位id
@@ -97,6 +98,166 @@ export class BasicinfoComponent implements OnInit {
this.unitId = this.route.snapshot.queryParams.id
sessionStorage.setItem("companyId",this.route.snapshot.queryParams.id);
}
+
+ isMapLabel:boolean
+ //地图标注位置
+ markerPosition:any = {x: 0, y: 0}//单位坐标
+ map:any //地图实例
+ isGisTopBox:boolean = false//点击位置按钮
+ oldPositionMarker:any //旧位置marker实例
+ newPositionMarker:any //新位置marker实例
+
+ newPositionMarkerContent:any =
+ '
' +
+ '
' +
+ '
'
+ newPositionMarkerContentBtn:any =
+ '
'
+ oldPositionMarkerContent:any =
+ '
' +
+ '
' +
+ '
'
+ //初始化地图
+ labelGis(){
+ this.map = new AMap.Map('container', {
+ zoom:12
+ })
+ this.map.on('complete', () => {
+ this.isGisTopBox = true
+ });
+ if(this.isMapLabel){//如果已经标注单位坐标
+ console.log('已标注单位位置')
+ this.map.setCenter([this.unitinfo.location.x,this.unitinfo.location.y]);
+ this.oldPositionMarker = new AMap.Marker({
+ position: [this.unitinfo.location.x,this.unitinfo.location.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ })
+ // 将 markers 添加到地图
+ this.map.add(this.oldPositionMarker);
+ }else{
+ console.log('未标注单位位置')
+ this.map.setCity('上海市');
+ }
+ }
+ //点击位置按钮
+ setPosition(){
+ this.isGisTopBox = false
+ if(this.isMapLabel){//如果已经标注单位坐标
+ console.log('已标注单位位置')
+
+ if(this.oldPositionMarker){
+ this.oldPositionMarker.setContent(this.oldPositionMarkerContent)
+ }
+ if(this.newPositionMarker){
+ this.newPositionMarker.setContent(this.oldPositionMarkerContent)
+ }
+
+ this.newPositionMarker = new AMap.Marker({
+ draggable: true,
+ position: [this.markerPosition.x,this.markerPosition.y],
+ content: this.newPositionMarkerContentBtn,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.map.add(this.newPositionMarker);
+
+
+ let markerPosition
+ if(this.markerPosition.x && this.markerPosition.x != 0){
+ markerPosition = {x: this.markerPosition.x,y: this.markerPosition.y}
+ }else{
+ markerPosition = {x: this.map.getCenter().lng,y: this.map.getCenter().lat} //获取当前地图中心位置
+ }
+ this.newPositionMarker.on('dragend', (e)=>{
+ markerPosition = {x: e.lnglat.lng, y: e.lnglat.lat}
+ })
+ //点击确定
+ this.renderer2.listen(this.elementRef.nativeElement.querySelector('#setPositionOk'),'click',(event)=>{
+ this.map.clearMap();
+ this.isGisTopBox = true
+ this.newPositionMarker = new AMap.Marker({
+ position: [markerPosition.x,markerPosition.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.markerPosition = markerPosition
+ this.map.add(this.newPositionMarker);
+ })
+ //点击取消
+ this.renderer2.listen(this.elementRef.nativeElement.querySelector('#setPositionClose'),'click',(event)=>{
+ this.isGisTopBox = true
+ this.map.clearMap();
+ this.newPositionMarker = new AMap.Marker({
+ position: [this.markerPosition.x,this.markerPosition.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.map.add(this.newPositionMarker);
+ })
+
+ }else{
+ console.log('未标注单位位置')
+ if(this.newPositionMarker){
+ this.newPositionMarker.setContent(this.oldPositionMarkerContent)
+ }
+ let center
+ if(this.markerPosition.x && this.markerPosition.x != 0){
+ center = [this.markerPosition.x,this.markerPosition.y]
+ }else{
+ center = this.map.getCenter(); //获取当前地图中心位置
+ this.map.setCenter(center);
+ }
+
+ this.newPositionMarker = new AMap.Marker({
+ draggable: true,
+ position: center,
+ content: this.newPositionMarkerContentBtn,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.map.add(this.newPositionMarker);
+
+ let markerPosition
+ if(this.markerPosition.x && this.markerPosition.x != 0){
+ markerPosition = {x: this.markerPosition.x,y: this.markerPosition.y}
+ }else{
+ markerPosition = {x: this.map.getCenter().lng,y: this.map.getCenter().lat} //获取当前地图中心位置
+ }
+ this.newPositionMarker.on('dragend', (e)=>{
+ markerPosition = {x: e.lnglat.lng, y: e.lnglat.lat}
+ })
+ //点击确定
+ this.renderer2.listen(this.elementRef.nativeElement.querySelector('#setPositionOk'),'click',(event)=>{
+ this.isGisTopBox = true
+ this.markerPosition = markerPosition
+ this.map.clearMap();
+ this.newPositionMarker = new AMap.Marker({
+ position: [this.markerPosition.x,this.markerPosition.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.map.add(this.newPositionMarker);
+ })
+ this.renderer2.listen(this.elementRef.nativeElement.querySelector('#setPositionClose'),'click',(event)=>{
+ this.map.clearMap();
+ this.isGisTopBox = true
+ if(this.markerPosition.x && this.markerPosition.x != 0){//说明之前标过点
+ this.newPositionMarker = new AMap.Marker({
+ position: [this.markerPosition.x,this.markerPosition.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.map.add(this.newPositionMarker);
+ }
+ })//取消
+ }
+
+
+
+ }
+
//获得所有单位类型
getallunittype() {
this.http.get("/api/BuildingTypes/Simple").subscribe(data => {
@@ -109,59 +270,71 @@ export class BasicinfoComponent implements OnInit {
(data: any) => {
this.allorganizing = data;
this.dataSource.data = this.tree.toTree(data);
- this.getunitinfo();
+ let _this = this
+ this.getunitinfo().then((e)=>{
+ if(this.unitinfo.location && (this.unitinfo.location.x != 0 && this.unitinfo.location.y != 0) ){//已标注
+ _this.isMapLabel = true
+ _this.markerPosition = _this.unitinfo.location
+ }else{//未标注
+ _this.isMapLabel = false
+ }
+ this.labelGis()
+ })
}
)
}
//获得当前单位的基本信息
CompanyId
- getunitinfo(){
-
- this.http.get(`/api/Companies/${this.unitId}`).subscribe((data:any)=>{
- if(data.buildingTypes.length){
- sessionStorage.setItem('buildingTypeId',data.buildingTypes[0].id)
- }else{
- sessionStorage.setItem('buildingTypeId',"")
- }
- let node
- this.allorganizing.forEach(item => {
- if(item.id == data.organizationId){
- node = item
- }
- });
- if(node){
- if(!node.parentId){
- this.selectedorganization = node.name
+ async getunitinfo(){
+ let result = await new Promise((resolve, reject) => {
+ this.http.get(`/api/Companies/${this.unitId}`).subscribe((data:any)=>{
+ if(data.buildingTypes.length){
+ sessionStorage.setItem('buildingTypeId',data.buildingTypes[0].id)
}else{
- let namearr = [node.name]
- let targetId = node.parentId; // 临时变量
- for(let i = 0; i < node.level ; i++){
- this.allorganizing.forEach(item => {
- if(item.id == targetId ){
- namearr.push(item.name)
- targetId = item.parentId; // 临时变量更新没有副作用
- }
- });
+ sessionStorage.setItem('buildingTypeId',"")
+ }
+ let node
+ this.allorganizing.forEach(item => {
+ if(item.id == data.organizationId){
+ node = item
+ }
+ });
+ if(node){
+ if(!node.parentId){
+ this.selectedorganization = node.name
+ }else{
+ let namearr = [node.name]
+ let targetId = node.parentId; // 临时变量
+ for(let i = 0; i < node.level ; i++){
+ this.allorganizing.forEach(item => {
+ if(item.id == targetId ){
+ namearr.push(item.name)
+ targetId = item.parentId; // 临时变量更新没有副作用
+ }
+ });
+ }
+ namearr.reverse()
+ let str = ''
+ namearr.forEach(item=>{
+ str += '/' + item
+ })
+ this.selectedorganization = str.substr(1)
}
- namearr.reverse()
- let str = ''
- namearr.forEach(item=>{
- str += '/' + item
- })
- this.selectedorganization = str.substr(1)
}
- }
-
- this.unitinfo = data
- this.selectedorganizationid = data.organizationId
- if(data.imageUrl){
- this.imgsrc = data.imageUrl
- }
- if(data.buildingTypes[0]){
- this.defaultbuildingTypes = data.buildingTypes[0].id
- this.buildingTypesname = data.buildingTypes[0].name
- }
- })
+
+ this.unitinfo = data
+ resolve(this.unitinfo)
+ this.selectedorganizationid = data.organizationId
+ if(data.imageUrl){
+ this.imgsrc = data.imageUrl
+ }
+ if(data.buildingTypes[0]){
+ this.defaultbuildingTypes = data.buildingTypes[0].id
+ this.buildingTypesname = data.buildingTypes[0].name
+ }
+ })
+ })
+
}
//石油化工 装置信息 勾选框
checkboxchange(item,e){
@@ -1012,10 +1185,7 @@ export class BasicinfoComponent implements OnInit {
phone: value.linkphone,
address: value.unitaddress,
imageUrl: this.imgsrc,
- location: {
- x: 0,
- y: 0
- },
+ location: this.markerPosition,
modifiedTime: time,
organizationId: this.selectedorganizationid,
organizationName: null,
diff --git a/src/app/key-unit/edit-plan-info/edit-plan-info.component.html b/src/app/key-unit/edit-plan-info/edit-plan-info.component.html
index ef843ae..f05cd1d 100644
--- a/src/app/key-unit/edit-plan-info/edit-plan-info.component.html
+++ b/src/app/key-unit/edit-plan-info/edit-plan-info.component.html
@@ -1,7 +1,7 @@
-
+
diff --git a/src/app/key-unit/key-unit-management/key-unit-management.component.html b/src/app/key-unit/key-unit-management/key-unit-management.component.html
index f04e94a..f821dd9 100644
--- a/src/app/key-unit/key-unit-management/key-unit-management.component.html
+++ b/src/app/key-unit/key-unit-management/key-unit-management.component.html
@@ -108,7 +108,10 @@
单位名称 |
- {{element.name}} |
+
+ {{element.name}}
+ create
+ |
diff --git a/src/app/key-unit/key-unit-management/key-unit-management.component.scss b/src/app/key-unit/key-unit-management/key-unit-management.component.scss
index c261899..eb79d8c 100644
--- a/src/app/key-unit/key-unit-management/key-unit-management.component.scss
+++ b/src/app/key-unit/key-unit-management/key-unit-management.component.scss
@@ -86,6 +86,16 @@
width: 100%;
// margin-top: 30px;
}
+ .editUnitName{
+ width: 13px;
+ height: 13px;
+ font-size: 18px;
+ vertical-align: sub;
+ cursor: pointer;
+ }
+ .editUnitName:hover{
+ color: red;
+ }
}
}
diff --git a/src/app/key-unit/key-unit-management/key-unit-management.component.ts b/src/app/key-unit/key-unit-management/key-unit-management.component.ts
index 26710bc..4075e2b 100644
--- a/src/app/key-unit/key-unit-management/key-unit-management.component.ts
+++ b/src/app/key-unit/key-unit-management/key-unit-management.component.ts
@@ -546,7 +546,10 @@ export class KeyUnitManagementComponent implements OnInit {
this.integritySort = ''
this.getAllKeyUnit();
}
-
+ //编辑单位名称
+ editUnitName(element){
+ console.log(element)
+ }
//跳转查看基本信息页面
unitdetails(element){
console.log(element)
diff --git a/src/app/pages/login/login.component.html b/src/app/pages/login/login.component.html
index 0ed8f33..f60da23 100644
--- a/src/app/pages/login/login.component.html
+++ b/src/app/pages/login/login.component.html
@@ -1,9 +1,9 @@
-
+
-
+
数字化预案编制管理平台
diff --git a/src/assets/images/close.png b/src/assets/images/close.png
new file mode 100644
index 0000000..c33434e
Binary files /dev/null and b/src/assets/images/close.png differ
diff --git a/src/assets/images/newposition.png b/src/assets/images/newposition.png
new file mode 100644
index 0000000..98bf1bb
Binary files /dev/null and b/src/assets/images/newposition.png differ
diff --git a/src/assets/images/ok.png b/src/assets/images/ok.png
new file mode 100644
index 0000000..0944653
Binary files /dev/null and b/src/assets/images/ok.png differ
diff --git a/src/assets/images/oldposition.png b/src/assets/images/oldposition.png
new file mode 100644
index 0000000..87c0cd3
Binary files /dev/null and b/src/assets/images/oldposition.png differ
diff --git a/src/assets/images/消防徽.png b/src/assets/images/消防徽.png
new file mode 100644
index 0000000..81cea38
Binary files /dev/null and b/src/assets/images/消防徽.png differ
diff --git a/src/styles.scss b/src/styles.scss
index 54b0d04..d04eb3b 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -138,3 +138,41 @@ table td.mat-footer-cell:last-of-type{
#shareDialog,#lookPlanDialog,#openPlanToolDialog{
padding: 0;
}
+
+#setPosition{
+ .custom-content-marker {
+ position: relative;
+ width: 29px;
+ height: 36px;
+ }
+
+ .custom-content-marker img {
+ width: 100%;
+ height: 100%;
+ }
+
+ .custom-content-marker .btnbox {
+ position: absolute;
+ left: -20px;
+ bottom: -36px;
+ width: 68px;
+ height: 30px;
+ background:#FFFFFF;
+ border-radius: 60px;
+ color: #EBEBEB;
+ display: flex;
+ justify-content: space-around;
+ box-sizing: border-box;
+ padding: 0 5px;
+ align-items: center;
+ img{
+ width: 20px;
+ height: 20px;
+ cursor: pointer;
+ }
+ }
+
+ .custom-content-marker .close-btn:hover{
+ background: #666;
+ }
+}
\ No newline at end of file
