|
|
|
|
<!-- <p>任务指标</p> -->
|
|
|
|
|
<div class="box">
|
|
|
|
|
<div class="timebox">
|
|
|
|
|
<nz-select [(ngModel)]="selectedYear" (ngModelChange)="selectYear($event)">
|
|
|
|
|
<nz-option [nzValue]="2021" nzLabel="2021年"></nz-option>
|
|
|
|
|
<nz-option [nzValue]="2022" nzLabel="2022年"></nz-option>
|
|
|
|
|
</nz-select>
|
|
|
|
|
<div *ngFor="let item of months" class="monthbtn" (click)="selectMonth(item)"
|
|
|
|
|
[ngClass]="{'selectedMonth': item.id == selectedMonth}">
|
|
|
|
|
{{item.name}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content" cdkScrollable>
|
|
|
|
|
|
|
|
|
|
<!-- 投诉举报 complaint-->
|
|
|
|
|
<div class="panel">
|
|
|
|
|
<div class="spin" *ngIf="complaint.isLoading">
|
|
|
|
|
<nz-spin nzSimple></nz-spin>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheader">
|
|
|
|
|
<div class="panelheaderleft">
|
|
|
|
|
<div class="panelheadername panelheadernameblue2">
|
|
|
|
|
<img src="../../../../assets/images/icon/yanlian.png" alt="">
|
|
|
|
|
投诉举报
|
|
|
|
|
</div>
|
|
|
|
|
<button nz-button nzType="primary" nz-popover nzPopoverPlacement="bottomLeft"
|
|
|
|
|
[nzPopoverContent]="contentTemplate1" [nzPopoverTrigger]=null
|
|
|
|
|
[nzPopoverVisible]="complaint.isPopover" (click)="isPopover(complaint)">选择单位</button>
|
|
|
|
|
<ng-template #contentTemplate1>
|
|
|
|
|
<div class="selectUnitPopover">
|
|
|
|
|
<div class="popoverTitle">
|
|
|
|
|
<span (click)="popoverMenuSelect(complaint,1)"
|
|
|
|
|
[ngClass]="{'selectedspan': complaint.selectedMenu == 1}">单位名称</span>
|
|
|
|
|
<span style="margin: 0 10px;">|</span>
|
|
|
|
|
<span (click)="popoverMenuSelect(complaint,2)"
|
|
|
|
|
[ngClass]="{'selectedspan': complaint.selectedMenu == 2}">组织机构</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="complaint.selectedMenu == 1">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form (ngSubmit)="submitForm(complaint)">
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="complaint.search1" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
<button style="display: none;" type="submit"></button>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
<nz-checkbox-group [(ngModel)]="complaint.unitList"
|
|
|
|
|
(ngModelChange)="log(complaint)"></nz-checkbox-group>
|
|
|
|
|
<!-- <p class="blue" *ngIf="complaint.unitList.length < totalCount"
|
|
|
|
|
(click)="moreData()">更多</p> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="complaint.selectedMenu == 2">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form>
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="complaint.search2" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="complaint.search2"
|
|
|
|
|
#nzTreeComponent [nzData]="complaint.nodes" [nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
|
nzBlockNode [nzExpandedIcon]="multiExpandedIconTpl">
|
|
|
|
|
</nz-tree>
|
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
|
<div class="nodebox">
|
|
|
|
|
<span class="name">
|
|
|
|
|
<label *ngIf="node.origin.companyName"
|
|
|
|
|
[(ngModel)]="node.origin.isChecked" nz-checkbox
|
|
|
|
|
(ngModelChange)="orcheckbox(complaint,$event,node)"></label>
|
|
|
|
|
{{ node.title }}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin">
|
|
|
|
|
<ng-container *ngIf="node.origin.companyName; else elseTemplate">
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-template #elseTemplate>
|
|
|
|
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
|
|
|
|
|
class="ant-tree-switcher-line-icon"></i>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverBtn">
|
|
|
|
|
<button nz-button nzType="primary" [nzLoading]="complaint.isLoading"
|
|
|
|
|
(click)="selectedUnit(complaint,'投诉举报')">确定</button>
|
|
|
|
|
<button nz-button nzType="default" [nzLoading]="complaint.isLoading"
|
|
|
|
|
(click)="isPopover(complaint)">取消</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<span>
|
|
|
|
|
已分配: <span class="blue">{{complaint.allocated}}/{{complaint.data.length}}</span> 家单位
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheaderright">
|
|
|
|
|
<!-- <button nz-button nzType="primary">提交审核</button> -->
|
|
|
|
|
<span (click)="expand(complaint)" class="expand blue">
|
|
|
|
|
{{complaint.isExpand ? '收起' :'展开'}}
|
|
|
|
|
<i nz-icon [nzType]="complaint.isExpand ? 'down' : 'up'" nzTheme="outline"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelcontent" *ngIf="complaint.isExpand">
|
|
|
|
|
<nz-table #colSpanTable [nzData]="complaint.data" nzBordered nzSize="small" [nzShowPagination]="false">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th nzWidth="25%">单位名称</th>
|
|
|
|
|
<th nzWidth="50%">配合机构</th>
|
|
|
|
|
<th nzWidth="25%">说明</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr *ngFor="let item of colSpanTable.data; index as i">
|
|
|
|
|
<td>{{item.company.companyName}}</td>
|
|
|
|
|
<td class="editOr">
|
|
|
|
|
<span class="name">
|
|
|
|
|
<span>{{item.organization.name}}</span>
|
|
|
|
|
<span *ngFor="let i of item.supervisors">
|
|
|
|
|
/{{i.name}}
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span class="blue" (click)="editOr(complaint,item)">修改机构</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td style="padding:0 2px!important;">
|
|
|
|
|
<textarea nzAutosize [(ngModel)]="item.description" style="border: 0;" rows="1" nz-input
|
|
|
|
|
placeholder="一段简短的说明文字..."
|
|
|
|
|
(ngModelChange)="taskDescChange(complaint,item)"></textarea>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</nz-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 行政许可 -->
|
|
|
|
|
<div class="panel">
|
|
|
|
|
<div class="spin" *ngIf="permission.isLoading">
|
|
|
|
|
<nz-spin nzSimple></nz-spin>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheader">
|
|
|
|
|
<div class="panelheaderleft">
|
|
|
|
|
<div class="panelheadername panelheadernamegreen">
|
|
|
|
|
<img src="../../../../assets/images/icon/yanlian.png" alt="">
|
|
|
|
|
行政许可
|
|
|
|
|
</div>
|
|
|
|
|
<button nz-button nzType="primary" nz-popover nzPopoverPlacement="bottomLeft"
|
|
|
|
|
[nzPopoverContent]="contentTemplate2" [nzPopoverTrigger]=null
|
|
|
|
|
[nzPopoverVisible]="permission.isPopover" (click)="isPopover(permission)">选择单位</button>
|
|
|
|
|
<ng-template #contentTemplate2>
|
|
|
|
|
<div class="selectUnitPopover">
|
|
|
|
|
<div class="popoverTitle">
|
|
|
|
|
<span (click)="popoverMenuSelect(permission,1)"
|
|
|
|
|
[ngClass]="{'selectedspan': permission.selectedMenu == 1}">单位名称</span>
|
|
|
|
|
<span style="margin: 0 10px;">|</span>
|
|
|
|
|
<span (click)="popoverMenuSelect(permission,2)"
|
|
|
|
|
[ngClass]="{'selectedspan': permission.selectedMenu == 2}">组织机构</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="permission.selectedMenu == 1">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form (ngSubmit)="submitForm(permission)">
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="permission.search1" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
<button style="display: none;" type="submit"></button>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
<nz-checkbox-group [(ngModel)]="permission.unitList"
|
|
|
|
|
(ngModelChange)="log(permission)"></nz-checkbox-group>
|
|
|
|
|
<!-- <p class="blue" *ngIf="permission.unitList.length < totalCount"
|
|
|
|
|
(click)="moreData()">更多</p> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="permission.selectedMenu == 2">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form>
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="permission.search2" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="permission.search2"
|
|
|
|
|
#nzTreeComponent [nzData]="permission.nodes" [nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
|
nzBlockNode [nzExpandedIcon]="multiExpandedIconTpl">
|
|
|
|
|
</nz-tree>
|
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
|
<div class="nodebox">
|
|
|
|
|
<span class="name">
|
|
|
|
|
<label *ngIf="node.origin.companyName"
|
|
|
|
|
[(ngModel)]="node.origin.isChecked" nz-checkbox
|
|
|
|
|
(ngModelChange)="orcheckbox(permission,$event,node)"></label>
|
|
|
|
|
{{ node.title }}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin">
|
|
|
|
|
<ng-container *ngIf="node.origin.companyName; else elseTemplate">
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-template #elseTemplate>
|
|
|
|
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
|
|
|
|
|
class="ant-tree-switcher-line-icon"></i>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverBtn">
|
|
|
|
|
<button nz-button nzType="primary" [nzLoading]="permission.isLoading"
|
|
|
|
|
(click)="selectedUnit(permission,'行政许可')">确定</button>
|
|
|
|
|
<button nz-button nzType="default" [nzLoading]="permission.isLoading"
|
|
|
|
|
(click)="isPopover(permission)">取消</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<span>
|
|
|
|
|
已分配: <span class="blue">{{permission.allocated}}/{{permission.data.length}}</span> 家单位
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheaderright">
|
|
|
|
|
<!-- <button nz-button nzType="primary">提交审核</button> -->
|
|
|
|
|
<span (click)="expand(permission)" class="expand blue">
|
|
|
|
|
{{permission.isExpand ? '收起' :'展开'}}
|
|
|
|
|
<i nz-icon [nzType]="permission.isExpand ? 'down' : 'up'" nzTheme="outline"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelcontent" *ngIf="permission.isExpand">
|
|
|
|
|
<nz-table #colSpanTable [nzData]="permission.data" nzBordered nzSize="small" [nzShowPagination]="false">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th nzWidth="25%">单位名称</th>
|
|
|
|
|
<th nzWidth="50%">配合机构</th>
|
|
|
|
|
<th nzWidth="25%">说明</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr *ngFor="let item of colSpanTable.data; index as i">
|
|
|
|
|
<td>{{item.company.companyName}}</td>
|
|
|
|
|
<td class="editOr">
|
|
|
|
|
<span class="name">
|
|
|
|
|
<span>{{item.organization.name}}</span>
|
|
|
|
|
<span *ngFor="let i of item.supervisors">
|
|
|
|
|
/{{i.name}}
|
|
|
|
|
</span>
|
|
|
|
|
</span>
|
|
|
|
|
<span class="blue" (click)="editOr(permission,item)">修改机构</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td style="padding:0 2px!important;">
|
|
|
|
|
<textarea nzAutosize [(ngModel)]="item.description" style="border: 0;" rows="1" nz-input
|
|
|
|
|
placeholder="一段简短的说明文字..."
|
|
|
|
|
(ngModelChange)="taskDescChange(permission,item)"></textarea>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</nz-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 双随机 doubleRandom-->
|
|
|
|
|
<div class="panel">
|
|
|
|
|
<div class="spin" *ngIf="doubleRandom.isLoading">
|
|
|
|
|
<nz-spin nzSimple></nz-spin>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheader">
|
|
|
|
|
<div class="panelheaderleft">
|
|
|
|
|
<div class="panelheadername panelheadernameblue">
|
|
|
|
|
<img src="../../../../assets/images/icon/suiji.png" alt="">
|
|
|
|
|
双随机
|
|
|
|
|
</div>
|
|
|
|
|
<button nz-button nzType="primary" nz-popover nzPopoverPlacement="bottomLeft"
|
|
|
|
|
[nzPopoverContent]="contentTemplate3" [nzPopoverTrigger]=null
|
|
|
|
|
[nzPopoverVisible]="doubleRandom.isPopover" (click)="isPopover(doubleRandom)">选择单位</button>
|
|
|
|
|
<ng-template #contentTemplate3>
|
|
|
|
|
<div class="selectUnitPopover">
|
|
|
|
|
<div class="popoverTitle">
|
|
|
|
|
<span (click)="popoverMenuSelect(doubleRandom,1)"
|
|
|
|
|
[ngClass]="{'selectedspan': doubleRandom.selectedMenu == 1}">单位名称</span>
|
|
|
|
|
<span style="margin: 0 10px;">|</span>
|
|
|
|
|
<span (click)="popoverMenuSelect(doubleRandom,2)"
|
|
|
|
|
[ngClass]="{'selectedspan': doubleRandom.selectedMenu == 2}">组织机构</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="doubleRandom.selectedMenu == 1">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form (ngSubmit)="submitForm(doubleRandom)">
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="doubleRandom.search1" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
<button style="display: none;" type="submit"></button>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
<nz-checkbox-group [(ngModel)]="doubleRandom.unitList"
|
|
|
|
|
(ngModelChange)="log(doubleRandom)"></nz-checkbox-group>
|
|
|
|
|
<p class="blue" *ngIf="doubleRandom.unitList.length < totalCount"
|
|
|
|
|
(click)="moreData()">更多</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="doubleRandom.selectedMenu == 2">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form>
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="doubleRandom.search2" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="doubleRandom.search2"
|
|
|
|
|
#nzTreeComponent [nzData]="doubleRandom.nodes" [nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
|
nzBlockNode (nzClick)="nzEvent($event)" (nzExpandChange)="nzEvent($event)"
|
|
|
|
|
[nzExpandedIcon]="multiExpandedIconTpl">
|
|
|
|
|
</nz-tree>
|
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
|
<div class="nodebox">
|
|
|
|
|
|
|
|
|
|
<span class="name">
|
|
|
|
|
<label *ngIf="node.origin.companyName"
|
|
|
|
|
[(ngModel)]="node.origin.isChecked" nz-checkbox
|
|
|
|
|
(ngModelChange)="orcheckbox(doubleRandom,$event,node)"></label>
|
|
|
|
|
{{ node.title }}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin">
|
|
|
|
|
<ng-container *ngIf="node.origin.companyName; else elseTemplate">
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-template #elseTemplate>
|
|
|
|
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
|
|
|
|
|
class="ant-tree-switcher-line-icon"></i>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverBtn">
|
|
|
|
|
<button nz-button nzType="primary">确定</button>
|
|
|
|
|
<button nz-button nzType="default" (click)="isPopover(doubleRandom)">取消</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<span>
|
|
|
|
|
已分配: <span class="blue">14/15</span> 家单位
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheaderright">
|
|
|
|
|
<!-- <button nz-button nzType="primary">提交审核</button> -->
|
|
|
|
|
<span (click)="expand(doubleRandom)" class="expand blue">
|
|
|
|
|
{{doubleRandom.isExpand ? '收起' :'展开'}}
|
|
|
|
|
<i nz-icon [nzType]="doubleRandom.isExpand ? 'down' : 'up'" nzTheme="outline"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelcontent" *ngIf="doubleRandom.isExpand">
|
|
|
|
|
<nz-table #colSpanTable [nzData]="doubleRandom.data" nzBordered nzSize="small"
|
|
|
|
|
[nzShowPagination]="false">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th nzWidth="18%">责任机构</th>
|
|
|
|
|
<th nzWidth="6%">任务额</th>
|
|
|
|
|
<th nzWidth="25%">单位名称</th>
|
|
|
|
|
<th nzWidth="15%">监督员</th>
|
|
|
|
|
<th>说明</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr *ngFor="let item of colSpanTable.data; index as i">
|
|
|
|
|
<td>历下区大队</td>
|
|
|
|
|
<td>8</td>
|
|
|
|
|
<td>
|
|
|
|
|
<div>山东儒雅生活智慧城市服务有限公司（书苑广场）</div>
|
|
|
|
|
<div>山东儒雅生活智慧城市服务有限公司（书苑广场）</div>
|
|
|
|
|
<div>山东儒雅生活智慧城市服务有限公司（书苑广场）</div>
|
|
|
|
|
<div>山东儒雅生活智慧城市服务有限公司（书苑广场）</div>
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<span>张三三</span>
|
|
|
|
|
<span class="blue" style="float: right;">更改</span>
|
|
|
|
|
</td>
|
|
|
|
|
<td style="padding:0 2px!important;">
|
|
|
|
|
<textarea ngModel nzAutosize style="border: 0;" rows="1" nz-input
|
|
|
|
|
placeholder="一段简短的说明文字..." (ngModelChange)="saveItem()"></textarea>
|
|
|
|
|
<textarea ngModel nzAutosize style="border: 0;" rows="1" nz-input
|
|
|
|
|
placeholder="一段简短的说明文字..." (ngModelChange)="saveItem()"></textarea>
|
|
|
|
|
<textarea ngModel nzAutosize style="border: 0;" rows="1" nz-input
|
|
|
|
|
placeholder="一段简短的说明文字..." (ngModelChange)="saveItem()"></textarea>
|
|
|
|
|
<textarea ngModel nzAutosize style="border: 0;" rows="1" nz-input
|
|
|
|
|
placeholder="一段简短的说明文字..." (ngModelChange)="saveItem()"></textarea>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</nz-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 熟悉演练 -->
|
|
|
|
|
<div class="panel">
|
|
|
|
|
<div class="spin" *ngIf="rehearsal.isLoading">
|
|
|
|
|
<nz-spin nzSimple></nz-spin>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheader">
|
|
|
|
|
<div class="panelheaderleft">
|
|
|
|
|
<div class="panelheadername panelheadernamepurple">
|
|
|
|
|
<img src="../../../../assets/images/icon/yanlian.png" alt="">
|
|
|
|
|
熟悉演练
|
|
|
|
|
</div>
|
|
|
|
|
<button nz-button nzType="primary" nz-popover nzPopoverPlacement="bottomLeft"
|
|
|
|
|
[nzPopoverContent]="contentTemplate4" [nzPopoverTrigger]=null
|
|
|
|
|
[nzPopoverVisible]="rehearsal.isPopover" (click)="isPopover(rehearsal)">选择单位</button>
|
|
|
|
|
<ng-template #contentTemplate4>
|
|
|
|
|
<div class="selectUnitPopover">
|
|
|
|
|
<div class="popoverTitle">
|
|
|
|
|
<span (click)="popoverMenuSelect(rehearsal,1)"
|
|
|
|
|
[ngClass]="{'selectedspan': rehearsal.selectedMenu == 1}">单位名称</span>
|
|
|
|
|
<span style="margin: 0 10px;">|</span>
|
|
|
|
|
<span (click)="popoverMenuSelect(rehearsal,2)"
|
|
|
|
|
[ngClass]="{'selectedspan': rehearsal.selectedMenu == 2}">组织机构</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="rehearsal.selectedMenu == 1">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form (ngSubmit)="submitForm(rehearsal.search1)">
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="rehearsal.search1" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
<button style="display: none;" type="submit"></button>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContent" *ngIf="rehearsal.selectedMenu == 2">
|
|
|
|
|
<div>
|
|
|
|
|
<form nz-form>
|
|
|
|
|
<nz-form-item>
|
|
|
|
|
<nz-form-control>
|
|
|
|
|
<nz-input-group nzPrefixIcon="search">
|
|
|
|
|
<input type="text" [(ngModel)]="rehearsal.search2" nz-input
|
|
|
|
|
placeholder="请输入单位名称" [ngModelOptions]="{standalone: true}" />
|
|
|
|
|
</nz-input-group>
|
|
|
|
|
</nz-form-control>
|
|
|
|
|
</nz-form-item>
|
|
|
|
|
</form>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverContentitem">
|
|
|
|
|
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="rehearsal.search2"
|
|
|
|
|
#nzTreeComponent [nzData]="rehearsal.nodes" [nzTreeTemplate]="nzTreeTemplate"
|
|
|
|
|
nzBlockNode [nzExpandedIcon]="multiExpandedIconTpl">
|
|
|
|
|
</nz-tree>
|
|
|
|
|
<ng-template #nzTreeTemplate let-node let-origin="origin">
|
|
|
|
|
<div class="nodebox">
|
|
|
|
|
|
|
|
|
|
<span class="name">
|
|
|
|
|
<label *ngIf="node.origin.isGasStation"
|
|
|
|
|
[(ngModel)]="node.origin.isChecked" nz-checkbox
|
|
|
|
|
(ngModelChange)="orcheckbox(rehearsal,$event,node)"></label>
|
|
|
|
|
{{ node.title }}
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<ng-template #multiExpandedIconTpl let-node let-origin="origin">
|
|
|
|
|
<ng-container *ngIf="node.children.length == 0; else elseTemplate">
|
|
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
|
<ng-template #elseTemplate>
|
|
|
|
|
<i nz-icon [nzType]="node.isExpanded ? 'caret-down' : 'caret-right'"
|
|
|
|
|
class="ant-tree-switcher-line-icon"></i>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</ng-template>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="popoverBtn">
|
|
|
|
|
<button nz-button nzType="primary">确定</button>
|
|
|
|
|
<button nz-button nzType="default" (click)="isPopover(rehearsal)">取消</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<span>
|
|
|
|
|
已分配: <span class="blue">14/15</span> 家单位
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheaderright">
|
|
|
|
|
<!-- <button nz-button nzType="primary">提交审核</button> -->
|
|
|
|
|
<span (click)="expand(rehearsal)" class="expand blue">
|
|
|
|
|
{{rehearsal.isExpand ? '收起' :'展开'}}
|
|
|
|
|
<i nz-icon [nzType]="rehearsal.isExpand ? 'down' : 'up'" nzTheme="outline"></i>
|
|
|
|
|
</span>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelcontent" *ngIf="rehearsal.isExpand">
|
|
|
|
|
<nz-table #colSpanTable [nzData]="rehearsal.data" nzBordered nzSize="small" [nzShowPagination]="false">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th nzWidth="25%">责任机构</th>
|
|
|
|
|
<th nzWidth="6%">任务额</th>
|
|
|
|
|
<th nzWidth="30%">单位名称</th>
|
|
|
|
|
<th>说明</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr *ngFor="let item of colSpanTable.data; index as i">
|
|
|
|
|
<td>历下区大队</td>
|
|
|
|
|
<td> <input nz-input ngModel /></td>
|
|
|
|
|
<td>
|
|
|
|
|
山东儒雅生活智慧城市服务有限公司(书苑广场)
|
|
|
|
|
</td>
|
|
|
|
|
<td style="padding:0 2px!important;">
|
|
|
|
|
<textarea ngModel style="border: 0;" rows="1" nzAutosize nz-input
|
|
|
|
|
placeholder="一段简短的说明文字..." (ngModelChange)="saveItem()"></textarea>
|
|
|
|
|
</td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
|
|
|
|
</nz-table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="panel">
|
|
|
|
|
<div class="panelheader">
|
|
|
|
|
<div class="panelheaderleft">
|
|
|
|
|
<div class="panelheadername panelheadernameor2">
|
|
|
|
|
<img src="../../../../assets/images/icon/xuanchuan.png" alt="">
|
|
|
|
|
消防宣传
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <button nz-button nzType="primary">选择单位</button>
|
|
|
|
|
<span>
|
|
|
|
|
已分配: <span class="blue">0/0</span> 家单位
|
|
|
|
|
</span> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheaderright">
|
|
|
|
|
<!-- <button nz-button nzType="primary">提交审核</button>
|
|
|
|
|
<span class="expand blue">
|
|
|
|
|
收起
|
|
|
|
|
<i nz-icon nzType="down" nzTheme="outline"></i>
|
|
|
|
|
</span> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panel">
|
|
|
|
|
<div class="panelheader">
|
|
|
|
|
<div class="panelheaderleft">
|
|
|
|
|
<div class="panelheadername panelheadernamered">
|
|
|
|
|
<img src="../../../../assets/images/icon/huozai.png" alt="">
|
|
|
|
|
火灾调查
|
|
|
|
|
</div>
|
|
|
|
|
<!-- <button nz-button nzType="primary">选择单位</button>
|
|
|
|
|
<span>
|
|
|
|
|
已分配: <span class="blue">0/0</span> 家单位
|
|
|
|
|
</span> -->
|
|
|
|
|
</div>
|
|
|
|
|
<div class="panelheaderright">
|
|
|
|
|
<!-- <button nz-button nzType="primary">提交审核</button>
|
|
|
|
|
<span class="expand blue">
|
|
|
|
|
收起
|
|
|
|
|
<i nz-icon nzType="down" nzTheme="outline"></i>
|
|
|
|
|
</span> -->
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
