diff --git a/src/app/plan-audit/plan-record/plan-record.component.html b/src/app/plan-audit/plan-record/plan-record.component.html index 8ee2b14..da065f3 100644 --- a/src/app/plan-audit/plan-record/plan-record.component.html +++ b/src/app/plan-audit/plan-record/plan-record.component.html @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-12-25 10:19:31 * @LastEditors: sueRimn - * @LastEditTime: 2021-01-21 10:12:20 + * @LastEditTime: 2021-01-28 13:41:39 -->
{{item.contentType=='1'?'Ⅰ级预案':item.contentType=='2'?'Ⅱ级预案':item.contentType=='3'?'Ⅲ级预案':item.contentType=='4'?'Ⅳ级预案':item.contentType=='5'?
@@ -118,7 +118,7 @@
-
diff --git a/src/app/plan-audit/plan-record/plan-record.component.scss b/src/app/plan-audit/plan-record/plan-record.component.scss
index 399b92a..8698bd7 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.scss
+++ b/src/app/plan-audit/plan-record/plan-record.component.scss
@@ -65,6 +65,17 @@
width: 55%;
background-color: #FFFFFF;
margin-left: 10px;
+ .word{
+ width: 100%;
+ height: 100%;
+ //margin: 10px 10px 0 10px;
+ iframe{
+ height: 94%;
+ width: 97%;
+ margin: 30px 10px 10px 10px;
+ overflow-y: auto;
+ }
+ }
}
}
th,td{
diff --git a/src/app/plan-audit/plan-record/plan-record.component.ts b/src/app/plan-audit/plan-record/plan-record.component.ts
index 3fc1f35..93550be 100644
--- a/src/app/plan-audit/plan-record/plan-record.component.ts
+++ b/src/app/plan-audit/plan-record/plan-record.component.ts
@@ -4,12 +4,14 @@
* @Author: sueRimn
* @Date: 2020-12-25 10:19:31
* @LastEditors: sueRimn
- * @LastEditTime: 2021-01-21 10:15:50
+ * @LastEditTime: 2021-01-28 13:40:31
*/
import { Component, OnInit } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';
import { HttpClient } from '@angular/common/http'
+import { DomSanitizer } from '@angular/platform-browser';
+import CryptoJS from 'crypto-js/crypto-js'
@Component({
selector: 'app-plan-record',
@@ -18,7 +20,7 @@ import { HttpClient } from '@angular/common/http'
})
export class PlanRecordComponent implements OnInit {
- constructor(private http:HttpClient,public snackBar: MatSnackBar) { }
+ constructor(private http:HttpClient,public snackBar: MatSnackBar,private sanitizer: DomSanitizer) { }
ngOnInit(): void {
let level = sessionStorage.getItem("level");
@@ -52,8 +54,13 @@ export class PlanRecordComponent implements OnInit {
]
this.PlanLevel=3
}
+ this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
this.getAlltabledate()
}
+
+ wordShow=true
+ iframeSrc
+ src=''
selected = new FormControl(0); //选项卡 实例
preparelevels:any
level=''//类型
@@ -109,5 +116,40 @@ export class PlanRecordComponent implements OnInit {
}
this.getAlltabledate()
}
+ //表格点击事件
+ tableClick(e,item){
+ //e.target.parentElement.bgColor='#2196F3'
+ //console.log(e,item)
+ let filename:string
+ let fetchUrl
+ this.http.get(`/api/PlanComponents/${item.itemId}`).subscribe((data:any)=>{
+ fetchUrl=data.attachmentUrls[0]
+ this.http.get(`/api/ObjectMetadata/PlanPlatform/${fetchUrl}`).subscribe((data:any)=>{
+ filename=data.fileName
+ let json={
+ doc: {
+ docId: item.id,
+ title: filename,
+ //title: filename,
+ fetchUrl: "http://39.106.78.171:8000/api/Objects/PlanPlatform/"+fetchUrl
+ },
+ user: {
+ uid: "test",
+ nickName: "test",
+ avatar: "",
+ privilege: [
+ 'FILE_READ','FILE_DOWNLOAD', 'FILE_PRINT'
+ ],
+ },
+ }
+ var stringjson=JSON.stringify(json)
+ var wordArray = CryptoJS.enc.Utf8.parse(stringjson);
+ var base64 = CryptoJS.enc.Base64.stringify(wordArray);
+ this.src=`http://121.5.10.84/apps/editor/openPreview?data=${base64}`
+ this.iframeSrc=this.sanitizer.bypassSecurityTrustResourceUrl(this.src);
+ //window.open(`http://121.5.10.84/apps/editor/openPreview?data=${base64}`)
+ })
+ })
+ }
}
diff --git a/src/app/plan-audit/wait-examineer/wait-examineer.component.html b/src/app/plan-audit/wait-examineer/wait-examineer.component.html
index 318d4e5..87f144e 100644
--- a/src/app/plan-audit/wait-examineer/wait-examineer.component.html
+++ b/src/app/plan-audit/wait-examineer/wait-examineer.component.html
@@ -54,7 +54,7 @@
+
+
|
+
\ No newline at end of file
diff --git a/src/app/plan-management/maintain-up/maintain-up.component.scss b/src/app/plan-management/maintain-up/maintain-up.component.scss
new file mode 100644
index 0000000..1c435e5
--- /dev/null
+++ b/src/app/plan-management/maintain-up/maintain-up.component.scss
@@ -0,0 +1,256 @@
+.header {
+ width: 100%;
+ padding: 12px 10px;
+ // margin-bottom: 10px;
+ box-sizing: border-box;
+ // border-bottom: 1px solid black;
+ .queryBox {
+ box-sizing: border-box;
+ padding: 5px 25px 0 25px;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items:center;
+ // justify-content:center;
+ .queryField {
+ margin: 0 40px;
+ input {
+ width: 180px;
+ height: 22px;
+ line-height: 22px;
+ border-radius: 3px;}
+ }
+
+ } //queryBox
+ .butclass{
+ button{
+ width: 80px;height: 36px;
+ font-size: 16px;
+ }
+ }
+ .ordiv{
+ position: relative;
+
+ .organizationbox{
+ width:450px;
+ height: 200px;
+ background: white;
+ position: absolute;
+ top: 48px;
+ left: 77px;
+ z-index: 999;
+ border: 1px solid grey;
+ overflow-y: auto;
+ background-color: #fafafa;
+ li{
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ background-color: #fafafa;
+ }
+ mat-tree-node{
+ cursor: pointer;
+ white-space:pre;
+ background-color: #fafafa;
+ }
+ mat-tree-node:hover{
+ background: rgba(225, 225, 225, 0.8);
+ li{
+ background: rgba(225, 225, 225, 0.8);
+ }
+ }
+ .closediv{
+ z-index: 100;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 30px;
+ height: 30px;
+ cursor: pointer;
+ line-height: 30px;
+ text-align: center;
+ }
+ .closediv:hover{
+ background:rgba(225, 225, 225, 0.8);
+ }
+ }
+
+ }
+ }
+ .newadd{
+ margin-top: 12px;
+ margin-left: 70px;
+ display: flex;
+ button{
+ font-size: 16px;
+ width: 100px;
+ height: 36px;
+ }
+}
+ .body{
+ .buttonbox{
+ padding-left: 50px;
+ button{
+ margin:0 10px
+ }
+ }
+ .tablebox{
+ table{
+ width: 100%;
+ margin-left: 0%;
+ margin-top:15px;
+ }
+ mat-paginator{
+ width: 100%;
+ margin-left: 0%;
+ }
+ .mat-column-unitname{
+ width: 15%;
+ }
+ .mat-column-integrity{
+ width: 13%;
+ }
+ .mat-column-operation{
+ width: 5%;
+ }
+ .mat-column-jurisdictionsquadron{
+ width: 10%;
+ }
+ }
+ }
+
+ .mat-header-cell{
+ text-align: center;
+ }
+ .mat-cell{
+ text-align: center;
+ span{
+ // color:red;
+ // margin: 0 3px;
+ cursor: pointer;
+ }
+ span:hover{
+ text-decoration:underline
+ }
+ .grey{
+ color: grey;
+ pointer-events: none;
+ }
+ }
+
+ //完整度
+ .integrityDiv{
+ width: 70%;
+ height: 30px;
+ background-color: #e2e7ee;
+ // background-image: linear-gradient(to right, #e2e7ee ,#FF4500, #FF8C00,#32cd32);
+ margin: 0 auto;
+ position: relative;
+ .integrityNum{
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ color: black;
+ font-weight: 800;
+ font-size: 15px;
+ cursor: default;
+ }
+ .integrityColorDiv{
+ height: 100%;
+ }
+ .integrityDetails{
+ position: absolute;
+ display: none;
+ width: 350px;
+ height:280px;
+ 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 0;
+ 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%;
+ }
+ }
+ }
+
+ }
+ }
+ .bottomposition{
+ top: 2px;
+ left: 188px;
+ }
+ .topposition{
+ top: -252px;
+ left: 188px;
+ }
+ }
+ .integrityDiv:hover{
+ .integrityDetails{
+ display: block;
+ }
+ }
\ No newline at end of file
diff --git a/src/app/plan-management/maintain-up/maintain-up.component.spec.ts b/src/app/plan-management/maintain-up/maintain-up.component.spec.ts
new file mode 100644
index 0000000..fcd7853
--- /dev/null
+++ b/src/app/plan-management/maintain-up/maintain-up.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MaintainUpComponent } from './maintain-up.component';
+
+describe('MaintainUpComponent', () => {
+ let component: MaintainUpComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
|