+
+
+
+
+
+ 单位信息
+ keyboard_arrow_down
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/ui/basicinfo/basicinfo.component.scss b/src/app/ui/basicinfo/basicinfo.component.scss
new file mode 100644
index 0000000..c80c8c3
--- /dev/null
+++ b/src/app/ui/basicinfo/basicinfo.component.scss
@@ -0,0 +1,269 @@
+.topbox{
+ height: 485px;
+ width: 100%;
+ // border-bottom: 1px solid black;
+ .mainbox{
+ height: 100%;
+ position: relative;
+ .mainleft{
+ width:800px;
+ height: 100%;
+ // background-color: yellow;
+ float: left;
+ .inputbox{
+ width: 343px;
+ height: 58px;
+ margin:2px 6px;
+ float: left;
+ text-align: end;
+ }
+ .organizationbox{
+ width:538px;
+ height: 200px;
+ background: white;
+ position: absolute;
+ top: 164px;
+ left:166px;
+ z-index: 100;
+ border: 1px solid grey;
+ overflow: auto;
+ li{
+ list-style: none;
+
+ }
+ mat-tree-node{
+ cursor: pointer;
+ }
+ mat-tree-node:hover{
+ background: rgba(225, 225, 225, 0.8);
+ }
+ }
+ .addbtn{
+ width: 695px;
+ position: absolute;
+ bottom: -495px;
+ text-align: center;
+ margin-bottom:20px;
+ button{
+ margin: 0 4px;
+ }
+ }
+ .uploadimg{
+ width: 400px;
+ height: 200px;
+ float: left;
+ 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;
+
+ position: absolute;
+ top: 0px;
+ left: 79px;
+ border: 1px dashed gray;
+ border-radius:3px;
+ }
+
+ }
+ .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;
+
+ }
+ }
+}
+.bottombox{
+ // height:400px;
+ width: 100%;
+ // background-color: skyblue;
+
+ .bottomtitle{
+ height: 60px;
+ // background-color: orange;
+ line-height: 60px;
+ border-top: 1px solid black;
+ border-bottom: 1px solid black;
+ }
+ .houseinfobox{
+ // height:340px;
+ overflow: auto;
+ .addhouseinfo{
+ float: left;
+ }
+ .infobtnbox{
+ margin-left: 800px;
+ position: absolute;
+ top: 30px;
+ right: 75px;
+ button{
+ width: 80px;
+ height: 40px;
+ margin: 0 12px;
+ margin-top: 15px;
+ }
+ }
+ .infotitle{
+ font-size: 28px;
+ font-weight: 900;
+ margin-left: 180px;
+ }
+ .houseinfoinput{
+ width: 393px;
+ text-align: end;
+ margin-left:240px;
+ }
+ }
+}
+
+.btn{
+ width: 100%;
+ text-align: center;
+ button{
+ margin: 0 8px;
+ }
+}
+.mat-spinner{
+ margin-top: 58px;
+ margin-left: 203px;
+}
+.mat-table{
+ width: 100%;
+}
+
+table{
+ width: 1000px;
+ thead{
+ tr{
+ th{
+ width: 60px;
+ display: block;
+ float: left;
+
+ }
+ }
+ }
+ tbody{
+ tr{
+
+ td{
+ width: 60px;
+ display: block;
+ float: left;
+ text-align: center;
+ }
+ }
+ }
+}
+
+.deviceinfo{
+ // border-bottom: 1px solid black;;
+ padding-bottom: 60px;
+}
+.tankdetailinfo{
+ // border-bottom: 1px solid black;;
+ padding-bottom: 35px;
+ table{
+ th{
+ text-align: center;
+ }
+ }
+}
+.tankinfo{
+ display: block;
+ width: 100%;
+ // height: 45px;
+ text-align: center;
+}
+// .adddeviceinfo{
+// // position: absolute;
+// // left: 0px;
+// }
+.submit1{
+ margin-left: -66px !important;
+}
+textarea {
+ vertical-align: middle;
+ border-radius: 5px;
+ padding: 5px;
+ width: 600px;
+ height: 110px;
+ resize: none;
+ }
+ //预览图片旋转角度
+ .img1{
+ transform:rotate(90deg) scale(0.55);
+ height: 100%;
+}
+.img2{
+ transform:rotate(180deg);
+ // height: 100%;
+}
+.img3{
+ transform:rotate(270deg) scale(0.55);
+ // height: 100%;
+}
+.img4{
+ transform:rotate(90deg) scale(1.3);
+ // height: 100%;
+}
+.img5{
+ transform:rotate(180deg);
+ // height: 100%;
+}
+.img6{
+ transform:rotate(270deg) scale(1.3);
+ // height: 100%;
+}
+.imgbox{
+ text-align: center;
+ height: 750px;
+ img{
+ max-width: 1500px;
+ max-height: 740px;
+ }
+}
+.previewImgBottom{
+ text-align: center;
+}
+.alert-danger {
+ margin-top: -16px;
+ text-align: left;
+ padding-left: 77px;
+ font-size: 12px;
+ color: red;
+ }
+.mat-expansion-panel{
+ span{
+ color: black;
+ }
+}
\ No newline at end of file
diff --git a/src/app/ui/basicinfo/basicinfo.component.spec.ts b/src/app/ui/basicinfo/basicinfo.component.spec.ts
new file mode 100644
index 0000000..81d25e7
--- /dev/null
+++ b/src/app/ui/basicinfo/basicinfo.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { BasicinfoComponent } from './basicinfo.component';
+
+describe('BasicinfoComponent', () => {
+ let component: BasicinfoComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 单位照片
+
+
+
+
+
+
+
+
diff --git a/src/app/ui/basicinfo/lookmaster.component.ts b/src/app/ui/basicinfo/lookmaster.component.ts
new file mode 100644
index 0000000..79f3883
--- /dev/null
+++ b/src/app/ui/basicinfo/lookmaster.component.ts
@@ -0,0 +1,66 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import {MatTreeFlatDataSource, MatTreeFlattener} from '@angular/material/tree';
+import {FlatTreeControl} from '@angular/cdk/tree';
+import { HttpClient } from '@angular/common/http';
+import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog';
+import {FormControl} from '@angular/forms';
+import { MatSnackBar } from '@angular/material/snack-bar';
+
+@Component({
+ selector: 'lookmaster',
+ templateUrl: './lookmaster.component.html',
+ styleUrls: ['./basicinfo.component.scss']
+ })
+ export class LookMaster {
+ // myControl = new FormControl();
+ //注入MatDialogRef，可以用来关闭对话框
+ //要访问对话框组件中的数据，必须使用MAT_DIALOG_DATA注入令牌
+ constructor(private http: HttpClient,public dialogRef: MatDialogRef
+
+
+
+
+
+
+
+
+ ![]()
+
+
+ 暂无单位图片，请先上传
+