33 changed files with 1320 additions and 115 deletions
@ -0,0 +1,11 @@ |
|||||||
|
<div class="box"> |
||||||
|
<div style="font-size: 18px;"> |
||||||
|
请选择预案 |
||||||
|
</div> |
||||||
|
<div class="btnbox"> |
||||||
|
<div (click)="selectType(1)">已存在的预案</div> |
||||||
|
<div (click)="selectType(2)">自定义预案</div> |
||||||
|
</div> |
||||||
|
<span style="position: absolute; |
||||||
|
right: 0;top: 0;cursor: pointer;" (click)="close()"><mat-icon>clear</mat-icon></span> |
||||||
|
</div> |
||||||
@ -0,0 +1,29 @@ |
|||||||
|
.box{ |
||||||
|
position: relative; |
||||||
|
div{ |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.btnbox{ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
margin-top: 22px; |
||||||
|
div{ |
||||||
|
margin: 0 10px; |
||||||
|
width: 120px; |
||||||
|
height: 36px; |
||||||
|
line-height: 36px; |
||||||
|
cursor: pointer; |
||||||
|
opacity: 1; |
||||||
|
border-radius: 8px; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
div:nth-child(1){ |
||||||
|
background: #07CDCF; |
||||||
|
} |
||||||
|
div:nth-child(2){ |
||||||
|
background: #FF8678; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,77 @@ |
|||||||
|
<div class="box"> |
||||||
|
<div *ngIf="planType"> |
||||||
|
<div class="title"> |
||||||
|
添加预案 |
||||||
|
</div> |
||||||
|
<div class="tablebox"> |
||||||
|
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8"> |
||||||
|
<!-- Checkbox Column --> |
||||||
|
<ng-container matColumnDef="select"> |
||||||
|
<th mat-header-cell *matHeaderCellDef> |
||||||
|
<!-- <mat-checkbox (change)="$event ? masterToggle() : null" |
||||||
|
[checked]="selection.hasValue() && isAllSelected()" |
||||||
|
[indeterminate]="selection.hasValue() && !isAllSelected()"> |
||||||
|
</mat-checkbox> --> |
||||||
|
选择 |
||||||
|
</th> |
||||||
|
<td mat-cell *matCellDef="let row"> |
||||||
|
<mat-checkbox color="primary" (click)="$event.stopPropagation()" |
||||||
|
(change)="$event ? selection.toggle(row) : null" |
||||||
|
[checked]="selection.isSelected(row)"> |
||||||
|
</mat-checkbox> |
||||||
|
</td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
|
<!-- name Column --> |
||||||
|
<ng-container matColumnDef="name"> |
||||||
|
<th mat-header-cell *matHeaderCellDef> 预案名称 </th> |
||||||
|
<td mat-cell *matCellDef="let element"> {{element.name}} </td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
|
<!-- people Column --> |
||||||
|
<ng-container matColumnDef="people"> |
||||||
|
<th mat-header-cell *matHeaderCellDef> 添加人 </th> |
||||||
|
<td mat-cell *matCellDef="let element"> {{element.people}} </td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
|
<!-- time Column --> |
||||||
|
<ng-container matColumnDef="time"> |
||||||
|
<th mat-header-cell *matHeaderCellDef> 添加时间 </th> |
||||||
|
<td mat-cell *matCellDef="let element"> {{element.time}} </td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
|
<!-- level Column --> |
||||||
|
<ng-container matColumnDef="level"> |
||||||
|
<th mat-header-cell *matHeaderCellDef> 编制级别 </th> |
||||||
|
<td mat-cell *matCellDef="let element"> {{element.level}} </td> |
||||||
|
</ng-container> |
||||||
|
|
||||||
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr> |
||||||
|
<tr mat-row *matRowDef="let row; columns: displayedColumns;" |
||||||
|
(click)="selection.toggle(row)"> |
||||||
|
</tr> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div *ngIf="!planType"> |
||||||
|
<div class="title"> |
||||||
|
创建自定义预案 |
||||||
|
</div> |
||||||
|
<div class="customPlanName"> |
||||||
|
<p style="font-size: 14px;margin: 5px 0;"> |
||||||
|
预案名称 |
||||||
|
</p> |
||||||
|
<div class="input"> |
||||||
|
<input type="text" placeholder="请输入自定义名称"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="btnbox"> |
||||||
|
<div class="btn"> |
||||||
|
确定 |
||||||
|
</div> |
||||||
|
<div class="btn" (click)="close()"> |
||||||
|
取消 |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
@ -0,0 +1,49 @@ |
|||||||
|
.box{ |
||||||
|
|
||||||
|
box-sizing: border-box; |
||||||
|
padding: 15px; |
||||||
|
.title{ |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
height: 43px; |
||||||
|
line-height: 43px; |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.tablebox{ |
||||||
|
width: 600px; |
||||||
|
table{ |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
.customPlanName{ |
||||||
|
input{ |
||||||
|
width: 260px; |
||||||
|
border: 0; |
||||||
|
background-color: #F2F5F6; |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 4px; |
||||||
|
} |
||||||
|
} |
||||||
|
.btnbox{ |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
margin-top: 15px; |
||||||
|
.btn{ |
||||||
|
width: 100px; |
||||||
|
height: 36px; |
||||||
|
line-height: 36px; |
||||||
|
text-align: center; |
||||||
|
opacity: 1; |
||||||
|
border-radius: 8px; |
||||||
|
margin: 0 10px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.btn:nth-child(1){ |
||||||
|
background: #07CDCF; |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
.btn:nth-child(2){ |
||||||
|
background:#F2F5F6; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1 @@ |
|||||||
|
<p>examiner-index works!</p> |
||||||
@ -0,0 +1,25 @@ |
|||||||
|
import { async, ComponentFixture, TestBed } from '@angular/core/testing'; |
||||||
|
|
||||||
|
import { ExaminerIndexComponent } from './examiner-index.component'; |
||||||
|
|
||||||
|
describe('ExaminerIndexComponent', () => { |
||||||
|
let component: ExaminerIndexComponent; |
||||||
|
let fixture: ComponentFixture<ExaminerIndexComponent>; |
||||||
|
|
||||||
|
beforeEach(async(() => { |
||||||
|
TestBed.configureTestingModule({ |
||||||
|
declarations: [ ExaminerIndexComponent ] |
||||||
|
}) |
||||||
|
.compileComponents(); |
||||||
|
})); |
||||||
|
|
||||||
|
beforeEach(() => { |
||||||
|
fixture = TestBed.createComponent(ExaminerIndexComponent); |
||||||
|
component = fixture.componentInstance; |
||||||
|
fixture.detectChanges(); |
||||||
|
}); |
||||||
|
|
||||||
|
it('should create', () => { |
||||||
|
expect(component).toBeTruthy(); |
||||||
|
}); |
||||||
|
}); |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
import { Component, OnInit } from '@angular/core'; |
||||||
|
|
||||||
|
@Component({ |
||||||
|
selector: 'app-examiner-index', |
||||||
|
templateUrl: './examiner-index.component.html', |
||||||
|
styleUrls: ['./examiner-index.component.scss'] |
||||||
|
}) |
||||||
|
export class ExaminerIndexComponent implements OnInit { |
||||||
|
|
||||||
|
constructor() { } |
||||||
|
|
||||||
|
ngOnInit(): void { |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
@ -1,25 +1,34 @@ |
|||||||
<mat-toolbar style="background-color: #3b8cff;"> |
<!-- |
||||||
|
* @Descripttion: |
||||||
|
* @version: |
||||||
|
* @Author: sueRimn |
||||||
|
* @Date: 2020-12-10 10:21:40 |
||||||
|
* @LastEditors: sueRimn |
||||||
|
* @LastEditTime: 2020-12-11 10:01:47 |
||||||
|
--> |
||||||
|
<mat-toolbar style="background-color:#FFFFFF;height: 60px;"> |
||||||
|
|
||||||
<!-- <mat-toolbar> --> |
<!-- <mat-toolbar> --> |
||||||
<p style="color: white;border-bottom: 3px solid #fff;border-radius: 3px; font-size: 16px;padding: 0 4px;">考核系统</p> |
<p>欢迎登录消防救援考核系统</p> |
||||||
|
|
||||||
<span style="position: absolute;right:100px;color: white;font-size: 16px;">欢迎您，{{realName}}</span> |
|
||||||
<!-- 已登录状态 --> |
<!-- 已登录状态 --> |
||||||
<button mat-icon-button [matMenuTriggerFor]="appMenu" class="login"> |
<button mat-icon-button class="login"> |
||||||
<mat-icon>account_circle</mat-icon> |
<mat-icon>account_circle</mat-icon> |
||||||
</button> |
</button> |
||||||
|
<span style="position: absolute;right:80px;color: #1E2323;font-size: 16px;">用户名：{{realName}}<mat-icon [matMenuTriggerFor]="appMenu" style="color: #1E2323;position: relative;top: 8px;cursor: pointer;">keyboard_arrow_down</mat-icon></span> |
||||||
<mat-menu #appMenu="matMenu"> |
<mat-menu #appMenu="matMenu"> |
||||||
<!-- <button mat-menu-item (click)='changeUserData()'> |
<!-- <button mat-menu-item (click)='changeUserData()'> |
||||||
<mat-icon>perm_identity</mat-icon> |
<mat-icon>perm_identity</mat-icon> |
||||||
<span>修改资料</span> |
<span>修改资料</span> |
||||||
</button> --> |
</button> --> |
||||||
<button mat-menu-item (click)='changPassword()'> |
<button mat-menu-item > |
||||||
<mat-icon>verified_user</mat-icon> |
<img style="width: 16px;height: 18px;position: relative;top: 2px;" src="../../assets/images/uppsd.png"> |
||||||
<span>修改密码</span> |
<span style="margin-left: 5px;">修改密码</span> |
||||||
</button> |
</button> |
||||||
<button mat-menu-item (click)='signOut()'> |
<button mat-menu-item (click)='signOut()'> |
||||||
<mat-icon>power_settings_new</mat-icon> |
<img style="width: 16px;height: 18px;position: relative;top: 2px;" src="../../assets/images/sign.png"> |
||||||
<span>退出系统</span> |
<span style="margin-left: 5px;">安全退出</span> |
||||||
</button> |
</button> |
||||||
</mat-menu> |
</mat-menu> |
||||||
|
|
||||||
|
|||||||
@ -0,0 +1,477 @@ |
|||||||
|
.ant-tree-checkbox, |
||||||
|
.ant-tree-checkbox-wrapper { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
list-style: none; |
||||||
|
font-feature-settings: 'tnum'; |
||||||
|
font-size: 14px |
||||||
|
} |
||||||
|
|
||||||
|
@keyframes antCheckboxEffect { |
||||||
|
0% { |
||||||
|
transform: scale(1); |
||||||
|
opacity: .5 |
||||||
|
} |
||||||
|
|
||||||
|
100% { |
||||||
|
transform: scale(1.6); |
||||||
|
opacity: 0 |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode { |
||||||
|
position: relative |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode::before { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 4px; |
||||||
|
left: 0; |
||||||
|
transition: background-color .3s; |
||||||
|
content: ''; |
||||||
|
pointer-events: none |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before { |
||||||
|
background: #f5f5f5 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode>* { |
||||||
|
z-index: 1 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-switcher { |
||||||
|
transition: color .3s |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper { |
||||||
|
border-radius: 0; |
||||||
|
user-select: none |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover { |
||||||
|
background: 0 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected { |
||||||
|
color: #fff; |
||||||
|
background: 0 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected::before, |
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected:hover::before { |
||||||
|
background: #07CDCF |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher { |
||||||
|
color: #fff |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-node-content-wrapper { |
||||||
|
color: #fff; |
||||||
|
background: 0 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox { |
||||||
|
box-sizing: border-box; |
||||||
|
color: rgba(0, 0, 0, .65); |
||||||
|
font-variant: tabular-nums; |
||||||
|
position: relative; |
||||||
|
top: -.09em; |
||||||
|
display: inline-block; |
||||||
|
line-height: 1; |
||||||
|
white-space: nowrap; |
||||||
|
vertical-align: middle; |
||||||
|
outline: 0; |
||||||
|
cursor: pointer |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-input:focus+.ant-tree-checkbox-inner, |
||||||
|
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, |
||||||
|
.ant-tree-checkbox:hover .ant-tree-checkbox-inner { |
||||||
|
border-color: #07CDCF |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-checked::after { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
border: 1px solid #07CDCF; |
||||||
|
border-radius: 2px; |
||||||
|
visibility: hidden; |
||||||
|
animation: antCheckboxEffect .36s ease-in-out; |
||||||
|
animation-fill-mode: backwards; |
||||||
|
content: '' |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after, |
||||||
|
.ant-tree-checkbox:hover::after { |
||||||
|
visibility: visible |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-inner { |
||||||
|
position: relative; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
display: block; |
||||||
|
width: 16px; |
||||||
|
height: 16px; |
||||||
|
direction: ltr; |
||||||
|
background-color: #fff; |
||||||
|
border: 1px solid #d9d9d9; |
||||||
|
border-radius: 2px; |
||||||
|
border-collapse: separate; |
||||||
|
transition: all .3s |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-inner::after { |
||||||
|
position: absolute; |
||||||
|
top: 50%; |
||||||
|
left: 20%; |
||||||
|
display: table; |
||||||
|
width: 5.71px; |
||||||
|
height: 9.14px; |
||||||
|
border: 2px solid #fff; |
||||||
|
border-top: 0; |
||||||
|
border-left: 0; |
||||||
|
transform: rotate(45deg) scale(0) translate(-50%, -50%); |
||||||
|
opacity: 0; |
||||||
|
transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s; |
||||||
|
content: ' ' |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-input { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
z-index: 1; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
cursor: pointer; |
||||||
|
opacity: 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-disabled, |
||||||
|
.ant-tree-checkbox-disabled .ant-tree-checkbox-input, |
||||||
|
.ant-tree-checkbox-disabled+span { |
||||||
|
cursor: not-allowed |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { |
||||||
|
position: absolute; |
||||||
|
display: table; |
||||||
|
border: 2px solid #fff; |
||||||
|
border-top: 0; |
||||||
|
border-left: 0; |
||||||
|
transform: rotate(45deg) scale(1) translate(-50%, -50%); |
||||||
|
opacity: 1; |
||||||
|
transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s; |
||||||
|
content: ' ' |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-checked .ant-tree-checkbox-inner { |
||||||
|
background-color: #07CDCF; |
||||||
|
border-color: #07CDCF |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after { |
||||||
|
border-color: rgba(0, 0, 0, .25); |
||||||
|
animation-name: none |
||||||
|
} |
||||||
|
|
||||||
|
/* .ant-tree-checkbox-disabled .ant-tree-checkbox-inner { |
||||||
|
background-color: #f5f5f5; |
||||||
|
border-color: #d9d9d9 !important |
||||||
|
} */ |
||||||
|
|
||||||
|
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { |
||||||
|
border-color: #f5f5f5; |
||||||
|
border-collapse: separate; |
||||||
|
animation-name: none |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-disabled+span { |
||||||
|
color: rgba(0, 0, 0, .25) |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-disabled:hover::after, |
||||||
|
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after { |
||||||
|
visibility: hidden |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-wrapper { |
||||||
|
box-sizing: border-box; |
||||||
|
color: rgba(0, 0, 0, .65); |
||||||
|
font-variant: tabular-nums; |
||||||
|
display: inline-block; |
||||||
|
line-height: unset; |
||||||
|
cursor: pointer |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled { |
||||||
|
cursor: not-allowed |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-wrapper+.ant-tree-checkbox-wrapper { |
||||||
|
margin-left: 8px |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox+span { |
||||||
|
padding-right: 8px; |
||||||
|
padding-left: 8px |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree, |
||||||
|
.ant-tree-checkbox-group { |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 0; |
||||||
|
color: rgba(0, 0, 0, .65); |
||||||
|
font-variant: tabular-nums; |
||||||
|
line-height: 1.5715; |
||||||
|
list-style: none; |
||||||
|
font-feature-settings: 'tnum' |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-group { |
||||||
|
margin: 0; |
||||||
|
font-size: 14px; |
||||||
|
display: inline-block |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-group-item { |
||||||
|
display: inline-block; |
||||||
|
margin-right: 8px |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-group-item:last-child { |
||||||
|
margin-right: 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-group-item+.ant-tree-checkbox-group-item { |
||||||
|
margin-left: 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner { |
||||||
|
background-color: #fff; |
||||||
|
border-color: #d9d9d9 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after { |
||||||
|
top: 50%; |
||||||
|
left: 50%; |
||||||
|
width: 8px; |
||||||
|
height: 8px; |
||||||
|
background-color: #07CDCF; |
||||||
|
border: 0; |
||||||
|
transform: translate(-50%, -50%) scale(1); |
||||||
|
opacity: 1; |
||||||
|
content: ' ' |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after { |
||||||
|
background-color: rgba(0, 0, 0, .25); |
||||||
|
border-color: rgba(0, 0, 0, .25) |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree { |
||||||
|
margin: 0; |
||||||
|
font-size: 14px; |
||||||
|
background: #fff; |
||||||
|
border-radius: 2px; |
||||||
|
transition: background-color .3s |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-focused:not(:hover):not(.ant-tree-active-focused) { |
||||||
|
background: #e6f7ff |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-list-holder-inner { |
||||||
|
align-items: flex-start |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner { |
||||||
|
align-items: stretch |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree.ant-tree-block-node .ant-tree-list-holder-inner .ant-tree-node-content-wrapper { |
||||||
|
flex: auto |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode { |
||||||
|
display: flex; |
||||||
|
align-items: flex-start; |
||||||
|
padding: 0; |
||||||
|
outline: 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper { |
||||||
|
color: rgba(0, 0, 0, .25); |
||||||
|
cursor: not-allowed |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode-disabled .ant-tree-node-content-wrapper:hover { |
||||||
|
background: 0 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode-active .ant-tree-node-content-wrapper { |
||||||
|
background: #f5f5f5 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-indent { |
||||||
|
align-self: stretch; |
||||||
|
white-space: nowrap; |
||||||
|
user-select: none |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-indent-unit { |
||||||
|
display: inline-block; |
||||||
|
width: 24px |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-switcher { |
||||||
|
flex: none; |
||||||
|
width: 24px; |
||||||
|
height: 35px; |
||||||
|
margin: 0; |
||||||
|
line-height: 22px; |
||||||
|
font-size: 18px; |
||||||
|
text-align: center; |
||||||
|
cursor: pointer |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon, |
||||||
|
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon { |
||||||
|
font-size: 10px; |
||||||
|
display: inline-block; |
||||||
|
font-weight: 700 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-switcher .ant-select-tree-switcher-icon svg, |
||||||
|
.ant-tree .ant-tree-switcher .ant-tree-switcher-icon svg { |
||||||
|
transition: transform .3s |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-switcher-noop { |
||||||
|
cursor: default |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg { |
||||||
|
transform: rotate(-90deg) |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-checkbox { |
||||||
|
top: initial; |
||||||
|
margin: 4px 8px 0 0 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-node-content-wrapper { |
||||||
|
min-height: 24px; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
color: inherit; |
||||||
|
line-height: 24px; |
||||||
|
background: 0 0; |
||||||
|
border-radius: 2px; |
||||||
|
cursor: pointer; |
||||||
|
transition: all .3s |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-node-content-wrapper:hover { |
||||||
|
background-color: #f5f5f5 |
||||||
|
} |
||||||
|
|
||||||
|
/* .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected { |
||||||
|
background-color: #bae7ff |
||||||
|
} */ |
||||||
|
|
||||||
|
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle { |
||||||
|
display: inline-block; |
||||||
|
width: 24px; |
||||||
|
height: 24px; |
||||||
|
line-height: 24px; |
||||||
|
text-align: center; |
||||||
|
vertical-align: top |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-node-content-wrapper .ant-tree-iconEle:empty, |
||||||
|
.ant-tree .ant-tree-treenode-loading .ant-tree-iconEle, |
||||||
|
.ant-tree-show-line .ant-tree-indent-unit-end::before, |
||||||
|
.ant-tree-show-line .ant-tree-treenode-motion:not(.ant-motion-collapse-leave):not(.ant-motion-collapse-appear-active) .ant-tree-indent-unit::before { |
||||||
|
display: none |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-node-content-wrapper[draggable=true] { |
||||||
|
overflow: hidden; |
||||||
|
width: 100%; |
||||||
|
line-height: 35px; |
||||||
|
/* border-top: 2px transparent solid; |
||||||
|
border-bottom: 2px transparent solid; */ |
||||||
|
user-select: none |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode.drag-over>[draggable] { |
||||||
|
color: #fff; |
||||||
|
background-color: #07CDCF; |
||||||
|
opacity: .8 |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode.drag-over-gap-top>[draggable] { |
||||||
|
border-top-color: #07CDCF |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode.drag-over-gap-bottom>[draggable] { |
||||||
|
border-bottom-color: #07CDCF |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-show-line .ant-tree-indent-unit { |
||||||
|
position: relative; |
||||||
|
height: 100% |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-show-line .ant-tree-indent-unit::before { |
||||||
|
position: absolute; |
||||||
|
top: calc(100% - 4px); |
||||||
|
right: -12px; |
||||||
|
bottom: -28px; |
||||||
|
border-right: 1px solid #d9d9d9; |
||||||
|
content: '' |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-show-line .ant-tree-switcher { |
||||||
|
z-index: 1; |
||||||
|
background: #fff |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree .ant-tree-treenode-rtl, |
||||||
|
.ant-tree-rtl { |
||||||
|
direction: rtl |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-rtl.ant-tree .ant-tree-switcher_close .ant-tree-switcher-icon svg { |
||||||
|
transform: rotate(90deg) |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-rtl.ant-tree-show-line .ant-tree-indent-unit::before { |
||||||
|
right: auto; |
||||||
|
left: -12px; |
||||||
|
border-right: none; |
||||||
|
border-left: 1px solid #d9d9d9 |
||||||
|
} |
||||||
|
|
||||||
|
.font-highlight { |
||||||
|
color: #ff4d4f |
||||||
|
} |
||||||
|
|
||||||
|
.ant-tree-child-tree { |
||||||
|
overflow: hidden |
||||||
|
} |
||||||
|
|
||||||
|
nz-tree { |
||||||
|
display: block |
||||||
|
} |
||||||
|
After Width: | Height: | Size: 409 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 357 B |
|
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 418 B |
|
After Width: | Height: | Size: 633 B |
|
After Width: | Height: | Size: 400 B |
Loading…
Reference in new issue