shaojiahao
/
ShangHaiYuan-AnXin
2
0
Fork 0
Code Issues 11 Pull Requests Projects Releases Wiki Activity
Browse Source

[完善]审核记录分页

tianjin
邵佳豪 2 years ago
parent
9d8159f38b
commit
ad9fc5d4c4
7 changed files with 141 additions and 135 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 30
      src/app/plan-audit/plan-record/plan-record.component.html
  2. 51
      src/app/plan-audit/plan-record/plan-record.component.scss
  3. 12
      src/app/plan-audit/plan-record/plan-record.component.ts
  4. 162
      src/app/plan-audit/wait-examineer/wait-examineer.component.html
  5. 10
      src/app/plan-audit/wait-examineer/wait-examineer.component.scss
  6. 4
      src/index.html
  7. 7
      src/styles.scss

30
src/app/plan-audit/plan-record/plan-record.component.html
Unescape View File

@ -75,35 +75,11 @@
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<button mat-raised-button color="primary" type="submit">查询</button> <button mat-raised-button color="primary" type="submit">查询</button>
<button mat-raised-button color="primary" (click)='record()'><img src="../../../assets/images/refresh.png"> <button mat-raised-button color="primary" (click)='record()'>重置</button>
重置</button>
</div> </div>
</form> </form>
<!-- <div class="tablediv">
<table cellspacing="0" cellpadding="0">
<thead>
<th style="width: 15%;">类型</th>
<th style="width: 15%;">操作</th>
<th style="width: 15%;">所属组织</th>
<th style="width: 15%;">审核状态</th>
<th style="width: 15%;">提交人</th>
<th style="width: 25%;">提交时间</th>
</thead>
<tbody>
<tr *ngFor="let item of tableDate">
<td>{{item.level}}</td>
<td [ngClass]="{'green': item.option == '更新','red':item.option == '删除','blue':item.option == '新增'}">{{item.option}}</td>
<td>{{item.orgication}}</td>
<td [ngClass]="{'green': item.unitstate == '已通过','red':item.unitstate == '已拒绝'}">{{item.unitstate}}</td>
<td>{{item.addname}}</td>
<td>{{item.addtime}}</td>
</tr>
</tbody>
</table>
</div> -->
<div class="tablediv"> <div class="tablediv">
<table cellspacing="0" cellpadding="0" style="margin-top: 10px;"> <table class="header" cellspacing="0" cellpadding="0" style="margin-top: 10px;">
<thead> <thead>
<th style="width: 10%;">状态</th> <th style="width: 10%;">状态</th>
<th style="width: 10%;">类型</th> <th style="width: 10%;">类型</th>
@ -145,6 +121,8 @@
<td style="width: 15%;">{{item.createTime|date:'yyyy-MM-dd'}}</td> <td style="width: 15%;">{{item.createTime|date:'yyyy-MM-dd'}}</td>
</tr> </tr>
</table> </table>
<mat-paginator [length]="count" [pageSize]="10" (page)="chagePage($event)">
</mat-paginator>
</div> </div>

51
src/app/plan-audit/plan-record/plan-record.component.scss
Unescape View File

@ -12,6 +12,7 @@
flex-direction: column; flex-direction: column;
.lefthead { .lefthead {
height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -51,7 +52,7 @@
input { input {
@media screen and (min-device-width:1400px) { @media screen and (min-device-width:1400px) {
margin-left:40px; margin-left: 40px;
} }
@ -102,6 +103,7 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
span { span {
@media screen and (min-device-width:1200px) { @media screen and (min-device-width:1200px) {
font-size: 16px; font-size: 16px;
@ -117,7 +119,7 @@
input { input {
@media screen and (min-device-width:1400px) { @media screen and (min-device-width:1400px) {
margin-left: 40px; margin-left: 40px;
} }
@media screen and (max-device-width:1200px) { @media screen and (max-device-width:1200px) {
@ -126,7 +128,7 @@
@media screen and (max-device-width:1400px) and (min-device-width:1200px) { @media screen and (max-device-width:1400px) and (min-device-width:1200px) {
margin-left: 0; margin-left: 0;
} }
position: relative; position: relative;
@ -202,9 +204,9 @@
button { button {
@media screen and (min-device-width:1400px) { @media screen and (min-device-width:1400px) {
margin-left: 40px; margin-left: 40px;
font-size: 16px; font-size: 14px;
width: 80px; width: 70px;
height: 36px; height: 32px;
} }
@media screen and (max-device-width:1200px) { @media screen and (max-device-width:1200px) {
@ -238,37 +240,20 @@
.tablediv { .tablediv {
width: 100%; width: 100%;
height: 100%; flex: 1;
padding-bottom: 20px; display: flex;
flex-direction: column;
.tbodycss { overflow: hidden;
.header {
//overflow-y: auto;
@media screen and (min-device-width:1400px) {
overflow-y: auto;
}
height:550px;
width: 100%;
.selectedTr {
background-color: #b3d3ee;
}
}
table {
//margin: 20px 20px;
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
width: 97.5%; width: 97.5%;
//border: 1px solid #2196F3;
thead { thead {
height: 48px; height: 48px;
color: #FFFFFF; color: #FFFFFF;
background-color: #2196F3; background-color: #2196F3;
//font-size: 16px;
th { th {
font-weight: 10; font-weight: 10;
@ -287,6 +272,16 @@
background: #FAFAFA; background: #FAFAFA;
} }
} }
.tbodycss {
flex: 1;
width: 100%;
overflow-y: auto;
.selectedTr {
background-color: #b3d3ee;
}
}
} }
} }

12
src/app/plan-audit/plan-record/plan-record.component.ts
Unescape View File

@ -94,6 +94,7 @@ export class PlanRecordComponent implements OnInit {
IsNewData = [true, false]; IsNewData = [true, false];
//获取表格数据 //获取表格数据
PageNumber = 1;
getAlltabledate() { getAlltabledate() {
let paramsdata: any = { let paramsdata: any = {
Operation: this.level || [], Operation: this.level || [],
@ -104,6 +105,8 @@ export class PlanRecordComponent implements OnInit {
QueryEndTime: this.endtime || "", QueryEndTime: this.endtime || "",
PlanType: this.plantypes || [], PlanType: this.plantypes || [],
IsNewData: this.IsNewData, IsNewData: this.IsNewData,
PageNumber: this.PageNumber,
PageSize: 10,
}; };
this.http this.http
.get("/api/ContentVerifies", { params: paramsdata }) .get("/api/ContentVerifies", { params: paramsdata })
@ -116,6 +119,7 @@ export class PlanRecordComponent implements OnInit {
//提交查询 //提交查询
onSubmit(value) { onSubmit(value) {
//console.log(value) //console.log(value)
this.PageNumber = 1;
this.getAlltabledate(); this.getAlltabledate();
} }
//刷新 //刷新
@ -128,6 +132,14 @@ export class PlanRecordComponent implements OnInit {
let level = sessionStorage.getItem("level"); let level = sessionStorage.getItem("level");
this.PlanLevel = ""; this.PlanLevel = "";
this.plantypes = []; this.plantypes = [];
this.PageNumber = 1;
this.getAlltabledate();
}
//分页事件
chagePage(e) {
console.log(e);
this.PageNumber = e.pageIndex + 1;
this.getAlltabledate(); this.getAlltabledate();
} }
//表格点击事件 //表格点击事件

162
src/app/plan-audit/wait-examineer/wait-examineer.component.html
Unescape View File

@ -15,56 +15,56 @@
<div class="headthree"> <div class="headthree">
<div class="headthreeone"> <div class="headthreeone">
<span>类型：</span> <span>类型：</span>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="projectlevel"> <mat-select placeholder='请选择单位类型' name="unittype" [(ngModel)]="projectlevel">
<mat-option value="1">Ⅰ级预案</mat-option> <mat-option value="1">Ⅰ级预案</mat-option>
<mat-option value="2">Ⅱ级预案</mat-option> <mat-option value="2">Ⅱ级预案</mat-option>
<mat-option value="3">Ⅲ级预案</mat-option> <mat-option value="3">Ⅲ级预案</mat-option>
<mat-option value="4">Ⅳ级预案</mat-option> <mat-option value="4">Ⅳ级预案</mat-option>
<mat-option value="5">Ⅴ级预案</mat-option> <mat-option value="5">Ⅴ级预案</mat-option>
<mat-option value="6">应急预案(国家级)</mat-option> <mat-option value="6">应急预案(国家级)</mat-option>
<mat-option value="7">应急预案(市级)</mat-option> <mat-option value="7">应急预案(市级)</mat-option>
<mat-option value="8">类型预案</mat-option> <mat-option value="8">类型预案</mat-option>
<mat-option value="11">重点单位</mat-option> <mat-option value="11">重点单位</mat-option>
<mat-option value="12">消防水源</mat-option> <mat-option value="12">消防水源</mat-option>
<mat-option value="13">消防力量</mat-option> <mat-option value="13">消防力量</mat-option>
<mat-option value="14">联动力量</mat-option> <mat-option value="14">联动力量</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<span class="bzjb">编制级别：</span> <span class="bzjb">编制级别：</span>
<mat-form-field> <mat-form-field>
<mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="PlanLevel"> <mat-select name="preparelevel" placeholder='请选择编制级别' [(ngModel)]="PlanLevel">
<mat-option *ngFor="let item of preparelevels" [value]="item.value">{{item.name}}</mat-option> <mat-option *ngFor="let item of preparelevels" [value]="item.value">{{item.name}}</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
</div> </div>
<div class="headthreetwo"> <div class="headthreetwo">
<span >状态：</span> <span>状态：</span>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择状态' name="IsNewData" [(ngModel)]="IsNewData" [multiple]="true"> <mat-select placeholder='请选择状态' name="IsNewData" [(ngModel)]="IsNewData" [multiple]="true">
<mat-option value=true>新增</mat-option> <mat-option value=true>新增</mat-option>
<mat-option value=false>维护更新</mat-option> <mat-option value=false>维护更新</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<span class="bzjb">预案类型：</span> <span class="bzjb">预案类型：</span>
<mat-form-field> <mat-form-field>
<mat-select placeholder='请选择预案类型' name="unittype" [(ngModel)]="plantypes" [multiple]="true"> <mat-select placeholder='请选择预案类型' name="unittype" [(ngModel)]="plantypes" [multiple]="true">
<mat-option value="1">二维预案</mat-option> <mat-option value="1">二维预案</mat-option>
<mat-option value="2">三维预案</mat-option> <mat-option value="2">三维预案</mat-option>
<mat-option value="4">其他预案</mat-option> <mat-option value="4">其他预案</mat-option>
<mat-option value="16">文本预案</mat-option> <mat-option value="16">文本预案</mat-option>
</mat-select> </mat-select>
</mat-form-field> </mat-form-field>
<button mat-raised-button color="primary" type="submit" class="find">查询</button> <button mat-raised-button color="primary" type="submit" class="find">查询</button>
<button mat-raised-button color="primary" (click)='record()'><img src="../../../assets/images/refresh.png"> <button mat-raised-button color="primary" (click)='record()'><img src="../../../assets/images/refresh.png">
重置</button> 重置</button>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<div class="tablediv"> <div class="tablediv">
<table cellspacing="0" cellpadding="0" style="margin-top: 10px;margin-bottom: 5px;"> <table cellspacing="0" cellpadding="0" style="margin-top: 10px;margin-bottom: 5px;">
@ -84,12 +84,14 @@
<table cellspacing="0" cellpadding="0" id="table"> <table cellspacing="0" cellpadding="0" id="table">
<tr [ngClass]="{'selectedTr': item.id == id}" *ngFor="let item of tableDate;let key = index" <tr [ngClass]="{'selectedTr': item.id == id}" *ngFor="let item of tableDate;let key = index"
(click)='radioClick($event,item)'> (click)='radioClick($event,item)'>
<td style="width: 10%;" [ngClass]="{'green': item.itemMaintenanceState == '0','yellow':item.itemMaintenanceState != '0'}"> <td style="width: 10%;"
[ngClass]="{'green': item.itemMaintenanceState == '0','yellow':item.itemMaintenanceState != '0'}">
<mat-checkbox color="primary" (change)='radioClick($event,item)' style="float: left;margin-bottom:'2px'"> <mat-checkbox color="primary" (change)='radioClick($event,item)' style="float: left;margin-bottom:'2px'">
</mat-checkbox> </mat-checkbox>
{{item.itemMaintenanceState=='0'?'新增':'维护'}}</td> {{item.itemMaintenanceState=='0'?'新增':'维护'}}
</td>
<td style="width: 10%;"> <td style="width: 10%;">
{{item.contentType=='1'?'Ⅰ级预案':item.contentType=='2'?'Ⅱ级预案':item.contentType=='3'?'Ⅲ级预案':item.contentType=='4'?'Ⅳ级预案':item.contentType=='5'? {{item.contentType=='1'?'Ⅰ级预案':item.contentType=='2'?'Ⅱ级预案':item.contentType=='3'?'Ⅲ级预案':item.contentType=='4'?'Ⅳ级预案':item.contentType=='5'?
'Ⅴ级预案':item.contentType=='6'?'应急预案（国家级）':item.contentType=='7'?'应急预案（市级）':item.contentType=='8'?'类型预案':item.contentType=='11'?'重点单位':item.contentType=='12'?'水源':item.contentType=='13'?'消防力量':item.contentType=='14'?'联动力量':'未知'}} 'Ⅴ级预案':item.contentType=='6'?'应急预案（国家级）':item.contentType=='7'?'应急预案（市级）':item.contentType=='8'?'类型预案':item.contentType=='11'?'重点单位':item.contentType=='12'?'水源':item.contentType=='13'?'消防力量':item.contentType=='14'?'联动力量':'未知'}}
</td> </td>
@ -139,16 +141,18 @@
<div *ngIf="showtype == 3" id="firefacilities" style="margin: 10px;"> <div *ngIf="showtype == 3" id="firefacilities" style="margin: 10px;">
<mat-accordion *ngIf="selectedItem.differentContent" class="tableContent" multi> <mat-accordion *ngIf="selectedItem.differentContent" class="tableContent" multi>
<!-- 基本信息 --> <!-- 基本信息 -->
<mat-expansion-panel *ngIf="this.differentContentOfUnitInfo && this.differentContentOfUnitInfo.length != 0 && this.differentContentOfUnitInfo[0].childrens.length != 0" expanded> <mat-expansion-panel
*ngIf="this.differentContentOfUnitInfo && this.differentContentOfUnitInfo.length != 0 && this.differentContentOfUnitInfo[0].childrens.length != 0"
expanded>
<mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead" <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
style="background-color: #2196F3;"> style="background-color: #2196F3;">
<mat-panel-title style="font-size: 16px;color: #FFFFFF;"> <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
基本信息 基本信息
</mat-panel-title> </mat-panel-title>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<div class="accordingin"> <div class="accordingin">
<mat-accordion> <mat-accordion>
<mat-expansion-panel expanded hideToggle> <mat-expansion-panel expanded hideToggle>
<mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead"> <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
<mat-panel-title style="font-size: 16px;color:#2196F3;"> <mat-panel-title style="font-size: 16px;color:#2196F3;">
<mat-icon style="font-size: 18px;width: 18px;height: 18px;">border_color</mat-icon> <mat-icon style="font-size: 18px;width: 18px;height: 18px;">border_color</mat-icon>
@ -160,10 +164,12 @@
<th>{{i.displayName}} ：</th> <th>{{i.displayName}} ：</th>
<ng-container *ngIf="i.propertyName == 'imageUrl'; else elseTemplate"> <ng-container *ngIf="i.propertyName == 'imageUrl'; else elseTemplate">
<td> <td>
<span class="spantext" style="vertical-align: top;">由</span> <span class="spantext" style="vertical-align: top;">由</span>
<img (click)="lookImg(i.oldValue,true)" class="spantext" style="width: 150px;height: 105px;" [src]="i.oldValue ? i.oldValue : '/assets/images/noImg.png'" alt=""> <img (click)="lookImg(i.oldValue,true)" class="spantext" style="width: 150px;height: 105px;"
[src]="i.oldValue ? i.oldValue : '/assets/images/noImg.png'" alt="">
<span class="spantext" style="vertical-align: top;">变更为</span> <span class="spantext" style="vertical-align: top;">变更为</span>
<img (click)="lookImg(i.newValue,true)" class="spantext" style="width: 150px;height: 105px;" [src]="i.newValue ? i.newValue : '/assets/images/noImg.png'" alt=""> <img (click)="lookImg(i.newValue,true)" class="spantext" style="width: 150px;height: 105px;"
[src]="i.newValue ? i.newValue : '/assets/images/noImg.png'" alt="">
</td> </td>
</ng-container> </ng-container>
<ng-template #elseTemplate> <ng-template #elseTemplate>
@ -171,13 +177,13 @@
<td> <td>
<span class="spantext buleColor"> <span class="spantext buleColor">
{{i.displayName}} 发生变化 {{i.displayName}} 发生变化
</span> </span>
</td> </td>
</ng-container> </ng-container>
<ng-template #elseTemplate> <ng-template #elseTemplate>
<td > <td>
<span class="spantext">由</span> <span class="spantext">由</span>
<span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span> <span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span>
<span class="spantext">变更为</span> <span class="spantext">变更为</span>
<span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span> <span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span>
@ -191,14 +197,16 @@
</div> </div>
</mat-expansion-panel> </mat-expansion-panel>
<!-- 建筑信息 --> <!-- 建筑信息 -->
<mat-expansion-panel *ngIf="this.differentContentOfBuildingsInfo && this.differentContentOfBuildingsInfo.childrens.length != 0" expanded> <mat-expansion-panel
*ngIf="this.differentContentOfBuildingsInfo && this.differentContentOfBuildingsInfo.childrens.length != 0"
expanded>
<mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead" <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
style="background-color: #2196F3;"> style="background-color: #2196F3;">
<mat-panel-title style="font-size: 16px;color: #FFFFFF;"> <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
建筑信息 建筑信息
</mat-panel-title> </mat-panel-title>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<div class="accordingin"> <div class="accordingin">
<mat-accordion *ngFor="let item of this.differentContentOfBuildingsInfo.childrens"> <mat-accordion *ngFor="let item of this.differentContentOfBuildingsInfo.childrens">
<mat-expansion-panel expanded hideToggle> <mat-expansion-panel expanded hideToggle>
<mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead"> <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
@ -215,7 +223,7 @@
<tr *ngFor="let i of item.difData"> <tr *ngFor="let i of item.difData">
<th>{{i.path[i.path.length - 2]}}-{{i.path[i.path.length - 1]}}：</th> <th>{{i.path[i.path.length - 2]}}-{{i.path[i.path.length - 1]}}：</th>
<td> <td>
<span class="spantext">由</span> <span class="spantext">由</span>
<span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span> <span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span>
<span class="spantext">变更为</span> <span class="spantext">变更为</span>
<span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span> <span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span>
@ -227,15 +235,16 @@
</div> </div>
</mat-expansion-panel> </mat-expansion-panel>
<!-- 功能分区 --> <!-- 功能分区 -->
<mat-expansion-panel *ngIf="this.differentContentOfFunction && this.differentContentOfFunction.length != 0" expanded> <mat-expansion-panel *ngIf="this.differentContentOfFunction && this.differentContentOfFunction.length != 0"
expanded>
<mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead" <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
style="background-color: #2196F3;"> style="background-color: #2196F3;">
<mat-panel-title style="font-size: 16px;color: #FFFFFF;"> <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
功能分区 功能分区
</mat-panel-title> </mat-panel-title>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<div class="accordingin"> <div class="accordingin">
<mat-accordion *ngFor="let item of this.differentContentOfFunction" > <mat-accordion *ngFor="let item of this.differentContentOfFunction">
<mat-expansion-panel expanded hideToggle> <mat-expansion-panel expanded hideToggle>
<mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead"> <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
<mat-panel-title style="font-size: 16px;color:#2196F3;"> <mat-panel-title style="font-size: 16px;color:#2196F3;">
@ -247,7 +256,7 @@
<tr *ngFor="let i of item.childrens[0].childrens"> <tr *ngFor="let i of item.childrens[0].childrens">
<th>{{i.displayName}} ：</th> <th>{{i.displayName}} ：</th>
<td> <td>
<span class="spantext">由</span> <span class="spantext">由</span>
<span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span> <span class="spantext buleColor">{{i.oldValue | differentContentTitle}}</span>
<span class="spantext">变更为</span> <span class="spantext">变更为</span>
<span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span> <span class="spantext buleColor">{{i.newValue | differentContentTitle}}</span>
@ -259,14 +268,16 @@
</div> </div>
</mat-expansion-panel> </mat-expansion-panel>
<!-- 实景图 --> <!-- 实景图 -->
<mat-expansion-panel *ngIf="this.differentContentOfPicture && this.differentContentOfPicture.length != 0 && this.differentContentOfPicture[0].childrens.length != 0" expanded> <mat-expansion-panel
*ngIf="this.differentContentOfPicture && this.differentContentOfPicture.length != 0 && this.differentContentOfPicture[0].childrens.length != 0"
expanded>
<mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead" <mat-expansion-panel-header collapsedHeight='40px' expandedHeight='40px' class="panelhead"
style="background-color: #2196F3;"> style="background-color: #2196F3;">
<mat-panel-title style="font-size: 16px;color: #FFFFFF;"> <mat-panel-title style="font-size: 16px;color: #FFFFFF;">
实景图 实景图
</mat-panel-title> </mat-panel-title>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<div class="accordingin"> <div class="accordingin">
<mat-accordion *ngFor="let item of this.differentContentOfPicture[0].childrens"> <mat-accordion *ngFor="let item of this.differentContentOfPicture[0].childrens">
<mat-expansion-panel expanded hideToggle> <mat-expansion-panel expanded hideToggle>
<mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead"> <mat-expansion-panel-header collapsedHeight='30px' expandedHeight='30px' class="panelhead">
@ -276,9 +287,9 @@
<span *ngIf="item.operation == 1">修改</span> <span *ngIf="item.operation == 1">修改</span>
<span *ngIf="item.operation == 0">新增</span> <span *ngIf="item.operation == 0">新增</span>
<span *ngIf="item.operation == 2">删除</span> <span *ngIf="item.operation == 2">删除</span>
文件夹 - 文件夹 -
<span>{{item.propertyName}}</span> <span>{{item.propertyName}}</span>
</mat-panel-title> </mat-panel-title>
</mat-expansion-panel-header> </mat-expansion-panel-header>
<!-- 新增文件夹 --> <!-- 新增文件夹 -->
@ -286,7 +297,8 @@
<tr> <tr>
<th>新增图片</th> <th>新增图片</th>
<td> <td>
<img (click)="lookImg(i.imageUrl)" *ngFor="let i of item.newValue" [src]="'/api/Objects/PlanPlatform/'+i.imageUrl" alt=""> <img (click)="lookImg(i.imageUrl)" *ngFor="let i of item.newValue"
[src]="'/api/Objects/PlanPlatform/'+i.imageUrl" alt="">
</td> </td>
</tr> </tr>
</table> </table>
@ -300,12 +312,12 @@
<img (click)="lookImg(i.newValue)" [src]="'/api/Objects/PlanPlatform/'+i.newValue" alt=""> <img (click)="lookImg(i.newValue)" [src]="'/api/Objects/PlanPlatform/'+i.newValue" alt="">
</td> </td>
<td *ngIf="i.operation == '1'"> <td *ngIf="i.operation == '1'">
<span class="spantext">由</span> <span class="spantext">由</span>
<span class="spantext buleColor">{{i.childrens[0].oldValue}}</span> <span class="spantext buleColor">{{i.childrens[0].oldValue}}</span>
<span class="spantext">变更为</span> <span class="spantext">变更为</span>
<span class="spantext buleColor">{{i.childrens[0].newValue}}</span> <span class="spantext buleColor">{{i.childrens[0].newValue}}</span>
</td> </td>
</tr> </tr>
</table> </table>
</mat-expansion-panel> </mat-expansion-panel>
@ -424,5 +436,5 @@
</div> </div>
<div id="viewerjs"> <div id="viewerjs">
</div> </div>

10
src/app/plan-audit/wait-examineer/wait-examineer.component.scss
Unescape View File

@ -16,6 +16,7 @@
height: 30%; height: 30%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center;
.headdiv { .headdiv {
@media screen and (min-device-width: 1400px) { @media screen and (min-device-width: 1400px) {
margin: 0 0 0 28px; margin: 0 0 0 28px;
@ -29,6 +30,7 @@
height: 40px; height: 40px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
.radio { .radio {
height: 10px; height: 10px;
} }
@ -47,16 +49,16 @@
input { input {
position: relative; position: relative;
@media screen and (min-device-width: 1400px) { @media screen and (min-device-width: 1400px) {
margin-left: 50px; margin-left: 40px;
top: 6px;
} }
@media screen and (max-device-width: 1200px) { @media screen and (max-device-width: 1200px) {
margin-left: 8px; margin-left: 8px;
top: 4px;
} }
@media screen and (max-device-width: 1400px) and (min-device-width: 1200px) { @media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
margin-left: 8px; margin-left: 8px;
top: 6px;
} }
} }
.count { .count {

4
src/index.html
Unescape View File

@ -31,9 +31,9 @@
securityJsCode: '0afa0b144398727fad2ca06f5f7156b3' securityJsCode: '0afa0b144398727fad2ca06f5f7156b3'
} }
</script> </script>
<script <!-- <script
src="http://10.81.73.39:8000/webapi/maps?v=2.0&key=17bb9b27e49451cde8f2e6655b11ff1a&plugin=AMap.Driving,AMap.MouseTool,AMap.RangingTool"></script> src="http://10.81.73.39:8000/webapi/maps?v=2.0&key=17bb9b27e49451cde8f2e6655b11ff1a&plugin=AMap.Driving,AMap.MouseTool,AMap.RangingTool"></script>
<script src="http://10.81.73.39:8000/webapi/ui/1.1/main.js"></script> <script src="http://10.81.73.39:8000/webapi/ui/1.1/main.js"></script> -->
<!-- <script <!-- <script
src="https://webapi.amap.com/maps?v=2.0&key=17bb9b27e49451cde8f2e6655b11ff1a&plugin=AMap.Driving,AMap.MouseTool,AMap.RangingTool"></script> src="https://webapi.amap.com/maps?v=2.0&key=17bb9b27e49451cde8f2e6655b11ff1a&plugin=AMap.Driving,AMap.MouseTool,AMap.RangingTool"></script>
<script src="https://webapi.amap.com/ui/1.1/main.js"></script> --> <script src="https://webapi.amap.com/ui/1.1/main.js"></script> -->

7
src/styles.scss
Unescape View File

@ -512,3 +512,10 @@ td {
} }
} }
#tbodydiv {
.mat-paginator-container {
margin: 12px 0;
justify-content: center;
}
}

Write Preview
Loading…
Cancel
Save