From e538e7983dedfbd3c423dd292af9a90a5951a69d Mon Sep 17 00:00:00 2001
From: SHAOJIAHAO <55341701@qq.com>
Date: Fri, 8 Apr 2022 15:42:17 +0800
Subject: [PATCH] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=E5=AE=8C=E5=96=84=E5=88=9B?=
=?UTF-8?q?=E5=BB=BA=E8=AF=95=E5=8D=B7=E9=80=89=E6=8B=A9=E5=8D=95=E4=BD=8D?=
=?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../examiner-new-one.component.html | 95 ++---
.../examiner-new-one.component.scss | 341 +++++++++---------
.../examiner-new-one.component.spec.ts | 25 --
.../examiner-new-one.component.ts | 229 +-----------
4 files changed, 232 insertions(+), 458 deletions(-)
delete mode 100644 src/app/examiner/examiner-new-one/examiner-new-one.component.spec.ts
diff --git a/src/app/examiner/examiner-new-one/examiner-new-one.component.html b/src/app/examiner/examiner-new-one/examiner-new-one.component.html
index 11e6258..311d589 100644
--- a/src/app/examiner/examiner-new-one/examiner-new-one.component.html
+++ b/src/app/examiner/examiner-new-one/examiner-new-one.component.html
@@ -12,54 +12,56 @@
-
+ |
|
-
+
|
@@ -70,10 +72,11 @@
消防救援站 |
{{element.organizationName}} |
-
+
单位类型 |
- {{element.buildingTypes.length != 0 ? element.buildingTypes[0].name : ''}} |
+ {{element.buildingTypes.length != 0 ?
+ element.buildingTypes[0].name : ''}} |
统一社会信用代码 |
@@ -82,9 +85,7 @@
-
@@ -94,7 +95,7 @@
所选单位
-
+
单位名称 |
操作 |
@@ -108,7 +109,9 @@
-
+
-
+
\ No newline at end of file
diff --git a/src/app/examiner/examiner-new-one/examiner-new-one.component.scss b/src/app/examiner/examiner-new-one/examiner-new-one.component.scss
index c676e02..0af5a2f 100644
--- a/src/app/examiner/examiner-new-one/examiner-new-one.component.scss
+++ b/src/app/examiner/examiner-new-one/examiner-new-one.component.scss
@@ -1,198 +1,187 @@
-
table {
- width: 100%;
+ width: 100%;
+ text-align: center;
+
+ .cdk-header-cell {
text-align: center;
- .cdk-header-cell {
- text-align: center;
- }
}
-
- .content {
- width: 100%;
- height: 100%;
- overflow: hidden;
- background: #F2F5F6;
- display: flex;
- overflow-y: auto;
- .contentLeft{
- width: 80%;
- height: 94%;
- margin: 20px 20px 10px 50px;
- background-color: #FFFFFF;
- border-radius: 16px ;
- .contenttable{
- width: 95%;
- height: 80%;
- //margin-right: 40px;
- margin-left: 30px;
- //background-color: none;
- table{
- width: 100%;
- margin-top: 15px;
- background-color:transparent;
- font-size: 16px;
- th{
- background-color: #F5FDFE;
- color: #000000;
- font-size: 15px;
- }
- td{font-size: 15px;}
- .mat-table{
- background-color:transparent;
- }
+}
+
+.content {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ background: #F2F5F6;
+ display: flex;
+ overflow-y: auto;
+
+ .contentLeft {
+ width: 80%;
+ height: 94%;
+ margin: 20px 20px 10px 50px;
+ background-color: #FFFFFF;
+ border-radius: 16px;
+
+ .contenttable {
+ width: 95%;
+ height: 80%;
+ //margin-right: 40px;
+ margin-left: 30px;
+
+ //background-color: none;
+ table {
+ width: 100%;
+ margin-top: 15px;
+ background-color: transparent;
+ font-size: 16px;
+
+ th {
+ background-color: #F5FDFE;
+ color: #000000;
+ font-size: 15px;
+ }
+
+ td {
+ font-size: 15px;
+ }
+
+ .mat-table {
+ background-color: transparent;
+ }
}
- mat-paginator{
- width: 100%;
- // margin-top: 30px;
+
+ mat-paginator {
+ width: 100%;
+ // margin-top: 30px;
}
+ }
+ }
+
+ .contentRight {
+ width: 320px;
+ height: 94%;
+ margin: 20px 20px 10px 10px;
+ background-color: #FFFFFF;
+ border-radius: 16px;
+ display: flex;
+ flex-direction: column;
+
+ .rightone {
+ width: 100%;
+ margin: 30px 20px;
+
+ span {
+ font-size: 20px;
}
}
-
- .contentRight{
- width: 320px;
- height: 94%;
- margin: 20px 20px 10px 10px;
- background-color: #FFFFFF;
- border-radius: 16px ;
- display: flex;
- flex-direction: column;
- .rightone{
- width: 100%;
- margin:30px 20px;
- span{
- font-size: 20px;
+
+ .righttwo {
+ height: 670px;
+ width: 280px;
+ margin-left: 20px;
+ overflow-y: auto;
+
+ table {
+
+ th,
+ td {
+ height: 48px;
+ font-size: 15px;
}
- }
- .righttwo{
- height: 670px;
- width:280px;
- margin-left: 20px;
- overflow-y: auto;
- table{
- th,td{
- height: 48px;
- font-size: 15px;
- }
- thead{
- background-color: #F5FDFE;
- }
- table tbody{
- height: 570px;
- overflow-y:scroll;
- tr{
- table-layout:fixed
- }
+
+ thead {
+ background-color: #F5FDFE;
+ }
+
+ table tbody {
+ height: 570px;
+ overflow-y: scroll;
+
+ tr {
+ table-layout: fixed
}
}
}
- ::-webkit-scrollbar {
- width:2px;
- }
+ }
+
+ ::-webkit-scrollbar {
+ width: 2px;
}
}
- .header {
- width: 100%;
- padding: 10px;
- margin-bottom: 10px;
+}
+
+.header {
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 10px;
+ box-sizing: border-box;
+
+ .queryBox {
box-sizing: border-box;
- .queryBox {
- box-sizing: border-box;
- padding: 5px 10px;
+ padding: 5px 10px;
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: left;
+
+ .queryField {
+ margin-left: 12px;
+ font-size: 14px;
display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- align-items:center;
- justify-content:left;
- .queryField {
- margin: 0 10px;
- font-size: 14px;
- display: flex;
- flex-direction: column;
- input {
- width: 260px;
- height: 44px;
- line-height: 34px;
- border-radius: 5px;
- padding-left: 5px;
- outline: none;
- border: 1px solid rgb(226, 211, 211);
- }
- button {
- border: none;
- color: white;
- padding: 5px 25px;
- text-align: center;
- text-decoration: none;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- border-radius: 8px;
- outline:0 none !important;
- }
-
+ flex-direction: column;
+
+ input {
+ width: 250px;
+ height: 33px;
+ line-height: 33px;
+ border-radius: 2px;
+ padding-left: 5px;
+ outline: none;
+ border: 1px solid rgb(226, 211, 211);
}
- .ordiv{
- position: relative;
- .organizationbox{
- button{
- color: #000000;
- position: relative;
- bottom: 5px;
- }
- width:450px;
- height: 200px;
- background: white;
- position: absolute;
- top: 70px;
- //left: 27px;
- z-index: 999;
- border: 1px solid grey;
- overflow-y: auto;
- li{
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- mat-tree-node{
- cursor: pointer;
- white-space:pre;
- }
- mat-tree-node:hover{
- 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);
- }
- }
+
}
- .headerright{
- float: right;
+
+ .queryFieldBtn {
+ display: flex;
+
+ button {
+ border: none;
+ color: white;
+ padding: 0px 12px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 13px;
+ cursor: pointer;
+ border-radius: 3px;
+ outline: 0 none !important;
+ margin-top: 15px;
+ margin-left: 12px;
}
- } //queryBox
+ }
}
+}
-
- .operationSpan{
- margin: 0 10px;
- .spanbtn {
- font-weight: 550;
- cursor: pointer;
- }
- .green{ color: #04ced1; }
- .red{ color: #FF8678 }
- .gray{ color: gray; }
+
+.operationSpan {
+ margin: 0 10px;
+
+ .spanbtn {
+ font-weight: 550;
+ cursor: pointer;
+ }
+
+ .green {
+ color: #04ced1;
+ }
+
+ .red {
+ color: #FF8678
+ }
+
+ .gray {
+ color: gray;
}
-
\ No newline at end of file
+}
diff --git a/src/app/examiner/examiner-new-one/examiner-new-one.component.spec.ts b/src/app/examiner/examiner-new-one/examiner-new-one.component.spec.ts
deleted file mode 100644
index c142b26..0000000
--- a/src/app/examiner/examiner-new-one/examiner-new-one.component.spec.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ExaminerNewOneComponent } from './examiner-new-one.component';
-
-describe('ExaminerNewOneComponent', () => {
- let component: ExaminerNewOneComponent;
- let fixture: ComponentFixture;
-
- beforeEach(async(() => {
- TestBed.configureTestingModule({
- declarations: [ ExaminerNewOneComponent ]
- })
- .compileComponents();
- }));
-
- beforeEach(() => {
- fixture = TestBed.createComponent(ExaminerNewOneComponent);
- component = fixture.componentInstance;
- fixture.detectChanges();
- });
-
- it('should create', () => {
- expect(component).toBeTruthy();
- });
-});
diff --git a/src/app/examiner/examiner-new-one/examiner-new-one.component.ts b/src/app/examiner/examiner-new-one/examiner-new-one.component.ts
index 0f05c58..8f368d0 100644
--- a/src/app/examiner/examiner-new-one/examiner-new-one.component.ts
+++ b/src/app/examiner/examiner-new-one/examiner-new-one.component.ts
@@ -40,21 +40,8 @@ export class ExaminerNewOneComponent implements OnInit {
indexid = sessionStorage.getItem("paperId") //上个页面传过来的id
removeClass = document.getElementsByClassName("mat-form-field-underline")
- private _transformer = (node, level: number) => { //初始化tree
- return {
- expandable: !!node.children && node.children.length > 0,
- name: node.name,
- level: level,
- id: node.id,
- parentId: node.parentId,
- children: node.children
- };
- }
- treeControl = new FlatTreeControl(node => node.level, node => node.expandable);
- treeFlattener = new MatTreeFlattener(this._transformer, node => node.level, node => node.expandable, node => node.children);
- dataSource = new MatTreeFlatDataSource(this.treeControl, this.treeFlattener);
+
myControl = new FormControl();
- hasChild = (_: number, node: any) => node.expandable;
@ViewChild(MatSort) sort: MatSort;
@@ -79,181 +66,27 @@ export class ExaminerNewOneComponent implements OnInit {
this.PageNumber = e.pageIndex + 1
this.getAllKeyUnit();
}
- //获得所有重点单位
- wanzhengduArr = [
- {
- id: 0, zong: 94, details: [
- { name: '单位信息', score: 5, totalpoints: 5 },
- { name: '建筑信息', score: 10, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 22, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 7, totalpoints: 10 },
- { name: '实景图', score: 10, totalpoints: 10 },
- { name: 'CAD上传', score: 10, totalpoints: 10 },
- ]
- },
- {
- id: 1, zong: 90, details: [
- { name: '单位信息', score: 4, totalpoints: 5 },
- { name: '建筑信息', score: 8, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 25, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 8, totalpoints: 10 },
- { name: '实景图', score: 5, totalpoints: 10 },
- { name: 'CAD上传', score: 10, totalpoints: 10 },
- ]
- },
- {
- id: 2, zong: 89, details: [
- { name: '单位信息', score: 4, totalpoints: 5 },
- { name: '建筑信息', score: 10, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 22, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 8, totalpoints: 10 },
- { name: '实景图', score: 5, totalpoints: 10 },
- { name: 'CAD上传', score: 10, totalpoints: 10 },
- ]
- },
- {
- id: 3, zong: 87, details: [
- { name: '单位信息', score: 5, totalpoints: 5 },
- { name: '建筑信息', score: 8, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 20, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 6, totalpoints: 10 },
- { name: '实景图', score: 10, totalpoints: 10 },
- { name: 'CAD上传', score: 8, totalpoints: 10 },
- ]
- },
- {
- id: 4, zong: 86, details: [
- { name: '单位信息', score: 5, totalpoints: 5 },
- { name: '建筑信息', score: 10, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 18, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 8, totalpoints: 10 },
- { name: '实景图', score: 5, totalpoints: 10 },
- { name: 'CAD上传', score: 10, totalpoints: 10 },
- ]
- },
- {
- id: 5, zong: 81, details: [
- { name: '单位信息', score: 5, totalpoints: 5 },
- { name: '建筑信息', score: 8, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 22, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 5, totalpoints: 10 },
- { name: '实景图', score: 10, totalpoints: 10 },
- { name: 'CAD上传', score: 6, totalpoints: 10 },
- ]
- },
- {
- id: 6, zong: 80, details: [
- { name: '单位信息', score: 5, totalpoints: 5 },
- { name: '建筑信息', score: 8, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 20, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 7, totalpoints: 10 },
- { name: '实景图', score: 0, totalpoints: 10 },
- { name: 'CAD上传', score: 10, totalpoints: 10 },
- ]
- },
- {
- id: 7, zong: 78, details: [
- { name: '单位信息', score: 4, totalpoints: 5 },
- { name: '建筑信息', score: 8, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 22, totalpoints: 25 },
- { name: '消防设施', score: 10, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 6, totalpoints: 10 },
- { name: '实景图', score: 0, totalpoints: 10 },
- { name: 'CAD上传', score: 8, totalpoints: 10 },
- ]
- },
- {
- id: 8, zong: 78, details: [
- { name: '单位信息', score: 5, totalpoints: 5 },
- { name: '建筑信息', score: 8, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 20, totalpoints: 25 },
- { name: '消防设施', score: 5, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 5, totalpoints: 10 },
- { name: '实景图', score: 5, totalpoints: 10 },
- { name: 'CAD上传', score: 10, totalpoints: 10 },
- ]
- },
- {
- id: 9, zong: 73, details: [
- { name: '单位信息', score: 5, totalpoints: 5 },
- { name: '建筑信息', score: 7, totalpoints: 10 },
- { name: '平面图', score: 10, totalpoints: 10 },
- { name: '四周毗邻', score: 18, totalpoints: 25 },
- { name: '消防设施', score: 0, totalpoints: 10 },
- { name: '重点部位', score: 10, totalpoints: 10 },
- { name: '功能分区', score: 5, totalpoints: 10 },
- { name: '实景图', score: 10, totalpoints: 10 },
- { name: 'CAD上传', score: 8, totalpoints: 10 },
- ]
- }
- ]
+ submit() {
+ this.PageNumber = '1'
+ this.getAllKeyUnit()
+ }
+ //获得所有重点单位
allKeyUnitInfo: any //所有的重点单位
getAllKeyUnit() {
- // console.log(Boolean(Number(this.follow)))
- let follow
- if (this.follow == '') {
- follow = ''
- }
- if (this.follow == '0') {
- follow = false
- }
- if (this.follow == '1') {
- follow = true
- }
-
let paramsdata: any = {
Name: this.companyName || '',
- OrganizationId: this.jsId || '',
+ OrganizationId: this.js || '',
HasChildren: this.jscheck || '',
USCI: this.shehui || '',
- IsFollowed: follow,
- BuildingTypeId: this.unittype || '',
PageNumber: this.PageNumber || '1',
PageSize: this.pageSizeOptions[0],
- Sort: this.integritySort ? 'integrityscore' : '',
- SortType: this.integritySort || '',
}
- //console.log(paramsdata)
this.http.get("/api/Companies", { params: paramsdata }).subscribe((data: any) => {
- //console.log(data)
this.length = data.totalCount
this.allKeyUnitInfo = data
- // data.items.sort( (a,b) => {
- // return a.usci - b.usci
- // })
- data.items.forEach((item, index) => {
- item.integrity = this.wanzhengduArr[index]
- })
- //console.log(789,data.items)
this.tabledataSource = new MatTableDataSource(data.items);
- //console.log(this.tabledataSource)
if (this.selectedunitArr.length != 0) {
for (var i = 0; i < this.tabledataSource.filteredData.length; i++) {
for (var j = 0; j < this.selectedunitArr.length; j++) {
@@ -264,8 +97,6 @@ export class ExaminerNewOneComponent implements OnInit {
}
}
})
- //console.log(this.tabledataSource)
-
}
//得到当前单位信息
getunitdata() {
@@ -279,7 +110,9 @@ export class ExaminerNewOneComponent implements OnInit {
treedata: any //组织机构树型数据
newArr: any = []
newallorganizations: any //用于存储在原始数据基础上的每个机构增加children字段
- newallorganizations2: any
+
+ nodes: any = []
+ expandedKeys: any = []//默认展开tree节点
//得到当前单位所在组织机构的tree型数据
getpresentOrganization() {
this.newallorganizations = this.allorganizations
@@ -297,18 +130,21 @@ export class ExaminerNewOneComponent implements OnInit {
if (this.organizationName) {
this.newallorganizations.forEach(item => {
if (item.name == this.organizationName) {
- this.dataSource.data = [item]
- this.newallorganizations2 = [item]
+ this.expandedKeys = [item.key]
+ this.nodes = [item]
}
});
} else {
- this.newallorganizations2 = this.treedata
- this.dataSource.data = this.treedata
+ this.expandedKeys = this.nodes[0].key
+ this.nodes = this.tree.toTree(this.treedata);
}
}
)
}
+
+
+
//获得所有组织机构
getOrganizations() {
this.http.get('/api/Organizations').subscribe(
@@ -423,7 +259,6 @@ export class ExaminerNewOneComponent implements OnInit {
//重置
js: any //辖区中队输入框
- jsId: any //辖区中队选择的id
companyName: any //单位名称
shehui: any //统一社会信用代码
unittype: any //单位类型
@@ -436,12 +271,8 @@ export class ExaminerNewOneComponent implements OnInit {
this.jscheck = '' //辖区中队包含下级
this.companyName = '' //单位名称
this.shehui = '' //统一社会信用代码
- this.unittype = '' //单位类型
- this.jsId = ''
- this.follow = ''
this.PageNumber = 1
this.pageEvent.pageIndex = 0
- this.integritySort = ''
this.getAllKeyUnit();
}
@@ -451,34 +282,10 @@ export class ExaminerNewOneComponent implements OnInit {
this.pageEvent.pageIndex = 0
this.getAllKeyUnit();
}
- bigclosediv(e) {
- this.isorganizationbox = false
- }
+
stopclose(e) {
e.stopPropagation();
}
- //辖区中队div是否显示
- isorganizationbox: boolean = false
- //点击辖区中队树,将选择的辖区中队添加到变量
- add(node) {
- this.isorganizationbox = false
- this.js = node.name
- this.jsId = node.id
- }
- //关闭辖区中队隐藏框
- closeorganizationbox() {
- this.isorganizationbox = false
- }
- //打开辖区中队隐藏框
- openorganizationbox() {
- this.isorganizationbox = true
-
- }
-
- //关闭出现的组织机构div
- closediv() {
- this.isorganizationbox = false
- }