shaojiahao
/
Jinan_project
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

[新增]支队审核

非煤矿山灾害智能感知和预警系统
邵佳豪 3 years ago
parent
e768dea0f3
commit
115f1dbff2
9 changed files with 667 additions and 13 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. 4
      src/app/home/home.module.ts
  2. 216
      src/app/home/task/zhi-audit/zhi-audit.component.html
  3. 183
      src/app/home/task/zhi-audit/zhi-audit.component.scss
  4. 110
      src/app/home/task/zhi-audit/zhi-audit.component.ts
  5. 140
      src/app/home/task/zhi-indicators/zhi-indicators.component.html
  6. 19
      src/app/home/task/zhi-indicators/zhi-indicators.component.ts
  7. BIN
      src/assets/images/icon/agree.png
  8. BIN
      src/assets/images/icon/reject.png
  9. 6
      src/styles.scss

4
src/app/home/home.module.ts
Unescape View File

@ -45,6 +45,7 @@ import { AddUnitComponent } from './basic-info/add-unit/add-unit.component';
import { NzCollapseModule } from 'ng-zorro-antd/collapse'; import { NzCollapseModule } from 'ng-zorro-antd/collapse';
import { NzPopoverModule } from 'ng-zorro-antd/popover'; import { NzPopoverModule } from 'ng-zorro-antd/popover';
import { NzCheckboxModule } from 'ng-zorro-antd/checkbox'; import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
import { ScrollingModule } from '@angular/cdk/scrolling';
@NgModule({ @NgModule({
declarations: [ declarations: [
NavComponent, NavComponent,
@ -95,7 +96,8 @@ import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
NzTreeModule, NzTreeModule,
NzCollapseModule, NzCollapseModule,
NzPopoverModule, NzPopoverModule,
NzCheckboxModule NzCheckboxModule,
ScrollingModule
], ],
entryComponents: [AddroleComponent, EditroleComponent, AdduserComponent, EdituserComponent, AddorComponent, EditorComponent] entryComponents: [AddroleComponent, EditroleComponent, AdduserComponent, EdituserComponent, AddorComponent, EditorComponent]
}) })

216
src/app/home/task/zhi-audit/zhi-audit.component.html
Unescape View File

@ -1 +1,215 @@
<p>zhi-audit works!</p> <!-- <p>任务审批</p> -->
<div class="box">
<div class="timebox">
<nz-select ngModel="2022">
<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.name == selectedMonth}">
{{item.name}}
</div>
</div>
<div class="content" cdkScrollable>
<!-- 双随机 -->
<div class="panel">
<div class="panelheader">
<div class="panelheaderleft">
<div class="panelheadername panelheadernameblue">
<img src="../../../../assets/images/icon/suiji.png" alt="">
双随机
</div>
<span>
已选择: <span class="blue">15</span> 家单位
</span>
<span class="spanline">|</span>
<span>
已分配: <span class="blue">14</span> 家单位
</span>
<span class="spanline">|</span>
<span>
已通过: <span class="blue">14/15</span> 家单位
</span>
</div>
<div class="panelheaderright">
<button nz-button style="background: #42B983;color: white;">同意</button>
<button nz-button style="background: #FF0000;color: white;margin-left: 20px;">驳回</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="8%">任务额</th>
<th nzWidth="25%">单位名称</th>
<th nzWidth="15%">监督员</th>
<th>说明</th>
<th nzWidth="8%">操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let item of colSpanTable.data; index as i">
<td>访客</td>
<td>2021-11-19</td>
<td>
22
</td>
<td>
22
</td>
<td class="explain">
一段简短的说明文字...
<img src="../../../../assets/images/icon/agree.png" alt="">
<!-- <img src="../../../../assets/images/icon/reject.png" alt=""> -->
</td>
<td>
<span class="green" style="margin-right: 16px;">同意</span>
<span class="red">驳回</span>
</td>
</tr>
</tbody>
</nz-table>
</div>
</div>
<!-- 熟悉演练 -->
<div class="panel">
<div class="panelheader">
<div class="panelheaderleft">
<div class="panelheadername panelheadernamepurple">
<img src="../../../../assets/images/icon/yanlian.png" alt="">
熟悉演练
</div>
<span>
已选择: <span class="blue">15</span> 家单位
</span>
<span class="spanline">|</span>
<span>
已分配: <span class="blue">14</span> 家单位
</span>
<span class="spanline">|</span>
<span>
已通过: <span class="blue">14/15</span> 家单位
</span>
</div>
<div class="panelheaderright">
<button nz-button style="background: #42B983;color: white;">同意</button>
<button nz-button style="background: #FF0000;color: white;margin-left: 20px;">驳回</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="18%">责任机构</th>
<th nzWidth="8%">任务额</th>
<th nzWidth="25%">单位名称</th>
<th nzWidth="15%">监督员</th>
<th>说明</th>
<th nzWidth="8%">操作</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let item of colSpanTable.data; index as i">
<td>访客</td>
<td>2021-11-19</td>
<td>
22
</td>
<td>
22
</td>
<td class="explain">
一段简短的说明文字...
<img src="../../../../assets/images/icon/agree.png" alt="">
<!-- <img src="../../../../assets/images/icon/reject.png" alt=""> -->
</td>
<td>
<span class="green" style="margin-right: 16px;">同意</span>
<span class="red">驳回</span>
</td>
</tr>
</tbody>
</nz-table>
</div>
</div>
<div class="panel">
<div class="panelheader">
<div class="panelheaderleft">
<div class="panelheadername panelheadernameor">
<img src="../../../../assets/images/icon/huodong.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 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>

183
src/app/home/task/zhi-audit/zhi-audit.component.scss
Unescape View File

@ -0,0 +1,183 @@
.box {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
overflow: hidden;
}
.timebox {
width: 100%;
height: 68px;
box-sizing: border-box;
padding: 0 20px;
display: flex;
align-items: center;
border-bottom: 1px dashed #C7CAD0;
nz-select {
margin-right: 16px;
border-radius: 4px 4px 4px 4px;
}
.monthbtn {
width: 80px;
height: 32px;
line-height: 32px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
opacity: 1;
border: 1px solid #E4E7EC;
color: #303133;
margin-right: 16px;
cursor: pointer;
}
.selectedMonth {
background: #2C4DC0;
color: #FFFFFF;
}
}
.content {
box-sizing: border-box;
padding: 20px;
flex: 1;
overflow-y: auto;
color: #606266;
}
.panel {
margin-bottom: 16px;
.panelheader {
justify-content: space-between;
.panelheaderleft {
display: flex;
align-items: center;
.panelheadername {
width: 130px;
height: 36px;
box-sizing: border-box;
padding: 8px 28px;
border-radius: 6px 0px 6px 6px;
color: #fff;
margin-right: 36px;
img {
vertical-align: text-top;
}
}
.spanline {
color: rgba(44, 77, 192, 0.4000);
margin: 0 20px;
}
}
.panelheaderright {
display: flex;
align-items: center;
.expand {
margin-left: 36px;
}
}
}
.panelcontent {
nz-table {
margin-top: 16px;
}
.explain{
position: relative;
img{
width: 36px;
height: 36px;
position: absolute;
right: 20px;
top: 4px;
}
}
}
}
.panelheadernameblue {
background-color: #1D9DFF;
}
.panelheadernamepurple {
background-color: #9D80FF;
}
.panelheadernameblue2 {
background-color: #5087FF;
}
.panelheadernamegreen {
background-color: #42B983;
}
.panelheadernameor {
background-color: #FF9203;
}
.panelheadernameor2 {
background-color: #FF5D2A;
}
.panelheadernamered {
background-color: #FF404D;
}
.selectUnitPopover {
width: 550px;
height: 492px;
nz-form-item {
margin: 12px 0;
}
display: flex;
flex-direction: column;
.popoverTitle {
display: flex;
align-items: center;
span {
color: #C7CAD0;
cursor: pointer;
}
.selectedspan {
color: #2C4DC0;
}
}
.popoverContent {
flex: 1;
display: flex;
flex-direction: column;
overflow: hidden;
.popoverContentitem {
flex: 1;
overflow-y: auto;
}
}
.popoverBtn {
display: flex;
justify-content: flex-end;
margin-top: 16px;
button {
margin-left: 18px;
}
}
}

110
src/app/home/task/zhi-audit/zhi-audit.component.ts
Unescape View File

@ -1,5 +1,7 @@
import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http';
import { Component, OnInit, ViewChild } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';
import { TreeService } from 'src/app/service/tree.service';
@Component({ @Component({
selector: 'app-zhi-audit', selector: 'app-zhi-audit',
templateUrl: './zhi-audit.component.html', templateUrl: './zhi-audit.component.html',
@ -7,9 +9,111 @@ import { Component, OnInit } from '@angular/core';
}) })
export class ZhiAuditComponent implements OnInit { export class ZhiAuditComponent implements OnInit {
constructor() { } validateForm!: FormGroup;
constructor(private fb: FormBuilder, private http: HttpClient, private toTree: TreeService) { }
months = [
{ name: '1月', isable: true },
{ name: '2月', isable: true },
{ name: '3月', isable: true },
{ name: '4月', isable: true },
{ name: '5月', isable: true },
{ name: '6月', isable: true },
{ name: '7月', isable: true },
{ name: '8月', isable: true },
{ name: '9月', isable: true },
{ name: '10月', isable: true },
{ name: '11月', isable: true },
{ name: '12月', isable: true }
]
selectedMonth
selectMonth(item) {
this.selectedMonth = item.name
}
// 双随机
doubleRandom = {
isExpand: true,//卡片展开
isPopover: false,//选择单位气泡卡片
search1: '',//选择单位气泡卡片---单位选择列表
search1Value: [],
search2: '',//选择单位气泡卡片---组织选择列表
search2Value: [],
selectedMenu: 1,//选择单位气泡卡片
data: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],//表格数据
nodes: []
}
// 熟悉演练
rehearsal = {
isExpand: false,//卡片展开
isPopover: false,//选择单位气泡卡片
search1: '',//选择单位气泡卡片---单位选择列表
search1Value: [],
search2: '',//选择单位气泡卡片---组织选择列表
search2Value: [],
selectedMenu: 1,//选择单位气泡卡片
data: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],//表格数据
nodes: []
}
isPopover(data) {
data.isPopover = !data.isPopover
}
//搜索框提交
submitForm(value): void {
// console.log(value)
}
// 弹出 tab
popoverMenuSelect(data, type) {
data.selectedMenu = type
}
expand(data) {
data.isExpand = !data.isExpand
}
ngOnInit(): void { ngOnInit(): void {
this.getAllOrganization()
} }
nzExpandAll = false;
totalCount: string
allOrList: any
nodes
getAllOrganization() {
let params = {
ContainsChildren: true,
pageSize: 9999
}
this.http.get('/api/Organizations', {
params: params
}).subscribe((data: any) => {
this.totalCount = data.totalCount
data.items.forEach(element => {
element.key = element.id
element.title = element.name
element.selectable = false
});
this.allOrList = data.items
this.nodes = [...this.toTree.toTree(data.items)]
this.doubleRandom.nodes = JSON.parse(JSON.stringify(this.nodes))
this.rehearsal.nodes = JSON.parse(JSON.stringify(this.nodes))
})
}
orcheckbox(data, $event, node) {
if ($event) {
data.search2Value.push(node.origin.name)
} else {
for (let index = 0; index < data.search2Value.length; index++) {
const element = data.search2Value[index];
if (element == node.origin.name) {
data.search2Value.splice(index, 1)
}
}
}
console.log(data.search2Value)
}
} }

140
src/app/home/task/zhi-indicators/zhi-indicators.component.html
Unescape View File

@ -10,7 +10,8 @@
{{item.name}} {{item.name}}
</div> </div>
</div> </div>
<div class="content"> <div class="content" cdkScrollable>
<!-- 双随机 -->
<div class="panel"> <div class="panel">
<div class="panelheader"> <div class="panelheader">
<div class="panelheaderleft"> <div class="panelheaderleft">
@ -62,14 +63,16 @@
</div> </div>
<div class="popoverContentitem"> <div class="popoverContentitem">
<nz-tree [nzHideUnMatched]='true' [nzSearchValue]="doubleRandom.search2" <nz-tree [nzHideUnMatched]='true' [nzSearchValue]="doubleRandom.search2"
#nzTreeComponent [nzData]="nodes" [nzTreeTemplate]="nzTreeTemplate" nzBlockNode #nzTreeComponent [nzData]="doubleRandom.nodes" [nzTreeTemplate]="nzTreeTemplate" nzBlockNode
[nzExpandedIcon]="multiExpandedIconTpl"> [nzExpandedIcon]="multiExpandedIconTpl">
</nz-tree> </nz-tree>
<ng-template #nzTreeTemplate let-node let-origin="origin"> <ng-template #nzTreeTemplate let-node let-origin="origin">
<div class="nodebox"> <div class="nodebox">
<span class="name"> <span class="name">
<label *ngIf="node.origin.isGasStation" [(ngModel)]="node.origin.isChecked" nz-checkbox (ngModelChange)="orcheckbox(doubleRandom,$event,node)"></label> <label *ngIf="node.origin.isGasStation"
[(ngModel)]="node.origin.isChecked" nz-checkbox
(ngModelChange)="orcheckbox(doubleRandom,$event,node)"></label>
{{ node.title }} {{ node.title }}
</span> </span>
</div> </div>
@ -125,14 +128,145 @@
<td> <td>
22 22
</td> </td>
<td style="padding:0 2px!important;">
<textarea style="border: 0;" rows="1" nz-input placeholder="一段简短的说明文字..."></textarea>
</td>
</tr>
</tbody>
</nz-table>
</div>
</div>
<!-- 熟悉演练 -->
<div class="panel">
<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]="contentTemplate2" [nzPopoverTrigger]=null
[nzPopoverVisible]="rehearsal.isPopover" (click)="isPopover(rehearsal)">选择单位</button>
<ng-template #contentTemplate2>
<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="18%">责任机构</th>
<th nzWidth="8%">任务额</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>2021-11-19</td>
<td>
22
</td>
<td> <td>
22 22
</td> </td>
<td style="padding:0 2px!important;">
<textarea style="border: 0;" rows="1" nz-input placeholder="一段简短的说明文字..."></textarea>
</td>
</tr> </tr>
</tbody> </tbody>
</nz-table> </nz-table>
</div> </div>
</div> </div>
<div class="panel"> <div class="panel">
<div class="panelheader"> <div class="panelheader">
<div class="panelheaderleft"> <div class="panelheaderleft">

19
src/app/home/task/zhi-indicators/zhi-indicators.component.ts
Unescape View File

@ -43,7 +43,21 @@ export class ZhiIndicatorsComponent implements OnInit {
search2: '',//选择单位气泡卡片---组织选择列表 search2: '',//选择单位气泡卡片---组织选择列表
search2Value: [], search2Value: [],
selectedMenu: 1,//选择单位气泡卡片 selectedMenu: 1,//选择单位气泡卡片
data: [1]//表格数据 data: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],//表格数据
nodes: []
}
// 熟悉演练
rehearsal = {
isExpand: false,//卡片展开
isPopover: false,//选择单位气泡卡片
search1: '',//选择单位气泡卡片---单位选择列表
search1Value: [],
search2: '',//选择单位气泡卡片---组织选择列表
search2Value: [],
selectedMenu: 1,//选择单位气泡卡片
data: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],//表格数据
nodes: []
} }
isPopover(data) { isPopover(data) {
data.isPopover = !data.isPopover data.isPopover = !data.isPopover
@ -85,6 +99,9 @@ export class ZhiIndicatorsComponent implements OnInit {
}); });
this.allOrList = data.items this.allOrList = data.items
this.nodes = [...this.toTree.toTree(data.items)] this.nodes = [...this.toTree.toTree(data.items)]
this.doubleRandom.nodes = JSON.parse(JSON.stringify(this.nodes))
this.rehearsal.nodes = JSON.parse(JSON.stringify(this.nodes))
}) })
} }
orcheckbox(data, $event, node) { orcheckbox(data, $event, node) {

BIN
src/assets/images/icon/agree.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
src/assets/images/icon/reject.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

6
src/styles.scss
Unescape View File

@ -115,17 +115,17 @@ app-root {
.blue { .blue {
cursor: pointer; cursor: pointer;
color: #2C4DC0; color: #2C4DC0!important;
} }
.green { .green {
cursor: pointer; cursor: pointer;
color: #42B983; color: #42B983!important;
} }
.red { .red {
cursor: pointer; cursor: pointer;
color: #FF0000; color: #FF0000!important;
} }

Write Preview
Loading…
Cancel
Save