+
+
+
+ 鍒楄〃杩囨护
+
+
+ 閲嶇疆
+ 鏂板
+
+
+
+
+
+ 鍏抽敭瀛:
+
+
+
+
+ 瀹屾暣搴:
+
+
+ 璇烽夋嫨
+ {{item.name}}
+
+
+
+ search 鎼滅储
+
+
+
+
+
+ 娑堥槻闃
+ 瀹屾暣搴
+
+
+
+
+ {{item.name}}
+
+
+ {{accMul(item.integrityScore.toFixed(3),100,1)}}%
+
+
+
+
highlight_off
+
+
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 璇风瓑寰...
+
+
+ 涓婁紶涓...({{progressBarValue}}%)
+ 鍙栨秷涓婁紶
+
+
+ 涓嬭浇涓...({{progressBarValue}}%)
+
+
+
+
+
+
+ attach_file
+ 涓婁紶闄勪欢
+
+
+
+
+
+
save 淇濆瓨
+
open_in_browser 鎻愪氦瀹℃牳
+
+
+
+
+
+
+
+
highlight_off
+
+
{{item.fileName}}
+
鏌ョ湅
+
涓嬭浇
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/data-collection/linkage-forces/linkage-forces.component.scss b/src/app/data-collection/linkage-forces/linkage-forces.component.scss
index ef03c8d..9fbcf0f 100644
--- a/src/app/data-collection/linkage-forces/linkage-forces.component.scss
+++ b/src/app/data-collection/linkage-forces/linkage-forces.component.scss
@@ -5,14 +5,532 @@
display: flex;
box-sizing: border-box;
padding: 10px;
+ font-size: 16px;
+ font-family: Source Han Sans CN;
+ font-weight: 400;
+ color: #000000;
}
.listbox{
width: 400px;
height: 100%;
background-color: #fff;
+ display: flex;
+ flex-direction: column;
+ .topbox{
+ max-height: 200px;
+ box-sizing: border-box;
+ padding: 10px 22px 22px;
+ .add{
+ height: 36px;
+ line-height: 36px;
+ display: flex;
+ justify-content: space-between;
+ }
+ .searchbox{
+ .inputbox{
+ width: 100%;
+ height: 36px;
+ font-size: 14px;
+ line-height: 36px;
+ margin: 10px 0;
+ display: flex;
+ span{
+ margin-right: 5px;
+ }
+ select,input{
+ flex: 1;
+ background-color: #F2F4F6;
+ border: 0;
+ border-radius: 5px;
+ box-sizing: border-box;
+ padding:0 8px;
+
+ }
+ .gray{
+ color: gray;
+ }
+ // input::-moz-placeholder {
+ // color: rgba(90, 83, 83, 0.89);
+ // opacity: 1;
+ // }
+ // input:-ms-input-placeholder {
+ // color: rgba(90, 83, 83, 0.89);;
+ // }
+ // input::-webkit-input-placeholder {
+ // color: rgba(90, 83, 83, 0.89);;
+ // }
+ }
+ }
+ }
+ .contantbox{
+ flex: 1;
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ .title{
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ box-sizing: border-box;
+ padding: 0 33px 0 22px;
+ height: 36px;
+ line-height: 36px;
+ span{
+ font-size: 14px;
+ font-weight: 500;
+ }
+ }
+ .linkageForceList{
+ flex: 1;
+ overflow-y: auto;
+ li{
+ cursor: pointer;
+ width: 100%;
+ height: 36px;
+ line-height: 36px;
+ display: flex;
+ align-items: center;
+ font-size: 14px;
+ div{
+ float: left;
+ box-sizing: border-box;
+ }
+ .name{
+ text-align: left;
+ width: 60%;
+ padding-left: 22px;
+ white-space:nowrap;
+ overflow:hidden;
+ text-overflow:ellipsis;
+ }
+ .integrity{
+ height: 58%;
+ width: 32%;
+ position: relative;
+ background-color: #F2F4F6;
+ .integrityNum{
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: black;
+ font-size: 13px;
+ cursor: default;
+ }
+ .integrityColorDiv{
+ height: 100%;
+ }
+ }
+ .deletebtn{
+ flex: 1;
+ text-align: center;
+ mat-icon{
+ width: 20px;
+ height: 20px;
+ cursor: pointer;
+ font-size: 20px;
+ vertical-align: text-top;
+ color: rgba(49, 46, 46, 0.144);
+ }
+ mat-icon:hover{
+ color: #000;
+ }
+ }
+ }
+ li:hover{
+ background-color: #b3d3ee;
+ }
+ .selectedLi{
+ background-color: #b3d3ee;
+ }
+ }
+ .paginator{
+ height: 56px;
+ width: 100%;
+ }
+ }
}
.mapbox{
flex: 1;
margin-left: 10px;
background-color: #fff;
+ display: flex;
+ overflow: hidden;
+ flex-direction: column;
+ .mapcheckbox,.swiper-container{
+ width: 100%;
+ height: 50px;
+ .swiper-wrapper{
+ flex: 1;
+ display: flex;
+ height: 50px;
+ line-height: 50px;
+ }
+ mat-checkbox{
+ font-size: 15px;
+ span{
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ img{
+ margin-right: 3px;
+ }
+ }
+
+ }
+ mat-checkbox:nth-child(1){
+ margin-left: 20px;
+ }
+
+ }
+ #map{
+ flex: 1;
+ position: relative;
+ #container{
+ width: 100%;
+ height: 100%;
+ }
+ .gistopbox{
+ position: absolute;
+ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+ border-radius: 5px;
+ top: 3px;
+ width: 30%;
+ height:40px;
+ background: #FFFFFF;
+ display: flex;
+ align-items: center;
+ cursor: default;;
+ .inputBox{
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ box-sizing: border-box;
+ font-size: 14px;
+ .positionInput{
+ border: 0;
+ border-radius: 6px;
+ width: 80%;
+ height: 28px;
+ background: #F2F2F2;
+ margin-left: 8px;
+ box-sizing: border-box;
+ padding-left: 10px;
+ }
+ }
+
+ }
+ .hidden{
+ opacity: 0;
+ z-index: -1;
+ }
+ .show{
+ opacity: 1;
+ z-index: 1;
+ }
+ }
+ .detailsbox{
+ width: 100%;
+ height:500px;
+ position: relative;
+ .tabsbox{
+ width: 100%;
+ height: 40px;
+ overflow: hidden;
+ overflow-x: auto;
+ line-height: 40px;
+ display: flex;
+ justify-content: space-between;
+ font-size: 15px;
+ .tabs{
+ div{
+ float: left;
+ width: 120px;
+ text-align: center;
+ cursor: pointer;
+ color: #000000;
+ opacity: 0.4;
+ border-right: 1px solid #F2F4F6;
+ }
+ .selectedBtn{
+ background-color: #2196F3;
+ color: #fff;
+ opacity: 1;
+ }
+ }
+ .btnbox{
+ display: flex;
+ align-items: center;
+ .uploadAttachment{
+ display: inline-block;
+ margin-right: 20px;
+ width: 120px;
+ text-align: center;
+ height: 28px;
+ line-height: 28px;
+ position: relative;
+ button{
+ width: 100%;
+ height: 28px;
+ line-height: 28px;
+ mat-icon{
+ transform: rotate(25deg);
+ font-size: 20px;
+ width: 20px;
+ height: 20px;
+ }
+ }
+ .a-upload{
+ display: inline-block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ display: inline-block;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ input{
+ width: 100%;
+ height: 100%;
+ cursor: pointer;
+ }
+ }
+ }
+ span{
+ display: inline-block;
+ cursor: pointer;
+ color: #2196F3;
+ mat-icon{
+ vertical-align: text-top;
+ font-size: 20px;
+ width: 20px;
+ height: 20px;
+ }
+ }
+ span:hover{
+ text-decoration: underline;
+ }
+ .submitAudit{
+ margin: 0 30px;
+ }
+
+ }
+ }
+ .contant{
+ width: 100%;
+ height:460px;
+ overflow-y: auto;
+ p{
+ color: #2196F3;
+ background-color: #F2F4F6;
+ height: 33px;
+ line-height: 33px;
+ box-sizing: border-box;
+ padding-left: 20px;
+ font-size: 15px;
+ }
+ span{
+ font-size: 15px;
+ }
+ input,select{
+ height: 30px;
+ line-height: 30px;
+ box-sizing: border-box;
+ padding: 0 12px;
+ width: 60%;
+ margin-left: 5px;
+ border: 1px solid #EBEBEB;
+ border-radius: 5px;
+ }
+ textarea{
+ width: 89%;
+ margin-left: 5px;
+ height: 85%;
+ border: 1px solid #EBEBEB;
+ border-radius: 5px;
+ }
+ .longinput{
+ width: 74%;
+ }
+ .unitDiv{
+ width: 60%;
+ position: relative;
+ input,select{
+ width: 100%;
+ box-sizing: border-box;
+ padding-right: 50px;
+ }
+ .unit{
+ position: absolute;
+ right: 13px;
+ top: 4px;
+ color: #000000;
+ opacity: 0.4;
+ }
+ }
+ .smallwidth{
+ width: 30%;
+ }
+ // 鐩稿叧璧勬枡
+ .fileDivBox{
+ position: relative;
+ float: left;
+ border: 1px solid #EBEBEB;
+ width: 160px;
+ height: 162px;
+ box-sizing: border-box;
+ padding: 16px 16px 0;
+ display: flex;
+ flex-direction: column;
+ margin: 12px;
+ align-items: center;
+ cursor: pointer;
+ .imgbox{
+ width: 134px;
+ height: 110px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ .thumbnailImg{
+ width: 134px;
+ height: 110px;
+ }
+ }
+
+ span{
+ width: 100%;
+ text-align: center;
+ margin-top: 5px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ color: gray;
+ font-size: 14px;
+ }
+ .deleteFile{
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 18px;
+ height: 18px;
+ font-size: 18px;
+ display: none;
+ }
+ .btn{
+ position: absolute;
+ height: 30px;
+ line-height: 30px;
+ font-size: 14px;
+ display: none;
+ }
+ .btn1{
+ top: 37px;
+ }
+ .btn2{
+ top: 78px;
+ }
+ }
+ .fileDivBox:hover{
+ border: 1px solid #000;
+ .deleteFile{
+ display: block;
+
+ }
+ .deleteFile:hover{
+ color: red;
+ }
+ .btn{
+ display: block;
+ }
+ }
+ }
+ .masklayer{
+ position: absolute;
+ left: 0;
+ top: 0;
+ z-index: 2000;
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,0.2);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: column;
+ span{
+ font-size: 14px;
+ margin-top: 5px;
+ }
+ .progressbar{
+ width: 15%;
+ }
+ .cancelbtn{
+ height: 32px;
+ line-height: 32px;
+ font-size: 14px;
+ margin-top: 12px;
+ }
+ }
+ }
+}
+
+
+.addLinkageForceBox{
+ width: 530px;
+ height: 262px;
+ display: flex;
+ flex-direction: column;
+ .topbox{
+ width: 100%;
+ height: 40px;
+ line-height: 40px;
+ background-color: #2196F3;
+ text-align: center;
+ color: #FFFFFF;
+ font-size: 15px;
+ }
+ .contant{
+ flex: 1;
+ box-sizing: border-box;
+ padding:20px 30px;
+
+ div{
+ width:86px;
+ margin: 3px;
+ height: 36px;
+ float: left;
+ line-height: 36px;
+ text-align: center;
+ background-color: #F2F4F6;
+ font-size: 14px;
+ cursor: pointer;
+ border: 1px solid #fff;
+ border-radius: 4px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ img{
+ margin-right: 3px;
+ }
+ }
+ .selectedDiv{
+ background-color: #fff;
+ border: 1px solid #2196F3;
+ }
+ }
+ .btnbox{
+ width: 100%;
+ height: 50px;
+ box-sizing: border-box;
+ padding: 0px 30px;
+ display: flex;
+ align-items: flex-start;;
+ justify-content: center;
+ button{
+ width: 80px;
+ height: 36px;
+ line-height: 36px;
+ margin: 0 20px;
+ }
+ }
}
\ No newline at end of file
diff --git a/src/app/data-collection/linkage-forces/linkage-forces.component.ts b/src/app/data-collection/linkage-forces/linkage-forces.component.ts
index cbddc20..919b746 100644
--- a/src/app/data-collection/linkage-forces/linkage-forces.component.ts
+++ b/src/app/data-collection/linkage-forces/linkage-forces.component.ts
@@ -1,5 +1,16 @@
+import { FlatTreeControl } from '@angular/cdk/tree';
+import { HttpClient } from '@angular/common/http';
+import { Inject, Renderer2 } from '@angular/core';
+import { ElementRef } from '@angular/core';
import { Component, OnInit } from '@angular/core';
-
+import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
+import { MatTreeFlatDataSource, MatTreeFlattener } from '@angular/material/tree';
+import { NzTreeNode } from 'ng-zorro-antd/tree';
+import { TreeService } from 'src/app/http-interceptors/tree.service';
+import Viewer from 'viewerjs'
+import Swiper from 'swiper';
+declare var AMap: any;
@Component({
selector: 'app-linkage-forces',
templateUrl: './linkage-forces.component.html',
@@ -7,9 +18,754 @@ import { Component, OnInit } from '@angular/core';
})
export class LinkageForcesComponent implements OnInit {
- constructor() { }
+ constructor(private tree: TreeService,public snackBar: MatSnackBar,private http:HttpClient,private elementRef: ElementRef,public renderer2: Renderer2,public dialog: MatDialog) { }
+
+ isCheckedOfSearchDiv:boolean = true//鍒楄〃杩囨护婊戝潡
+ slideChange(e){
+ this.isCheckedOfSearchDiv = e.checked
+ }
+ //鎼滅储琛ㄥ崟
+ searchForm:any = {
+ name:'',
+ integrityNum:''
+ }
+ listIntegrityNum:any[] = [
+ {id:-1,name:'鍏ㄩ儴'},
+ {id:0,name:'<=50%'},
+ {id:1,name:'50%-60%'},
+ {id:2,name:'60%-70%'},
+ {id:3,name:'70%-80%'},
+ {id:4,name:'80%-90%'},
+ {id:5,name:'90%-100%'}
+ ]
+ checkBoxList:any[] = [
+ {id:0,name:'瀹夌洃',imgUrl:'/assets/linkageForces/瀹夌洃.png'},
+ {id:1,name:'鐢靛姏灞',imgUrl:'/assets/linkageForces/鐢靛姏灞.png'},
+ {id:2,name:'鍏畨',imgUrl:'/assets/linkageForces/鍏畨.png'},
+ {id:3,name:'娴蜂簨',imgUrl:'/assets/linkageForces/娴蜂簨.png'},
+ {id:4,name:'鐜繚灞',imgUrl:'/assets/linkageForces/鐜繚灞.png'},
+ {id:5,name:'浜ら',imgUrl:'/assets/linkageForces/浜ら.png'},
+ {id:6,name:'姘戞斂',imgUrl:'/assets/linkageForces/姘戞斂.png'},
+ {id:7,name:'姘旇薄灞',imgUrl:'/assets/linkageForces/姘旇薄灞.png'},
+ {id:8,name:'鐕冩皵灞',imgUrl:'/assets/linkageForces/鐕冩皵灞.png'},
+ {id:9,name:'甯傛斂',imgUrl:'/assets/linkageForces/甯傛斂.png'},
+ {id:10,name:'姘村埄',imgUrl:'/assets/linkageForces/姘村埄.png'},
+ {id:11,name:'閫氫俊',imgUrl:'/assets/linkageForces/閫氫俊.png'},
+ {id:12,name:'鍖荤枟',imgUrl:'/assets/linkageForces/鍖荤枟.png'},
+ {id:13,name:'搴旀ョ鐞',imgUrl:'/assets/linkageForces/搴旀ョ鐞.png'},
+ {id:14,name:'浣忓缓',imgUrl:'/assets/linkageForces/浣忓缓.png'}
+ ]
+ ngOnInit(): void {
+ this.getAllFireForce()
+ window.onload = () => {
+ var mySwiper = new Swiper('.swiper-container', {
+ slidesPerView: 10,//姣忛〉鏄剧ず鐨勪釜鏁
+ slidesPerGroup: 3,//鐐瑰嚮涓娆￠渶瑕佽烦澶氬皯娆
+ // 濡傛灉闇瑕佸墠杩涘悗閫鎸夐挳
+ navigation: {
+ nextEl: '.swiper-button-next',
+ prevEl: '.swiper-button-prev',
+ },
+ })
+ }
+ setTimeout(() => {
+
+ this.createMap()
+ }, 0);
+ }
+ //鑾峰緱鎵鏈夎仈鍔ㄥ姏閲
+ allLinkageForceObj:any//鑾峰緱鐨勬墍鏈夎仈鍔ㄥ姏閲
+ dataLength:any //鑾峰彇鐨勬暟鎹竴鍏卞灏戞潯
+ PageNumber:any = 1 //褰撳墠绗嚑椤
+ getAllFireForce(){
+ let MinIntegrity = 0
+ let MaxIntegrity = 1.1
+ if(this.searchForm.integrityNum == '0'){
+ MinIntegrity = 0
+ MaxIntegrity = 0.5
+ }else if(this.searchForm.integrityNum == '1'){
+ MinIntegrity = 0.5
+ MaxIntegrity = 0.6
+ }else if(this.searchForm.integrityNum == '2'){
+ MinIntegrity = 0.6
+ MaxIntegrity = 0.7
+ }else if(this.searchForm.integrityNum == '3'){
+ MinIntegrity = 0.7
+ MaxIntegrity = 0.8
+ }else if(this.searchForm.integrityNum == '4'){
+ MinIntegrity = 0.8
+ MaxIntegrity = 0.9
+ }else if(this.searchForm.integrityNum == '5'){
+ MinIntegrity = 0.9
+ MaxIntegrity = 1.1
+ }else if(this.searchForm.integrityNum == '-1'){
+ MinIntegrity = 0
+ MaxIntegrity = 1.1
+ }
+ let params:any = {
+ Keyword : this.searchForm.name ? this.searchForm.name : '',
+ MinIntegrity : MinIntegrity,
+ MaxIntegrity : MaxIntegrity,
+ PageSize : 15,
+ PageNumber : this.PageNumber,
+ }
+ this.http.get('/api/LinkageForces',{params:params}).subscribe((data:any) => {
+ console.log('鎵鏈夋秷闃插姏閲忓垪琛',data)
+ this.dataLength = data.totalCount
+ this.allLinkageForceObj = data
+ })
+ }
+
+
+ //閫夋嫨瑕佹樉绀虹殑鑱斿姩鍔涢噺
+ selectedLinkageForce(item){
+ this.isGisTopBox = false
+ if(this.LinkageForceDetailInfo.id != item.id){
+ this.clearData()
+ this.LinkageForceDetailInfo = item
+ item.location?this.positionLngLat = item.location:null
+ this.AttachmentArr = JSON.parse(item.relevantInfomationData)
+ if(this.newPositionMarker){
+ this.map.remove(this.newPositionMarker);
+ }
+ console.log('褰撳墠鐐瑰嚮鐨刲i',item)
+ if(item.location && item.location.x){//濡傛灉宸茬粡鏍囨敞鍗曚綅鍧愭爣
+ console.log('寮濮嬫爣娉')
+
+ this.map.setCenter([item.location.x,item.location.y]);
+ this.newPositionMarker = new AMap.Marker({
+ position: [item.location.x,item.location.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ })
+ // 灏 markers 娣诲姞鍒板湴鍥
+ this.map.add(this.newPositionMarker);
+ }
+ }
+ }
+ //鎼滅储
+ searchList(){
+ this.getAllFireForce()
+ }
+ //閲嶇疆鎼滅储
+ reset(){
+ this.searchForm = {
+ name:'',
+ integrityNum:''
+ }
+ this.getAllFireForce()
+ }
+ //鍒嗛〉浜嬩欢
+ chagePage(e){
+ this.PageNumber = e.pageIndex+1
+ this.getAllFireForce()
+ }
+ //js涔樻硶
+ accMul(arg1,arg2,fix) {
+ if(!parseInt(fix)==fix)
+ {
+ return;
+ }
+ var m=0,s1=arg1.toString(),s2=arg2.toString();
+ try{m+=s1.split(".")[1].length}catch(e){}
+ try{m+=s2.split(".")[1].length}catch(e){}
+ if(m>fix){
+ return (Math.round(Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m-fix))/Math.pow(10,fix));
+ }else if(m<=fix){
+ return (Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m)).toFixed(fix);
+ }else{
+ return (arg1*arg2).toFixed(fix).toString();
+ }
+ }
+ //瀹屾暣搴﹂鑹
+ integrity(width){
+ let _this = this
+ let style:any = {}
+ style.width = width +'%';
+ if(width < 30){
+ style.background = '#FF5D4A'
+ }
+ if(width >= 30 && width < 60){
+ style.background = '#FFDD00'
+ }
+ if(width >= 60){
+ style.background = '#5CD64E'
+ }
+ return style
+ }
+ //鍒犻櫎鏌愭潯鑱斿姩鍔涢噺
+ deleteLinkageForc(item,e){
+ e.stopPropagation()
+ let isDelete = window.confirm(`纭畾瑕佸垹闄${item.name}鍚梎)
+ if(isDelete){
+ this.http.delete(`/api/LinkageForces/${item.id}`).subscribe(data => {
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('鍒犻櫎鎴愬姛','纭畾',config);
+ if(item.id == this.LinkageForceDetailInfo.id){
+ this.LinkageForceDetailInfo.linkageForceType = null
+ }
+ this.getAllFireForce()
+ })
+ }
+ }
+ //褰撳墠鐐瑰嚮tab椤甸潰绗嚑涓
+ tabIndex:any = 1
+ selectedTab(index){
+ this.tabIndex = index
+ }
+
+ //鑱斿姩鍔涢噺璇︽儏鎻愪氦淇℃伅
+ LinkageForceDetailInfo:any = {
+ // id:'',//缂栧彿
+ linkageForceType:'',
+ name:'',//鍚嶇О
+ phoneNumber:'',//鑱旂郴鐢佃瘽
+ faxNumber:'',//浼犵湡
+ remark:'',//澶囨敞
+ administrativeRegion:'',//琛屾斂鍖
+ address:'',//鍦板潃
+ location:{
+ x:'',
+ y:''
+ },
+ contactName:'',//鑱旂郴浜哄鍚
+ contactTitle:'',//鑱旂郴浜鸿亴鍔
+ contactPhone:'',//鑱旂郴浜虹數璇
+ serviceContent:'',//鏈嶅姟鍐呭
+ resourceRemark:'',//璧勬簮璇存槑
+ relevantInfomationData:[]//鐩稿叧璧勬枡
+ }
+
+ //娓呯┖琛ㄥ崟鏁版嵁
+ clearData(){
+ this.deletedFile = []//娓呯┖鐩稿叧璧勬枡宸插垹闄ょ紦瀛
+ this.AttachmentArr = []//娓呯┖鐩稿叧璧勬枡
+ this.positionLngLat = {x:'',y:''}
+ this.atLastPositionLngLat = {x:'',y:''}
+ this.LinkageForceDetailInfo = {
+ // id:'',//缂栧彿
+ linkageForceType:'',
+ name:'',//鍚嶇О
+ phoneNumber:'',//鑱旂郴鐢佃瘽
+ faxNumber:'',//浼犵湡
+ remark:'',//澶囨敞
+ administrativeRegion:'',//琛屾斂鍖
+ address:'',//鍦板潃
+ location:{
+ x:'',
+ y:''
+ },
+ contactName:'',//鑱旂郴浜哄鍚
+ contactTitle:'',//鑱旂郴浜鸿亴鍔
+ contactPhone:'',//鑱旂郴浜虹數璇
+ serviceContent:'',//鏈嶅姟鍐呭
+ resourceRemark:'',//璧勬簮璇存槑
+ relevantInfomationData:[]//鐩稿叧璧勬枡
+ }
+ }
+ //鏂板鑱斿姩鍔涢噺
+ selectedFireForceTypeIndex:any//鏂板娑堥槻鍔涢噺鍚嶇О
+ addLinkageForce(){
+ const dialogRef = this.dialog.open(AddLinkageForce, {
+ data: {},
+ id:'addLinkageForce'
+ });
+ dialogRef.afterClosed().subscribe(
+ data=>{
+ if(typeof data === 'number' && !isNaN(data)){
+ this.clearData()
+ console.log('娓呯┖浜',this.LinkageForceDetailInfo)
+ this.LinkageForceDetailInfo.linkageForceType = data
+ this.newPositionMarker ? this.map.remove(this.newPositionMarker) : null
+ this.map.setCity('涓婃捣甯');
+
+ }
+ }
+ )
+ }
+ //淇濆瓨
+ save(){
+ if(!this.LinkageForceDetailInfo.name){
+ alert('鍚嶇О蹇呭～')
+ return
+ }
+ this.isMasklayer = true
+ //鍒犻櫎涓涓嬫暟鎹簱鐨勬枃浠
+ if(this.deletedFile.length != 0){
+ this.deletedFile.forEach(item => {
+ this.http.delete(`/api/Objects/PlanPlatform/${item.objectName}`).subscribe(data=>{
+ console.log('鍒犻櫎鍘熸枃浠舵垚鍔')
+ })
+ });
+ }
+
+ this.LinkageForceDetailInfo.location = {x:'',y:''}
+ this.LinkageForceDetailInfo.RelevantInfomationData = JSON.stringify(this.AttachmentArr)
+ if(this.atLastPositionLngLat.x){
+ this.LinkageForceDetailInfo.location.x = this.atLastPositionLngLat.x
+ this.LinkageForceDetailInfo.location.y = this.atLastPositionLngLat.y
+ }else{
+ this.LinkageForceDetailInfo.location = null
+ }
+ this.LinkageForceDetailInfo.relevantInfomationData = JSON.stringify(this.LinkageForceDetailInfo.relevantInfomationData)
+ let body = this.LinkageForceDetailInfo
+ if(this.LinkageForceDetailInfo.id){
+ this.http.put(`/api/LinkageForces/${this.LinkageForceDetailInfo.id}`,body).subscribe((data:any) =>{
+ console.log('淇敼鎴愬姛',data)
+ this.isMasklayer = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('淇敼鎴愬姛','纭畾',config);
+ // this.LinkageForceDetailInfo.id = data.id
+ this.getAllFireForce()
+
+ })
+ }else{
+ this.http.post('/api/LinkageForces',body).subscribe((data:any) =>{
+ console.log('鍒涘缓鎴愬姛',data)
+ this.isMasklayer = false
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('淇濆瓨鎴愬姛','纭畾',config);
+ this.LinkageForceDetailInfo = data
+ this.getAllFireForce()
+ })
+ }
+
+
+ }
+
+ map:any
+ placeSearch:any//鏋勯犲湴鐐规煡璇㈢被
+ isMapLabel:boolean = false //鏄惁宸茬粡鏍囪鍧愭爣
+ newPositionMarkerContent:any =
+ '
' +
+ '
' +
+ '
'
+ newPositionMarkerContentBtn:any =
+ '
'
+ //鍒涘缓鍦板浘
+ newPositionMarker:any//鍧愭爣瀹炰緥
+ createMap(){
+ this.map = new AMap.Map('container', {
+ zoom:12
+ })
+ this.map.setCity('涓婃捣甯');
+ //杈撳叆鎻愮ず
+ var autoOptions = {
+ input: "tipinput"
+ };
+ AMap.plugin(['AMap.PlaceSearch','AMap.AutoComplete'], ()=>{
+ let auto = new AMap.AutoComplete(autoOptions);
+ this.placeSearch = new AMap.PlaceSearch(); //鏋勯犲湴鐐规煡璇㈢被
+ auto.on("select", (e)=>{
+ this.newPositionMarker.setPosition([e.poi.location.lng,e.poi.location.lat])
+ this.positionLngLat = {x: e.poi.location.lng, y: e.poi.location.lat}
+ this.map.setCenter([e.poi.location.lng,e.poi.location.lat]); //璁剧疆鍦板浘涓績鐐
+ });//娉ㄥ唽鐩戝惉锛屽綋閫変腑鏌愭潯璁板綍鏃朵細瑙﹀彂
+
+ });
+
+ 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('涓婃捣甯');
+ }
+ }
+ //鐐瑰嚮浣嶇疆
+ isGisTopBox:boolean = false //
+ searchTitle:any = ''//
+
+ positionLngLat:any = {x:'',y:''}//涓存椂鍧愭爣鐐
+ atLastPositionLngLat:any = {x:'',y:''}//鏈缁堝潗鏍囩偣
+ setPosition(){
+ if(!this.isGisTopBox){
+ this.isGisTopBox = true
+ this.newPositionMarker ? this.map.remove(this.newPositionMarker) : null
+ let center
+ console.log(789,this.atLastPositionLngLat)
+ if(this.newPositionMarker && this.atLastPositionLngLat.x){//濡傛灉宸茬粡鏍囨敞鍗曚綅鍧愭爣
+ console.log(1)
+ center = [this.atLastPositionLngLat.x, this.atLastPositionLngLat.y]
+ }else if(this.newPositionMarker && !this.atLastPositionLngLat.x && this.LinkageForceDetailInfo.location && this.LinkageForceDetailInfo.location.x){
+ console.log(2)
+ center = [this.LinkageForceDetailInfo.location.x, this.LinkageForceDetailInfo.location.y]
+ }else{
+ console.log(3)
+ center = this.map.getCenter(); //鑾峰彇褰撳墠鍦板浘涓績浣嶇疆
+ }
+ this.newPositionMarker = new AMap.Marker({
+ draggable: true,
+ position: center,
+ content: this.newPositionMarkerContentBtn,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.positionLngLat = {x: center.lng || center[0], y: center.lat || center[1]}
+ this.map.add(this.newPositionMarker);
+ this.isMapLabel = true
+ this.newPositionMarker.on('dragend', (e)=>{
+ this.positionLngLat = {x: e.lnglat.lng, y: e.lnglat.lat}
+ })
+ //鐐瑰嚮纭畾
+ this.renderer2.listen(this.elementRef.nativeElement.querySelector('#setPositionOk'),'click',(event)=>{
+ this.isGisTopBox = false
+ this.map.remove(this.newPositionMarker)
+ this.newPositionMarker = new AMap.Marker({
+ position: [this.positionLngLat.x,this.positionLngLat.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.atLastPositionLngLat = JSON.parse(JSON.stringify(this.positionLngLat))
+ this.map.add(this.newPositionMarker);
+ this.positionLngLat = this.atLastPositionLngLat
+ })
+ this.renderer2.listen(this.elementRef.nativeElement.querySelector('#setPositionClose'),'click',(event)=>{
+ this.isGisTopBox = false
+ this.map.remove(this.newPositionMarker)
+ if(this.positionLngLat.x && this.positionLngLat.x != 0 && !this.atLastPositionLngLat.x){//鐩存帴鍙栨秷
+ this.map.remove(this.newPositionMarker)
+ this.positionLngLat = {}
+ this.atLastPositionLngLat = {}
+ }else{
+ this.newPositionMarker = new AMap.Marker({
+ position: [this.atLastPositionLngLat.x,this.atLastPositionLngLat.y],
+ content: this.newPositionMarkerContent,
+ offset: new AMap.Pixel(-15, -18)
+ });
+ this.map.setCenter([this.atLastPositionLngLat.x,this.atLastPositionLngLat.y]); //璁剧疆鍦板浘涓績鐐
+ this.map.add(this.newPositionMarker);
+ this.positionLngLat = this.atLastPositionLngLat
+ }
+ })//鍙栨秷
+ }
+
+ }
+
+
+
+
+ //涓婁紶闄勪欢
+ file:any; //涓婁紶鐨勬枃浠
+ AttachmentArr:any = []//涓婁紶闄勪欢鍦板潃闆嗗悎
+ uploadId:any//鍒嗗潡涓婁紶id
+ objectName:any
+ progressBarValue:any = 0//鍒嗗潡涓婁紶杩涘害
+ isMasklayer:boolean = false//鍦嗗湀閬僵灞傛槸鍚︽墦寮
+ isMasklayerUploading:boolean = false//涓婁紶杩涘害鏉￠伄缃╁眰鏄惁鎵撳紑
+ isMasklayerDownload:boolean = false//涓嬭浇杩涘害鏉￠伄缃╁眰鏄惁鎵撳紑
+ uploadAttachment(e){
+ console.log('閫夋嫨鐨勬枃浠',e)
+ this.file = e.target.files[0] || null //涓婁紶鐨勬枃浠
+ let file = e.target.files[0] || null //鑾峰彇涓婁紶鐨勬枃浠
+ let fileSize = file.size || null //涓婁紶鏂囦欢鐨勬诲ぇ灏
+ let shardSize = 5 * 1024 * 1024 //5MB涓涓垎鐗
+
+ if (file && fileSize<=shardSize) { //涓婁紶鏂囦欢<=5MB鏃
+ this.isMasklayer = true
+ console.log('file',this.file)
+ let formData = new FormData()
+ formData.append("file",file)
+ //this.selectedFireForce.id 閫夋嫨鐨勭粍缁囨満鏋勭殑id
+ this.http.post(`/api/Objects/PlanPlatform/LinkageForce/${this.LinkageForceDetailInfo.id}`,formData).subscribe((data:any)=>{
+ // this.objectName = data.objectName
+ let obj = {
+ objectName:data.objectName,
+ fileName:data.fileName,
+ fileLength:data.fileLength
+ }
+ this.AttachmentArr.push(obj)
+ this.isMasklayer = false
+ console.log('涓婁紶鎴愬姛',data)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('涓婁紶鎴愬姛','纭畾',config);
+ })
+ } else if (file && fileSize>shardSize) { //涓婁紶鏂囦欢>5MB鏃,鍒嗗潡涓婁紶
+ this.isMasklayerUploading = true
+ let data = {filename: file.name}
+ this.http.post(`/api/NewMultipartUpload/PlanPlatform/LinkageForce/${this.LinkageForceDetailInfo.id}`,{},{params:data}).subscribe((data:any)=>{ //鍒濆鍖栧垎娈典笂浼
+ console.log('鍒濆鍖栧垎鍧椾笂浼犳垚鍔',data)
+ this.objectName = data.objectName
+ this.uploadId = data.uploadId
+ this.subsectionUploading()
+ })
+ }
+ }
+ PartNumberETag:any=[]; //姣忔杩斿洖闇瑕佷繚瀛樼殑淇℃伅
+
+ //寮濮嬪垎娈典笂浼
+ async subsectionUploading () {
+ let file = this.file || null //鑾峰彇涓婁紶鐨勬枃浠
+ let fileSize = file.size || null //涓婁紶鏂囦欢鐨勬诲ぇ灏
+ let shardSize = 5 * 1024 * 1024 //5MB涓涓垎鐗
+ let allSlice = Math.ceil(fileSize / shardSize) //鎬绘枃浠/5MB===鍏卞垎澶氬皯娈
+ for (let i = 0;i < allSlice;i++) { //寰幆鍒嗘涓婁紶
+ let start = i * shardSize //鍒囧壊鏂囦欢寮濮嬩綅缃
+ let end = Math.min(fileSize, start + shardSize); //鍒囧壊鏂囦欢缁撴潫浣嶇疆
+ let formData = new FormData()
+ formData.append("file",file.slice(start, end))
+
+ //鍚屾鍐欐硶瀹炵幇寮傛璋冪敤
+ let result = await new Promise((resolve, reject) => {
+ // await 闇瑕佸悗闈㈣繑鍥炰竴涓 promise 瀵硅薄
+ this.http.post(`/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${this.uploadId}&partNumber=${i+1}`,formData).subscribe((data:any)=>{
+ let msg = {
+ "partNumber":data.partNumber || null,
+ "eTag": data.eTag || null}
+ resolve(msg) // 璋冪敤 promise 鍐呯疆鏂规硶澶勭悊鎴愬姛
+ })
+ });
+ this.PartNumberETag.push(result)
+ // this.progressBarValue = Number((i/allSlice).toFixed(2))*100
+ this.progressBarValue = this.accMul(Number((i/allSlice).toFixed(2))*100,1,0)
+ if (this.PartNumberETag.length === allSlice) {
+ this.progressBarValue = 100
+ this.endUploading()}
+ }//for寰幆
+
+ }
+
+ //瀹屾垚鍒嗗潡涓婁紶
+ endUploading () {
+ let data = this.PartNumberETag
+ let paramsData = {uploadId:this.uploadId}
+ this.http.post(`/api/CompleteMultipartUpload/PlanPlatform/${this.objectName}`,data,{params:paramsData}).subscribe(data=>{
+ this.PartNumberETag =[] //娓呯┖淇濆瓨杩斿洖鐨勪俊鎭
+ let obj = {
+ objectName:this.objectName,
+ fileName:this.file.name,
+ fileLength:this.file.size
+ }
+ this.AttachmentArr.push(obj)
+ this.isMasklayerUploading = false//鍏抽棴杩涘害鏉￠伄缃╁眰
+ this.progressBarValue = 0//閲嶇疆杩涘害鏁
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('涓婁紶鎴愬姛','纭畾',config);
+ })
+ }
+ //鍙栨秷鍒嗗潡涓婁紶
+ cancelUploading() {
+ this.http.delete(`/api/MultipartUpload/PlanPlatform/${this.objectName}?uploadId=${this.uploadId}`).subscribe(data=>{
+ this.progressBarValue = 0;
+ this.isMasklayerUploading= false
+ this.PartNumberETag =[] //娓呯┖淇濆瓨杩斿洖鐨勪俊鎭
+ const config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('鍙栨秷涓婁紶鎴愬姛','纭畾',config);
+ })
+ }
+
+ //涓嬭浇
+ download (e) {
+ this.isMasklayerDownload = true //寮鍚笅杞借繘搴︽潯
+ let file = e //浼犻掕繃鏉ョ殑鏂囦欢鍏冩暟鎹
+ let fileSize = file.fileLength //涓嬭浇鏂囦欢鐨勬诲ぇ灏
+ let shardSize = 3 * 1024 * 1024 //鏂囦欢澶у皬鏄惁澶т簬10MB
+ if (file && fileSize<=shardSize) { //<=3MB鏃剁洿鎺ヤ笅杞
+ this.progressBarValue = 60
+ this.http.get(`/api/Objects/PlanPlatform/${e.objectName}`,{responseType: 'blob'},).subscribe(data=>{
+ let url = window.URL.createObjectURL(new Blob([data])); //createObjectURL鍒涘缓涓涓笅杞紹lob鐨剈rl鍦板潃
+ let link = document.createElement("a");
+ link.style.display = "none";
+ link.href = url;
+ let fileName = e.fileName ? e.fileName : e.objectName.split('/')[e.objectName.split('/').length-1]
+ link.setAttribute("download", fileName);
+ document.body.appendChild(link);
+ link.click();
+ this.isMasklayerDownload = false //鍏抽棴涓嬭浇杩涘害鏉
+ this.progressBarValue = 0 //鍒濆鍖栬繘搴︽潯
+ })
+ } else if (file && fileSize>shardSize) { //>3MB鏃跺垎鍧椾笅杞
+ this.blockingDownload(e) //鍒嗘涓嬭浇
+ }
+
+ }
+
+ //鍒嗘涓嬭浇骞跺悎骞
+ async blockingDownload (e) {
+ let file = e //浼犻掕繃鏉ョ殑鏂囦欢鍏冩暟鎹
+ let fileSize = file.fileLength //涓嬭浇鏂囦欢鐨勬诲ぇ灏
+ let shardSize = 3 * 1024 * 1024 //3MB涓涓垎鐗
+ let allSlice = Math.ceil(fileSize / shardSize) //鎬绘枃浠/3MB===鍏卞垎澶氬皯娈
+ let allFile:any = [] //鎵鏈夌殑file鍒嗘
+
+ for (let i=0;i
{
+ this.http.get(`/api/Objects/PlanPlatform/${e.objectName}`,{headers:{'range':`bytes= ${start}-${end}`},responseType:'blob'}).subscribe(data=>{
+ result(data) })
+ })
+ allFile.push(result)
+ // this.progressBarValue = Number((i/allSlice).toFixed(2))*100 //鏂囦欢杩涘害鏁
+ this.progressBarValue = this.accMul(Number((i/allSlice).toFixed(2))*100,1,0)
+ if (allFile.length === allSlice) { //鍚堝苟鏂囦欢杈撳嚭缁欐祻瑙堝櫒
+ let url = window.URL.createObjectURL(new Blob(allFile)); //createObjectURL鍒涘缓涓涓笅杞紹lob鐨剈rl鍦板潃
+ let link = document.createElement("a");
+ link.style.display = "none";
+ link.href = url;
+ let fileName = e.fileName ? e.fileName : e.objectName.split('/')[e.objectName.split('/').length-1]
+ link.setAttribute("download", fileName);
+ document.body.appendChild(link);
+ link.click();
+ this.isMasklayerDownload = false //鍏抽棴涓嬭浇杩涘害鏉
+ this.progressBarValue = 0 //鍒濆鍖栬繘搴︽潯
+ }
+
+ } //for寰幆缁撴潫
+
+ }
+
+ //鍒犻櫎鍥剧墖
+ deletedFile:any = []
+ deleteFile(item,e){
+ console.log(this.AttachmentArr)
+ e.stopPropagation()
+ let isTrue = window.confirm('纭畾瑕佸垹闄よ鏂囦欢鍚楋紵')
+ if(isTrue){
+ let index
+ this.AttachmentArr.forEach((element,key) => {
+ if(element.objectName == item.objectName){
+ index = key
+ }
+ });
+ this.AttachmentArr.splice(index,1)
+ this.deletedFile.push(item)
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('鍒犻櫎鎴愬姛','纭畾',config);
+ }
+ }
+
+ //鐐瑰嚮鏂囦欢
+ clickFile(item){
+ console.log(item)
+ let suffix = item.fileName.split('.')[item.fileName.split('.').length-1]
+ if(suffix == 'png' || suffix == 'jpg' || suffix == 'JPG'){
+ console.log('杩欐槸鍥剧墖')
+ let dom = document.getElementById(`viewerjs`)
+ let pObjs = dom.childNodes;
+ let node = document.createElement("img")
+ node.style.display = "none";
+ node.src = "/api/Objects/PlanPlatform/" + item.objectName;
+ node.id = 'img'
+ dom.appendChild(node)
+ setTimeout(() => {
+ let viewer = new Viewer(document.getElementById(`viewerjs`), {
+ hidden:()=>{
+ dom.removeChild(pObjs[0]);
+ viewer.destroy();
+ }
+ });
+ node.click();
+ }, 0);
+ }
+ if(suffix == 'docx' || suffix == 'doc' || suffix == 'pdf'){
+ let config = new MatSnackBarConfig();
+ config.verticalPosition = 'top';
+ config.duration = 3000
+ this.snackBar.open('鏆備笉鏀寔鏌ョ湅','纭畾',config);
+ }
+ if(suffix == 'mp4'){
+ const dialogRef = this.dialog.open(ViewDetails2, {//璋冪敤open鏂规硶鎵撳紑瀵硅瘽妗嗗苟涓旀惡甯﹀弬鏁拌繃鍘
+ data: {item:item,type:"video"},
+ id:'videodialog2'
+ });
+ dialogRef.afterClosed().subscribe();
+ }
+ }
+
+}
+
+
+
+
+//鏂板鑱斿姩鍔涢噺寮瑰嚭妗
+@Component({
+ selector: 'AddLinkageForce',
+ templateUrl: './addLinkageForce.html',
+ styleUrls: ['./linkage-forces.component.scss']
+})
+export class AddLinkageForce {
+
+ constructor(private http: HttpClient,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data,public snackBar: MatSnackBar) {}
+
+
+ addList:any = [
+ {id:0,name:'瀹夌洃',imgUrl:'/assets/linkageForces/瀹夌洃.png'},
+ {id:1,name:'鐢靛姏灞',imgUrl:'/assets/linkageForces/鐢靛姏灞.png'},
+ {id:2,name:'鍏畨',imgUrl:'/assets/linkageForces/鍏畨.png'},
+ {id:3,name:'娴蜂簨',imgUrl:'/assets/linkageForces/娴蜂簨.png'},
+ {id:4,name:'鐜繚灞',imgUrl:'/assets/linkageForces/鐜繚灞.png'},
+ {id:5,name:'浜ら',imgUrl:'/assets/linkageForces/浜ら.png'},
+ {id:6,name:'姘戞斂',imgUrl:'/assets/linkageForces/姘戞斂.png'},
+ {id:7,name:'姘旇薄灞',imgUrl:'/assets/linkageForces/姘旇薄灞.png'},
+ {id:8,name:'鐕冩皵灞',imgUrl:'/assets/linkageForces/鐕冩皵灞.png'},
+ {id:9,name:'甯傛斂',imgUrl:'/assets/linkageForces/甯傛斂.png'},
+ {id:10,name:'姘村埄',imgUrl:'/assets/linkageForces/姘村埄.png'},
+ {id:11,name:'閫氫俊',imgUrl:'/assets/linkageForces/閫氫俊.png'},
+ {id:12,name:'鍖荤枟',imgUrl:'/assets/linkageForces/鍖荤枟.png'},
+ {id:13,name:'搴旀ョ鐞',imgUrl:'/assets/linkageForces/搴旀ョ鐞.png'},
+ {id:14,name:'浣忓缓',imgUrl:'/assets/linkageForces/浣忓缓.png'}
+ ]
+ selectedFireForceTypeIndex:any = 0
+ selecteAddType(item,key){
+ this.selectedFireForceTypeIndex = item.id
+
+ }
ngOnInit(): void {
+
+ }
+
+ confirm(){
+ this.dialogRef.close(this.selectedFireForceTypeIndex)
}
}
+
+//鏌ョ湅鍥剧墖澶у浘鍜岃棰
+@Component({
+ selector: 'viewdetails',
+ templateUrl: './viewdetails.html',
+ styleUrls: ['./linkage-forces.component.scss']
+})
+export class ViewDetails2 {
+ // myControl = new FormControl();
+ //娉ㄥ叆MatDialogRef锛屽彲浠ョ敤鏉ュ叧闂璇濇
+ //瑕佽闂璇濇缁勪欢涓殑鏁版嵁锛屽繀椤讳娇鐢∕AT_DIALOG_DATA娉ㄥ叆浠ょ墝
+ constructor(private http: HttpClient,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data) {}
+ Url:string
+ onNoClick(): void {
+ this.dialogRef.close();
+ }
+ ngOnInit(): void {
+ this.Url = '/api/Objects/PlanPlatform/' + this.data.item.objectName
+ }
+ closeDialog(){
+ this.dialogRef.close();
+ }
+
+}
\ No newline at end of file
diff --git a/src/app/data-collection/linkage-forces/viewdetails.html b/src/app/data-collection/linkage-forces/viewdetails.html
new file mode 100644
index 0000000..6d917bb
--- /dev/null
+++ b/src/app/data-collection/linkage-forces/viewdetails.html
@@ -0,0 +1 @@
+
+ 
+ 
+ 
+ 
' +
+ '
|