diff --git a/src/app/examiner/create-test-score/create-test-score.component.html b/src/app/examiner/create-test-score/create-test-score.component.html index 847aa6c..236526f 100644 --- a/src/app/examiner/create-test-score/create-test-score.component.html +++ b/src/app/examiner/create-test-score/create-test-score.component.html @@ -296,7 +296,8 @@
上一步
-
+
+ 完成
diff --git a/src/app/examiner/create-test-score/create-test-score.component.ts b/src/app/examiner/create-test-score/create-test-score.component.ts index afa12e9..952b299 100644 --- a/src/app/examiner/create-test-score/create-test-score.component.ts +++ b/src/app/examiner/create-test-score/create-test-score.component.ts @@ -3,6 +3,11 @@ import { HttpClient } from '@angular/common/http'; import { Component, Inject, OnInit, ViewChild } from '@angular/core'; import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog'; import { MatTableDataSource } from '@angular/material/table'; +import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; +import { NzDatePickerModule } from 'ng-zorro-antd/date-picker'; +import { DisabledTimeFn, DisabledTimePartial } from 'ng-zorro-antd/date-picker'; +import getISOWeek from 'date-fns/getISOWeek'; +import setHours from 'date-fns/setHours'; import { NzFormatEmitEvent, NzTreeComponent } from 'ng-zorro-antd/tree'; @Component({ selector: 'app-create-test-score', @@ -11,7 +16,7 @@ import { NzFormatEmitEvent, NzTreeComponent } from 'ng-zorro-antd/tree'; }) export class CreateTestScoreComponent implements OnInit { - constructor(public dialog: MatDialog,private http: HttpClient) { } + constructor(public dialog: MatDialog,private http: HttpClient,public snackBar: MatSnackBar) { } selectedTab:number = 1 //选中的选项卡 selectTab(index){ this.selectedTab = index @@ -1027,6 +1032,18 @@ export class CreateTestScoreComponent implements OnInit { goBack(){ window.history.back(); } + //完成按钮 + finishClick(){ + const dialogRef = this.dialog.open(FinishDialog, { + width: '700px', + height: '300px', + data: {} + }); + + dialogRef.afterClosed().subscribe(result => { + console.log('The dialog was closed'); + }); + } } //添加预案1 @@ -1114,6 +1131,74 @@ export class AddPlanTwoDialog { } +//完成弹窗 +@Component({ + selector: 'finish-dialog', + templateUrl: 'finishDialog.html', + styleUrls: ['finishDialog.scss'] +}) +export class FinishDialog{ + + constructor(public dialog: MatDialog,public snackBar: MatSnackBar,public dialogRef: MatDialogRef,@Inject(MAT_DIALOG_DATA) public data: any) {} + ngOnInit(): void { + } + + startTime:string + endTime:string + + date=null + timeDefaultValue = setHours(new Date(), 0); + disabledDateTime: DisabledTimeFn = () => { + var second=[] + for(var i=1;i<60;i++){ + second.push(i) + } + return { + nzDisabledHours: () => [], + nzDisabledMinutes: () => [], + nzDisabledSeconds: () => second + }; + }; + onNoClick(): void { + //this.dialogRef.close(); + const config = new MatSnackBarConfig(); + if(this.startTime!=undefined&&this.endTime!=undefined){ + if(this.startTime>this.endTime){ + this.snackBar.open('开始时间不能大于结束时间','确定',config); + } + else{ + //截取字符串，得到日期部分"2009-12-02",用split把字符串分隔成数组 + var begin1=this.startTime.substr(0,10).split("-"); + var end1=this.endTime.substr(0,10).split("-"); + //将拆分的数组重新组合，并实例成化新的日期对象 + var date1=new Date(begin1[1] + - + begin1[2] + - + begin1[0]); + var date2=new Date(end1[1] + - + end1[2] + - + end1[0]); + //得到两个日期之间的差值m，以分钟为单位 + var m=Number(Math.abs(Number(date2)-Number(date1))/1000/60); + //小时数和分钟数相加得到总的分钟数 + var min1=parseInt(this.startTime.substr(11,2))*60+parseInt(this.startTime.substr(14,2)); + var min2=parseInt(this.endTime.substr(11,2))*60+parseInt(this.endTime.substr(14,2)); + //两个分钟数相减得到时间部分的差值，以分钟为单位 + var n=min2-min1; + //将日期和时间两个部分计算出来的差值相加，即得到两个时间相减后的分钟数 + var minutes=m+n; + this.dialogRef.close(); + console.log(minutes) + } + } + else{ + this.snackBar.open('请输入开始或结束时间','确定',config); + } + + } + onChange(result: Date[]): void { + console.log('onChange: ', result); + } + + getWeek(result: Date[]): void { + console.log('week: ', result.map(getISOWeek)); + } +} //查看答案 @Component({ @@ -1139,4 +1224,4 @@ export class LookTreeNodeDialog { this.dialogRef.close(); } -} \ No newline at end of file +} diff --git a/src/app/examiner/create-test-score/finishDialog.html b/src/app/examiner/create-test-score/finishDialog.html new file mode 100644 index 0000000..9f226d4 --- /dev/null +++ b/src/app/examiner/create-test-score/finishDialog.html @@ -0,0 +1,32 @@ + +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+ +
+ + +
+
\ No newline at end of file diff --git a/src/app/examiner/create-test-score/finishDialog.scss b/src/app/examiner/create-test-score/finishDialog.scss new file mode 100644 index 0000000..93c9f42 --- /dev/null +++ b/src/app/examiner/create-test-score/finishDialog.scss @@ -0,0 +1,44 @@ +.box{ + display: flex; + flex-direction: column; + margin-left: 20px; + input{ + width: 260px; + height: 40px; + line-height: 34px; + border-radius: 5px; + padding-left: 5px; + outline: none; + border: 1px solid rgb(226, 211, 211); + } + .diaone{ + display: flex; + flex-direction: column; + + button { + border: none; + color: white; + padding: 5px 25px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; + border-radius: 8px; + outline:0 none !important; + } + } + .diatwo{ + margin-top: 20px; + display: flex; + flex-direction: row; + .endtime{ + margin-left: 20px; + } + .datepicker{ + height: 44px; + border-radius: 5px; + } + } +} diff --git a/src/app/examiner/examiner-index/examiner-index.component.scss b/src/app/examiner/examiner-index/examiner-index.component.scss index e7510fe..c90b68e 100644 --- a/src/app/examiner/examiner-index/examiner-index.component.scss +++ b/src/app/examiner/examiner-index/examiner-index.component.scss @@ -64,7 +64,7 @@ table { table{ td,th{ height: 48px; - font-size: 18px; + font-size: 16px; } td{ border-bottom: 1px solid #F2F5F6; diff --git a/src/app/examiner/examiner-new-one/examiner-new-one.component.html b/src/app/examiner/examiner-new-one/examiner-new-one.component.html index 48ff7bf..9e22c42 100644 --- a/src/app/examiner/examiner-new-one/examiner-new-one.component.html +++ b/src/app/examiner/examiner-new-one/examiner-new-one.component.html @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-12-11 16:34:26 * @LastEditors: sueRimn - * @LastEditTime: 2020-12-13 09:43:19 + * @LastEditTime: 2020-12-14 10:46:59 -->
@@ -108,7 +108,7 @@
- +
diff --git a/src/app/examiner/examiner-new-one/examiner-new-one.component.ts b/src/app/examiner/examiner-new-one/examiner-new-one.component.ts index 665ceb5..086b2ab 100644 --- a/src/app/examiner/examiner-new-one/examiner-new-one.component.ts +++ b/src/app/examiner/examiner-new-one/examiner-new-one.component.ts @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-12-11 16:34:26 * @LastEditors: sueRimn - * @LastEditTime: 2020-12-13 10:13:54 + * @LastEditTime: 2020-12-14 11:14:49 */ import { Component, OnInit, ViewChild, Inject } from '@angular/core'; import { HttpClient } from '@angular/common/http' @@ -246,7 +246,7 @@ export class ExaminerNewOneComponent implements OnInit { } //得到当前单位信息 getunitdata(){ - this.http.get("/api/Account/Profiles").subscribe( + this.http.get("/api/ExamAccounts/Profiles").subscribe( (data:any)=>{ this.organizationName = data.organizationName } @@ -268,7 +268,7 @@ export class ExaminerNewOneComponent implements OnInit { } }); }); - this.http.get("/api/Account/Profiles").subscribe( + this.http.get("/api/ExamAccounts/Profiles").subscribe( (data:any)=>{ this.organizationName = data.organizationName if(this.organizationName){ @@ -341,7 +341,12 @@ export class ExaminerNewOneComponent implements OnInit { } //下一步事件 nextClick(){ - //console.log(this.selectedunitArr) + console.log(this.selectedunitArr) + /* var workDate=[] + for(var i=0;i * { + flex: none; +} +.ant-picker-header button { + padding: 0; + color: rgba(0, 0, 0, 0.25); + line-height: 40px; + background: transparent; + border: 0; + cursor: pointer; + transition: color 0.3s; +} +.ant-picker-header > button { + min-width: 1.6em; + font-size: 14px; +} +.ant-picker-header > button:hover { + color: rgba(0, 0, 0, 0.85); +} +.ant-picker-header-view { + flex: auto; + font-weight: 500; + line-height: 40px; +} +.ant-picker-header-view button { + color: inherit; + font-weight: inherit; +} +.ant-picker-header-view button:not(:first-child) { + margin-left: 8px; +} +.ant-picker-header-view button:hover { + color: #1890ff; +} +.ant-picker-prev-icon, +.ant-picker-next-icon, +.ant-picker-super-prev-icon, +.ant-picker-super-next-icon { + position: relative; + display: inline-block; + width: 7px; + height: 7px; +} +.ant-picker-prev-icon::before, +.ant-picker-next-icon::before, +.ant-picker-super-prev-icon::before, +.ant-picker-super-next-icon::before { + position: absolute; + top: 0; + left: 0; + display: inline-block; + width: 7px; + height: 7px; + border: 0 solid currentColor; + border-width: 1.5px 0 0 1.5px; + content: ''; +} +.ant-picker-super-prev-icon::after, +.ant-picker-super-next-icon::after { + position: absolute; + top: 4px; + left: 4px; + display: inline-block; + width: 7px; + height: 7px; + border: 0 solid currentColor; + border-width: 1.5px 0 0 1.5px; + content: ''; +} +.ant-picker-prev-icon, +.ant-picker-super-prev-icon { + transform: rotate(-45deg); +} +.ant-picker-next-icon, +.ant-picker-super-next-icon { + transform: rotate(135deg); +} +.ant-picker-content { + width: 100%; + table-layout: fixed; + border-collapse: collapse; +} +.ant-picker-content th, +.ant-picker-content td { + position: relative; + min-width: 24px; + font-weight: 400; +} +.ant-picker-content th { + height: 30px; + color: rgba(0, 0, 0, 0.85); + line-height: 30px; +} +.ant-picker-cell { + padding: 3px 0; + color: rgba(0, 0, 0, 0.25); + cursor: pointer; +} +.ant-picker-cell-in-view { + color: rgba(0, 0, 0, 0.85); +} +.ant-picker-cell-disabled { + cursor: not-allowed; +} +.ant-picker-cell::before { + position: absolute; + top: 50%; + right: 0; + left: 0; + z-index: 1; + height: 24px; + transform: translateY(-50%); + content: ''; +} +.ant-picker-cell .ant-picker-cell-inner { + position: relative; + z-index: 2; + display: inline-block; + min-width: 24px; + height: 24px; + line-height: 24px; + border-radius: 2px; + transition: background 0.3s, border 0.3s; +} +.ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner, +.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner { + background: #f5f5f5; +} +.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + border: 1px solid #1890ff; + border-radius: 2px; + content: ''; +} +.ant-picker-cell-in-view.ant-picker-cell-in-range { + position: relative; +} +.ant-picker-cell-in-view.ant-picker-cell-in-range::before { + background: #e6f7ff; +} +.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, +.ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, +.ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner { + color: #fff; + background: #1890ff; +} +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before { + background: #e6f7ff; +} +.ant-picker-cell-in-view.ant-picker-cell-range-start::before { + left: 50%; +} +.ant-picker-cell-in-view.ant-picker-cell-range-end::before { + right: 50%; +} +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end:not(.ant-picker-cell-in-range):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start-single::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-end-near-hover::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-start.ant-picker-cell-range-end.ant-picker-cell-range-start-near-hover::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end.ant-picker-cell-range-end-single::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover:not(.ant-picker-cell-in-range)::after { + position: absolute; + top: 50%; + z-index: 0; + height: 24px; + border-top: 1px dashed #7ec1ff; + border-bottom: 1px dashed #7ec1ff; + transform: translateY(-50%); + content: ''; +} +.ant-picker-cell-range-hover-start::after, +.ant-picker-cell-range-hover-end::after, +.ant-picker-cell-range-hover::after { + right: 0; + left: 2px; +} +.ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before, +.ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before, +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before, +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before, +.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before, +.ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before { + background: #cbe6ff; +} +.ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { + border-radius: 2px 0 0 2px; +} +.ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { + border-radius: 0 2px 2px 0; +} +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after, +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { + position: absolute; + top: 0; + bottom: 0; + z-index: -1; + background: #cbe6ff; + content: ''; +} +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { + right: -6px; + left: 0; +} +.ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { + right: 0; + left: -6px; +} +.ant-picker-cell-range-hover.ant-picker-cell-range-start::after { + right: 50%; +} +.ant-picker-cell-range-hover.ant-picker-cell-range-end::after { + left: 50%; +} +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { + left: 6px; + border-left: 1px dashed #7ec1ff; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, +tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, +.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { + right: 6px; + border-right: 1px dashed #7ec1ff; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-picker-cell-disabled { + pointer-events: none; +} +.ant-picker-cell-disabled .ant-picker-cell-inner { + color: rgba(0, 0, 0, 0.25); + background: transparent; +} +.ant-picker-cell-disabled::before { + background: #f5f5f5; +} +.ant-picker-cell-disabled.ant-picker-cell-today .ant-picker-cell-inner::before { + border-color: rgba(0, 0, 0, 0.25); +} +.ant-picker-decade-panel .ant-picker-content, +.ant-picker-year-panel .ant-picker-content, +.ant-picker-quarter-panel .ant-picker-content, +.ant-picker-month-panel .ant-picker-content { + height: 264px; +} +.ant-picker-decade-panel .ant-picker-cell-inner, +.ant-picker-year-panel .ant-picker-cell-inner, +.ant-picker-quarter-panel .ant-picker-cell-inner, +.ant-picker-month-panel .ant-picker-cell-inner { + padding: 0 8px; +} +.ant-picker-decade-panel .ant-picker-cell-disabled .ant-picker-cell-inner, +.ant-picker-year-panel .ant-picker-cell-disabled .ant-picker-cell-inner, +.ant-picker-quarter-panel .ant-picker-cell-disabled .ant-picker-cell-inner, +.ant-picker-month-panel .ant-picker-cell-disabled .ant-picker-cell-inner { + background: #f5f5f5; +} +.ant-picker-quarter-panel .ant-picker-content { + height: 56px; +} +.ant-picker-footer { + width: min-content; + min-width: 100%; + line-height: 38px; + text-align: center; + border-bottom: 1px solid transparent; +} +.ant-picker-panel .ant-picker-footer { + border-top: 1px solid #f0f0f0; +} +.ant-picker-footer-extra { + padding: 0 12px; + line-height: 38px; + text-align: left; +} +.ant-picker-footer-extra:not(:last-child) { + border-bottom: 1px solid #f0f0f0; +} +.ant-picker-now { + text-align: left; +} +.ant-picker-today-btn { + color: #1890ff; +} +.ant-picker-today-btn:hover { + color: #40a9ff; +} +.ant-picker-today-btn:active { + color: #096dd9; +} +.ant-picker-today-btn.ant-picker-today-btn-disabled { + color: rgba(0, 0, 0, 0.25); + cursor: not-allowed; +} +.ant-picker-decade-panel .ant-picker-cell-inner { + padding: 0 4px; +} +.ant-picker-decade-panel .ant-picker-cell::before { + display: none; +} +.ant-picker-year-panel .ant-picker-body, +.ant-picker-quarter-panel .ant-picker-body, +.ant-picker-month-panel .ant-picker-body { + padding: 0 8px; +} +.ant-picker-year-panel .ant-picker-cell-inner, +.ant-picker-quarter-panel .ant-picker-cell-inner, +.ant-picker-month-panel .ant-picker-cell-inner { + width: 60px; +} +.ant-picker-year-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-month-panel .ant-picker-cell-range-hover-start::after { + left: 14px; + border-left: 1px dashed #7ec1ff; + border-radius: 2px 0 0 2px; +} +.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-start::after, +.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-start::after { + right: 14px; + border-right: 1px dashed #7ec1ff; + border-radius: 0 2px 2px 0; +} +.ant-picker-year-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-month-panel .ant-picker-cell-range-hover-end::after { + right: 14px; + border-right: 1px dashed #7ec1ff; + border-radius: 0 2px 2px 0; +} +.ant-picker-panel-rtl .ant-picker-year-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-panel-rtl .ant-picker-quarter-panel .ant-picker-cell-range-hover-end::after, +.ant-picker-panel-rtl .ant-picker-month-panel .ant-picker-cell-range-hover-end::after { + left: 14px; + border-left: 1px dashed #7ec1ff; + border-radius: 2px 0 0 2px; +} +.ant-picker-week-panel .ant-picker-body { + padding: 8px 12px; +} +.ant-picker-week-panel .ant-picker-cell:hover .ant-picker-cell-inner, +.ant-picker-week-panel .ant-picker-cell-selected .ant-picker-cell-inner, +.ant-picker-week-panel .ant-picker-cell .ant-picker-cell-inner { + background: transparent !important; +} +.ant-picker-week-panel-row td { + transition: background 0.3s; +} +.ant-picker-week-panel-row:hover td { + background: #f5f5f5; +} +.ant-picker-week-panel-row-selected td, +.ant-picker-week-panel-row-selected:hover td { + background: #1890ff; +} +.ant-picker-week-panel-row-selected td.ant-picker-cell-week, +.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-week { + color: rgba(255, 255, 255, 0.5); +} +.ant-picker-week-panel-row-selected td.ant-picker-cell-today .ant-picker-cell-inner::before, +.ant-picker-week-panel-row-selected:hover td.ant-picker-cell-today .ant-picker-cell-inner::before { + border-color: #fff; +} +.ant-picker-week-panel-row-selected td .ant-picker-cell-inner, +.ant-picker-week-panel-row-selected:hover td .ant-picker-cell-inner { + color: #fff; +} +.ant-picker-date-panel .ant-picker-body { + padding: 8px 12px; +} +.ant-picker-date-panel .ant-picker-content { + width: 252px; +} +.ant-picker-date-panel .ant-picker-content th { + width: 36px; +} +.ant-picker-datetime-panel { + display: flex; +} +.ant-picker-datetime-panel .ant-picker-time-panel { + border-left: 1px solid #f0f0f0; +} +.ant-picker-datetime-panel .ant-picker-date-panel, +.ant-picker-datetime-panel .ant-picker-time-panel { + transition: opacity 0.3s; +} +.ant-picker-datetime-panel-active .ant-picker-date-panel, +.ant-picker-datetime-panel-active .ant-picker-time-panel { + opacity: 0.3; +} +.ant-picker-datetime-panel-active .ant-picker-date-panel-active, +.ant-picker-datetime-panel-active .ant-picker-time-panel-active { + opacity: 1; +} +.ant-picker-time-panel { + width: auto; + min-width: auto; +} +.ant-picker-time-panel .ant-picker-content { + display: flex; + flex: auto; + height: 224px; +} +.ant-picker-time-panel-column { + flex: 1 0 auto; + width: 56px; + margin: 0; + padding: 0; + overflow-y: hidden; + text-align: left; + list-style: none; + transition: background 0.3s; +} +.ant-picker-time-panel-column::after { + display: block; + height: 196px; + content: ''; +} +.ant-picker-datetime-panel .ant-picker-time-panel-column::after { + height: 198px; +} +.ant-picker-time-panel-column:not(:first-child) { + border-left: 1px solid #f0f0f0; +} +.ant-picker-time-panel-column-active { + background: rgba(230, 247, 255, 0.2); +} +.ant-picker-time-panel-column:hover { + overflow-y: auto; +} +.ant-picker-time-panel-column > li { + margin: 0; + padding: 0; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { + display: block; + width: 100%; + height: 28px; + margin: 0; + padding: 0 0 0 14px; + color: rgba(0, 0, 0, 0.85); + line-height: 28px; + border-radius: 0; + cursor: pointer; + transition: background 0.3s; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { + background: #f5f5f5; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { + background: #e6f7ff; +} +.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-disabled .ant-picker-time-panel-cell-inner { + color: rgba(0, 0, 0, 0.25); + background: transparent; + cursor: not-allowed; +} +/* stylelint-disable-next-line */ +_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, +:root .ant-picker-range-wrapper .ant-picker-month-panel .ant-picker-cell, +_:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell, +:root .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-cell { + padding: 21px 0; +} +.ant-picker { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + padding: 4px 11px 4px; + position: relative; + display: inline-flex; + align-items: center; + background: #fff; + border: 1px solid #d9d9d9; + border-radius: 2px; + transition: border 0.3s, box-shadow 0.3s; +} +.ant-picker:hover, +.ant-picker-focused { + border-color: #40a9ff; + border-right-width: 1px !important; +} +.ant-input-rtl .ant-picker:hover, +.ant-input-rtl .ant-picker-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-picker-focused { + border-color: #40a9ff; + border-right-width: 1px !important; + outline: 0; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); +} +.ant-input-rtl .ant-picker-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-picker.ant-picker-disabled { + background: #f5f5f5; + border-color: #d9d9d9; + cursor: not-allowed; +} +.ant-picker.ant-picker-disabled .ant-picker-suffix { + color: rgba(0, 0, 0, 0.25); +} +.ant-picker.ant-picker-borderless { + background-color: transparent !important; + border-color: transparent !important; + box-shadow: none !important; +} +.ant-picker-input { + position: relative; + display: inline-flex; + align-items: center; + width: 100%; +} +.ant-picker-input > input { + position: relative; + display: inline-block; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: #fff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 2px; + transition: all 0.3s; + flex: auto; + min-width: 1px; + height: auto; + padding: 0; + background: transparent; + border: 0; +} +.ant-picker-input > input::-moz-placeholder { + opacity: 1; +} +.ant-picker-input > input::placeholder { + color: #bfbfbf; +} +.ant-picker-input > input:placeholder-shown { + text-overflow: ellipsis; +} +.ant-picker-input > input:hover { + border-color: #40a9ff; + border-right-width: 1px !important; +} +.ant-input-rtl .ant-picker-input > input:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-picker-input > input:focus, +.ant-picker-input > input-focused { + border-color: #40a9ff; + border-right-width: 1px !important; + outline: 0; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); +} +.ant-input-rtl .ant-picker-input > input:focus, +.ant-input-rtl .ant-picker-input > input-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-picker-input > input-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + cursor: not-allowed; + opacity: 1; +} +.ant-picker-input > input-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px !important; +} +.ant-picker-input > input[disabled] { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + cursor: not-allowed; + opacity: 1; +} +.ant-picker-input > input[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px !important; +} +.ant-picker-input > input-borderless, +.ant-picker-input > input-borderless:hover, +.ant-picker-input > input-borderless:focus, +.ant-picker-input > input-borderless-focused, +.ant-picker-input > input-borderless-disabled, +.ant-picker-input > input-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-picker-input > input { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-picker-input > input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-picker-input > input-sm { + padding: 0px 7px; +} +.ant-picker-input > input-rtl { + direction: rtl; +} +.ant-picker-input > input:focus { + box-shadow: none; +} +.ant-picker-input > input[disabled] { + background: transparent; +} +.ant-picker-input:hover .ant-picker-clear { + opacity: 1; +} +.ant-picker-input-placeholder > input { + color: #bfbfbf; +} +.ant-picker-large { + padding: 6.5px 11px 6.5px; +} +.ant-picker-large .ant-picker-input > input { + font-size: 16px; +} +.ant-picker-small { + padding: 0px 7px 0px; +} +.ant-picker-suffix { + align-self: center; + margin-left: 4px; + color: rgba(0, 0, 0, 0.25); + line-height: 1; + pointer-events: none; +} +.ant-picker-suffix > * { + vertical-align: top; +} +.ant-picker-clear { + position: absolute; + top: 50%; + right: 0; + color: rgba(0, 0, 0, 0.25); + line-height: 1; + background: #fff; + transform: translateY(-50%); + cursor: pointer; + opacity: 0; + transition: opacity 0.3s, color 0.3s; +} +.ant-picker-clear > * { + vertical-align: top; +} +.ant-picker-clear:hover { + color: rgba(0, 0, 0, 0.45); +} +.ant-picker-separator { + position: relative; + display: inline-block; + width: 1em; + height: 16px; + color: rgba(0, 0, 0, 0.25); + font-size: 16px; + vertical-align: top; + cursor: default; +} +.ant-picker-focused .ant-picker-separator { + color: rgba(0, 0, 0, 0.45); +} +.ant-picker-disabled .ant-picker-range-separator .ant-picker-separator { + cursor: not-allowed; +} +.ant-picker-range { + position: relative; + display: inline-flex; +} +.ant-picker-range .ant-picker-clear { + right: 11px; +} +.ant-picker-range:hover .ant-picker-clear { + opacity: 1; +} +.ant-picker-range .ant-picker-active-bar { + bottom: -1px; + height: 2px; + margin-left: 11px; + background: #1890ff; + opacity: 0; + transition: all 0.3s ease-out; + pointer-events: none; +} +.ant-picker-range.ant-picker-focused .ant-picker-active-bar { + opacity: 1; +} +.ant-picker-range-separator { + align-items: center; + padding: 0 8px; + line-height: 1; +} +.ant-picker-range.ant-picker-small .ant-picker-clear { + right: 7px; +} +.ant-picker-range.ant-picker-small .ant-picker-active-bar { + margin-left: 7px; +} +.ant-picker-dropdown { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: absolute; + z-index: 1050; +} +.ant-picker-dropdown-hidden { + display: none; +} +.ant-picker-dropdown-placement-bottomLeft .ant-picker-range-arrow { + top: 1.66666667px; + display: block; + transform: rotate(-45deg); +} +.ant-picker-dropdown-placement-topLeft .ant-picker-range-arrow { + bottom: 1.66666667px; + display: block; + transform: rotate(135deg); +} +.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topLeft, +.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-topRight, +.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topLeft, +.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-topRight { + animation-name: antSlideDownIn; +} +.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomLeft, +.ant-picker-dropdown.slide-up-enter.slide-up-enter-active.ant-picker-dropdown-placement-bottomRight, +.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomLeft, +.ant-picker-dropdown.slide-up-appear.slide-up-appear-active.ant-picker-dropdown-placement-bottomRight { + animation-name: antSlideUpIn; +} +.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topLeft, +.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-topRight { + animation-name: antSlideDownOut; +} +.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomLeft, +.ant-picker-dropdown.slide-up-leave.slide-up-leave-active.ant-picker-dropdown-placement-bottomRight { + animation-name: antSlideUpOut; +} +.ant-picker-dropdown-range { + padding: 6.66666667px 0; +} +.ant-picker-dropdown-range-hidden { + display: none; +} +.ant-picker-dropdown .ant-picker-panel > .ant-picker-time-panel { + padding-top: 4px; +} +.ant-picker-ranges { + margin-bottom: 0; + padding: 4px 12px; + overflow: hidden; + line-height: 34px; + text-align: left; + list-style: none; +} +.ant-picker-ranges > li { + display: inline-block; +} +.ant-picker-ranges .ant-picker-preset > .ant-tag-blue { + color: #1890ff; + background: #e6f7ff; + border-color: #91d5ff; + cursor: pointer; +} +.ant-picker-ranges .ant-picker-ok { + float: right; + margin-left: 8px; +} +.ant-picker-range-wrapper { + display: flex; +} +.ant-picker-range-arrow { + position: absolute; + z-index: 1; + display: none; + width: 10px; + height: 10px; + margin-left: 16.5px; + box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06); + transition: left 0.3s ease-out; +} +.ant-picker-range-arrow::after { + position: absolute; + top: 1px; + right: 1px; + width: 10px; + height: 10px; + border: 5px solid #f0f0f0; + border-color: #fff #fff transparent transparent; + content: ''; +} +.ant-picker-panel-container { + overflow: hidden; + vertical-align: top; + background: #fff; + border-radius: 2px; + box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05); + transition: margin 0.3s; +} +.ant-picker-panel-container .ant-picker-panels { + display: inline-flex; + flex-wrap: nowrap; + direction: ltr; +} +.ant-picker-panel-container .ant-picker-panel { + vertical-align: top; + background: transparent; + border-width: 0 0 1px 0; + border-radius: 0; +} +.ant-picker-panel-container .ant-picker-panel-focused { + border-color: #f0f0f0; +} +.ant-picker-rtl { + direction: rtl; +} +.ant-picker-rtl .ant-picker-suffix { + margin-right: 4px; + margin-left: 0; +} +.ant-picker-rtl .ant-picker-clear { + right: auto; + left: 0; +} +.ant-picker-rtl .ant-picker-separator { + transform: rotate(180deg); +} +.ant-picker-panel-rtl .ant-picker-header-view button:not(:first-child) { + margin-right: 8px; + margin-left: 0; +} +.ant-picker-rtl.ant-picker-range .ant-picker-clear { + right: auto; + left: 11px; +} +.ant-picker-rtl.ant-picker-range .ant-picker-active-bar { + margin-right: 11px; + margin-left: 0; +} +.ant-picker-rtl.ant-picker-range.ant-picker-small .ant-picker-active-bar { + margin-right: 7px; +} +.ant-picker-dropdown-rtl .ant-picker-ranges { + text-align: right; +} +.ant-picker-dropdown-rtl .ant-picker-ranges .ant-picker-ok { + float: left; + margin-right: 8px; + margin-left: 0; +} +.ant-picker-panel-rtl { + direction: rtl; +} +.ant-picker-panel-rtl .ant-picker-prev-icon, +.ant-picker-panel-rtl .ant-picker-super-prev-icon { + transform: rotate(135deg); +} +.ant-picker-panel-rtl .ant-picker-next-icon, +.ant-picker-panel-rtl .ant-picker-super-next-icon { + transform: rotate(-45deg); +} +.ant-picker-cell .ant-picker-cell-inner { + position: relative; + z-index: 2; + display: inline-block; + min-width: 24px; + height: 24px; + line-height: 24px; + border-radius: 2px; + transition: background 0.3s, border 0.3s; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start::before { + right: 50%; + left: 0; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end::before { + right: 0; + left: 50%; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-end::before { + right: 50%; + left: 50%; +} +.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after { + right: 0; + left: -6px; +} +.ant-picker-panel-rtl .ant-picker-date-panel .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after { + right: -6px; + left: 0; +} +.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-start::after { + right: 0; + left: 50%; +} +.ant-picker-panel-rtl .ant-picker-cell-range-hover.ant-picker-cell-range-end::after { + right: 50%; + left: 0; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single):not(.ant-picker-cell-range-end) .ant-picker-cell-inner { + border-radius: 0 2px 2px 0; +} +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single):not(.ant-picker-cell-range-start) .ant-picker-cell-inner { + border-radius: 2px 0 0 2px; +} +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:first-child::after, +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-start:not(.ant-picker-cell-range-hover-edge-start-near-range)::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start::after { + right: 6px; + left: 0; + border-right: 1px dashed #7ec1ff; + border-left: none; + border-top-left-radius: 0; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; + border-bottom-left-radius: 0; +} +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover:last-child::after, +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-edge-end:not(.ant-picker-cell-range-hover-edge-end-near-range)::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { + right: 0; + left: 6px; + border-right: none; + border-left: 1px dashed #7ec1ff; + border-top-left-radius: 2px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 2px; +} +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::after, +.ant-picker-panel-rtl .ant-picker-cell-in-view.ant-picker-cell-range-hover-start.ant-picker-cell-in-view.ant-picker-cell-range-hover-end::after { + right: 6px; + border-right: 1px dashed #7ec1ff; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-picker-panel-rtl tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:first-child::after { + left: 6px; + border-left: 1px dashed #7ec1ff; + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-picker-dropdown-rtl .ant-picker-footer-extra { + direction: rtl; + text-align: right; +} +.ant-picker-panel-rtl .ant-picker-time-panel { + direction: ltr; +} +.ant-input-affix-wrapper { + position: relative; + display: inline-block; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: #fff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 2px; + transition: all 0.3s; + display: inline-flex; +} +.ant-input-affix-wrapper::-moz-placeholder { + opacity: 1; +} +.ant-input-affix-wrapper::placeholder { + color: #bfbfbf; +} +.ant-input-affix-wrapper:placeholder-shown { + text-overflow: ellipsis; +} +.ant-input-affix-wrapper:hover { + border-color: #40a9ff; + border-right-width: 1px !important; +} +.ant-input-rtl .ant-input-affix-wrapper:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-affix-wrapper:focus, +.ant-input-affix-wrapper-focused { + border-color: #40a9ff; + border-right-width: 1px !important; + outline: 0; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); +} +.ant-input-rtl .ant-input-affix-wrapper:focus, +.ant-input-rtl .ant-input-affix-wrapper-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-affix-wrapper-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + cursor: not-allowed; + opacity: 1; +} +.ant-input-affix-wrapper-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px !important; +} +.ant-input-affix-wrapper[disabled] { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + cursor: not-allowed; + opacity: 1; +} +.ant-input-affix-wrapper[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px !important; +} +.ant-input-affix-wrapper-borderless, +.ant-input-affix-wrapper-borderless:hover, +.ant-input-affix-wrapper-borderless:focus, +.ant-input-affix-wrapper-borderless-focused, +.ant-input-affix-wrapper-borderless-disabled, +.ant-input-affix-wrapper-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-input-affix-wrapper { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-input-affix-wrapper-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-affix-wrapper-sm { + padding: 0px 7px; +} +.ant-input-affix-wrapper-rtl { + direction: rtl; +} +.ant-input-affix-wrapper:hover { + border-color: #40a9ff; + border-right-width: 1px !important; + z-index: 1; +} +.ant-input-rtl .ant-input-affix-wrapper:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-search-with-button .ant-input-affix-wrapper:hover { + z-index: 0; +} +.ant-input-affix-wrapper-focused, +.ant-input-affix-wrapper:focus { + z-index: 1; +} +.ant-input-affix-wrapper-disabled .ant-input[disabled] { + background: transparent; +} +.ant-input-affix-wrapper > input.ant-input { + padding: 0; + border: none; + outline: none; +} +.ant-input-affix-wrapper > input.ant-input:focus { + box-shadow: none; +} +.ant-input-affix-wrapper::before { + width: 0; + visibility: hidden; + content: '\a0'; +} +.ant-input-prefix, +.ant-input-suffix { + display: flex; + flex: none; + align-items: center; +} +.ant-input-prefix { + margin-right: 4px; +} +.ant-input-suffix { + margin-left: 4px; +} +.ant-input-clear-icon { + margin: 0 4px; + color: rgba(0, 0, 0, 0.25); + font-size: 12px; + vertical-align: -1px; + cursor: pointer; + transition: color 0.3s; +} +.ant-input-clear-icon:hover { + color: rgba(0, 0, 0, 0.45); +} +.ant-input-clear-icon:active { + color: rgba(0, 0, 0, 0.85); +} +.ant-input-clear-icon-hidden { + visibility: hidden; +} +.ant-input-clear-icon:last-child { + margin-right: 0; +} +.ant-input-affix-wrapper-textarea-with-clear-btn { + padding: 0 !important; + border: 0 !important; +} +.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input-clear-icon { + position: absolute; + top: 8px; + right: 8px; + z-index: 1; +} +.ant-input { + box-sizing: border-box; + margin: 0; + padding: 0; + font-variant: tabular-nums; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: inline-block; + width: 100%; + min-width: 0; + padding: 4px 11px; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + line-height: 1.5715; + background-color: #fff; + background-image: none; + border: 1px solid #d9d9d9; + border-radius: 2px; + transition: all 0.3s; +} +.ant-input::-moz-placeholder { + opacity: 1; +} +.ant-input::placeholder { + color: #bfbfbf; +} +.ant-input:placeholder-shown { + text-overflow: ellipsis; +} +.ant-input:hover { + border-color: #40a9ff; + border-right-width: 1px !important; +} +.ant-input-rtl .ant-input:hover { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input:focus, +.ant-input-focused { + border-color: #40a9ff; + border-right-width: 1px !important; + outline: 0; + box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); +} +.ant-input-rtl .ant-input:focus, +.ant-input-rtl .ant-input-focused { + border-right-width: 0; + border-left-width: 1px !important; +} +.ant-input-disabled { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + cursor: not-allowed; + opacity: 1; +} +.ant-input-disabled:hover { + border-color: #d9d9d9; + border-right-width: 1px !important; +} +.ant-input[disabled] { + color: rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; + cursor: not-allowed; + opacity: 1; +} +.ant-input[disabled]:hover { + border-color: #d9d9d9; + border-right-width: 1px !important; +} +.ant-input-borderless, +.ant-input-borderless:hover, +.ant-input-borderless:focus, +.ant-input-borderless-focused, +.ant-input-borderless-disabled, +.ant-input-borderless[disabled] { + background-color: transparent; + border: none; + box-shadow: none; +} +textarea.ant-input { + max-width: 100%; + height: auto; + min-height: 32px; + line-height: 1.5715; + vertical-align: bottom; + transition: all 0.3s, height 0s; +} +.ant-input-lg { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-sm { + padding: 0px 7px; +} +.ant-input-rtl { + direction: rtl; +} +.ant-input-group { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + position: relative; + display: table; + width: 100%; + border-collapse: separate; + border-spacing: 0; +} +.ant-input-group[class*='col-'] { + float: none; + padding-right: 0; + padding-left: 0; +} +.ant-input-group > [class*='col-'] { + padding-right: 8px; +} +.ant-input-group > [class*='col-']:last-child { + padding-right: 0; +} +.ant-input-group-addon, +.ant-input-group-wrap, +.ant-input-group > .ant-input { + display: table-cell; +} +.ant-input-group-addon:not(:first-child):not(:last-child), +.ant-input-group-wrap:not(:first-child):not(:last-child), +.ant-input-group > .ant-input:not(:first-child):not(:last-child) { + border-radius: 0; +} +.ant-input-group-addon, +.ant-input-group-wrap { + width: 1px; + white-space: nowrap; + vertical-align: middle; +} +.ant-input-group-wrap > * { + display: block !important; +} +.ant-input-group .ant-input { + float: left; + width: 100%; + margin-bottom: 0; + text-align: inherit; +} +.ant-input-group .ant-input:focus { + z-index: 1; + border-right-width: 1px; +} +.ant-input-group .ant-input:hover { + z-index: 1; + border-right-width: 1px; +} +.ant-input-search-with-button .ant-input-group .ant-input:hover { + z-index: 0; +} +.ant-input-group-addon { + position: relative; + padding: 0 11px; + color: rgba(0, 0, 0, 0.85); + font-weight: normal; + font-size: 14px; + text-align: center; + background-color: #fafafa; + border: 1px solid #d9d9d9; + border-radius: 2px; + transition: all 0.3s; +} +.ant-input-group-addon .ant-select { + margin: -5px -11px; +} +.ant-input-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector { + background-color: inherit; + border: 1px solid transparent; + box-shadow: none; +} +.ant-input-group-addon .ant-select-open .ant-select-selector, +.ant-input-group-addon .ant-select-focused .ant-select-selector { + color: #1890ff; +} +.ant-input-group > .ant-input:first-child, +.ant-input-group-addon:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-group > .ant-input:first-child .ant-select .ant-select-selector, +.ant-input-group-addon:first-child .ant-select .ant-select-selector { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-group-addon:first-child { + border-right: 0; +} +.ant-input-group-addon:last-child { + border-left: 0; +} +.ant-input-group > .ant-input:last-child, +.ant-input-group-addon:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group > .ant-input:last-child .ant-select .ant-select-selector, +.ant-input-group-addon:last-child .ant-select .ant-select-selector { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group-lg .ant-input, +.ant-input-group-lg > .ant-input-group-addon { + padding: 6.5px 11px; + font-size: 16px; +} +.ant-input-group-sm .ant-input, +.ant-input-group-sm > .ant-input-group-addon { + padding: 0px 7px; +} +.ant-input-group-lg .ant-select-single .ant-select-selector { + height: 40px; +} +.ant-input-group-sm .ant-select-single .ant-select-selector { + height: 24px; +} +.ant-input-group .ant-input-affix-wrapper:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.ant-input-group .ant-input-affix-wrapper:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-input-group.ant-input-group-compact { + display: block; +} +.ant-input-group.ant-input-group-compact::before { + display: table; + content: ''; +} +.ant-input-group.ant-input-group-compact::after { + display: table; + clear: both; + content: ''; +} +.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child), +.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child), +.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) { + border-right-width: 1px; +} +.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover, +.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover, +.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover { + z-index: 1; +} +.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus, +.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus, +.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > * { + display: inline-block; + float: none; + vertical-align: top; + border-radius: 0; +} +.ant-input-group.ant-input-group-compact > .ant-input-affix-wrapper { + display: inline-flex; +} +.ant-input-group.ant-input-group-compact > .ant-picker-range { + display: inline-flex; +} +.ant-input-group.ant-input-group-compact > *:not(:last-child) { + margin-right: -1px; + border-right-width: 1px; +} +.ant-input-group.ant-input-group-compact .ant-input { + float: none; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input, +.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input { + border-right-width: 1px; + border-radius: 0; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:hover, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover, +.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selector:focus, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus, +.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > .ant-select-focused { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-arrow { + z-index: 1; +} +.ant-input-group.ant-input-group-compact > *:first-child, +.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} +.ant-input-group.ant-input-group-compact > *:last-child, +.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, +.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { + border-right-width: 1px; + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} +.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input { + vertical-align: top; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper { + margin-left: -1px; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper { + border-radius: 0; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button { + border-radius: 0; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input { + border-radius: 2px 0 0 2px; +} +.ant-input-group > .ant-input-rtl:first-child, +.ant-input-group-rtl .ant-input-group-addon:first-child { + border-radius: 0 2px 2px 0; +} +.ant-input-group-rtl .ant-input-group-addon:first-child { + border-right: 1px solid #d9d9d9; + border-left: 0; +} +.ant-input-group-rtl .ant-input-group-addon:last-child { + border-right: 0; + border-left: 1px solid #d9d9d9; +} +.ant-input-group-rtl.ant-input-group > .ant-input:last-child, +.ant-input-group-rtl.ant-input-group-addon:last-child { + border-radius: 2px 0 0 2px; +} +.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:first-child) { + border-radius: 2px 0 0 2px; +} +.ant-input-group-rtl.ant-input-group .ant-input-affix-wrapper:not(:last-child) { + border-radius: 0 2px 2px 0; +} +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:not(:last-child) { + margin-right: 0; + margin-left: -1px; + border-left-width: 1px; +} +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:first-child, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selector, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input { + border-radius: 0 2px 2px 0; +} +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > *:last-child, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selector, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input, +.ant-input-group-rtl.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input { + border-left-width: 1px; + border-radius: 2px 0 0 2px; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl { + margin-right: -1px; + margin-left: 0; +} +.ant-input-group.ant-input-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input { + border-radius: 0 2px 2px 0; +} +.ant-input-group-wrapper { + display: inline-block; + width: 100%; + text-align: start; + vertical-align: top; +} +.ant-input-password-icon { + color: rgba(0, 0, 0, 0.45); + cursor: pointer; + transition: all 0.3s; +} +.ant-input-password-icon:hover { + color: rgba(0, 0, 0, 0.85); +} +.ant-input[type='color'] { + height: 32px; +} +.ant-input[type='color'].ant-input-lg { + height: 40px; +} +.ant-input[type='color'].ant-input-sm { + height: 24px; + padding-top: 3px; + padding-bottom: 3px; +} +.ant-input-textarea-show-count::after { + display: block; + color: rgba(0, 0, 0, 0.45); + text-align: right; + content: attr(data-count); +} +.ant-input-search .ant-input:hover, +.ant-input-search .ant-input:focus { + border-color: #40a9ff; +} +.ant-input-search .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), +.ant-input-search .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { + border-left-color: #40a9ff; +} +.ant-input-search .ant-input-affix-wrapper { + border-radius: 0; +} +.ant-input-search .ant-input-lg { + line-height: 1.5713; +} +.ant-input-search > .ant-input-group > .ant-input-group-addon { + left: -1px; + padding: 0; + border: 0; +} +.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button { + border-radius: 0 2px 2px 0; +} +.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { + color: rgba(0, 0, 0, 0.45); +} +.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary).ant-btn-loading::before { + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.ant-input-search-button:hover, +.ant-input-search-button:focus { + z-index: 1; +} +.ant-input-group-wrapper-rtl { + direction: rtl; +} +.ant-input-group-rtl { + direction: rtl; +} +.ant-input-affix-wrapper.ant-input-affix-wrapper-rtl > input.ant-input { + border: none; + outline: none; +} +.ant-input-affix-wrapper-rtl .ant-input-prefix { + margin: 0 0 0 4px; +} +.ant-input-affix-wrapper-rtl .ant-input-suffix { + margin: 0 4px 0 0; +} +.ant-input-textarea-rtl { + direction: rtl; +} +.ant-input-textarea-rtl.ant-input-textarea-show-count::after { + text-align: left; +} +.ant-input-affix-wrapper-rtl .ant-input-clear-icon:last-child { + margin-right: 4px; + margin-left: 0; +} +.ant-input-affix-wrapper-rtl .ant-input-clear-icon { + right: auto; + left: 8px; +} +.ant-input-search-rtl { + direction: rtl; +} +.ant-input-search-rtl .ant-input:hover + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary), +.ant-input-search-rtl .ant-input:focus + .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) { + border-right-color: #40a9ff; + border-left-color: #d9d9d9; +} +.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper:hover, +.ant-input-search-rtl > .ant-input-group > .ant-input-affix-wrapper-focused { + border-right-color: #40a9ff; +} +.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon { + right: -1px; + left: auto; +} +.ant-input-search-rtl > .ant-input-group > .ant-input-group-addon .ant-input-search-button { + border-radius: 2px 0 0 2px; +} +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .ant-input { + height: 32px; + } + .ant-input-lg { + height: 40px; + } + .ant-input-sm { + height: 24px; + } + .ant-input-affix-wrapper > input.ant-input { + height: auto; + } +} +textarea.nz-textarea-autosize-measuring { + height: auto !important; + overflow: hidden !important; + padding: 2px 0 !important; + box-sizing: content-box !important; +} +.ant-tag { + box-sizing: border-box; + margin: 0; + padding: 0; + color: rgba(0, 0, 0, 0.85); + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + font-feature-settings: 'tnum'; + display: inline-block; + height: auto; + margin-right: 8px; + padding: 0 7px; + font-size: 12px; + line-height: 20px; + white-space: nowrap; + background: #fafafa; + border: 1px solid #d9d9d9; + border-radius: 2px; + cursor: default; + opacity: 1; + transition: all 0.3s; +} +.ant-tag:hover { + opacity: 0.85; +} +.ant-tag, +.ant-tag a, +.ant-tag a:hover { + color: rgba(0, 0, 0, 0.85); +} +.ant-tag > a:first-child:last-child { + display: inline-block; + margin: 0 -8px; + padding: 0 8px; +} +.ant-tag-close-icon { + margin-left: 3px; + color: rgba(0, 0, 0, 0.45); + font-size: 10px; + cursor: pointer; + transition: all 0.3s; +} +.ant-tag-close-icon:hover { + color: rgba(0, 0, 0, 0.85); +} +.ant-tag-has-color { + border-color: transparent; +} +.ant-tag-has-color, +.ant-tag-has-color a, +.ant-tag-has-color a:hover, +.ant-tag-has-color .anticon-close, +.ant-tag-has-color .anticon-close:hover { + color: #fff; +} +.ant-tag-checkable { + background-color: transparent; + border-color: transparent; + cursor: pointer; +} +.ant-tag-checkable:not(.ant-tag-checkable-checked):hover { + color: #1890ff; +} +.ant-tag-checkable:active, +.ant-tag-checkable-checked { + color: #fff; +} +.ant-tag-checkable-checked { + background-color: #1890ff; +} +.ant-tag-checkable:active { + background-color: #096dd9; +} +.ant-tag-hidden { + display: none; +} +.ant-tag-pink { + color: #eb2f96; + background: #fff0f6; + border-color: #ffadd2; +} +.ant-tag-pink-inverse { + color: #fff; + background: #eb2f96; + border-color: #eb2f96; +} +.ant-tag-magenta { + color: #eb2f96; + background: #fff0f6; + border-color: #ffadd2; +} +.ant-tag-magenta-inverse { + color: #fff; + background: #eb2f96; + border-color: #eb2f96; +} +.ant-tag-red { + color: #f5222d; + background: #fff1f0; + border-color: #ffa39e; +} +.ant-tag-red-inverse { + color: #fff; + background: #f5222d; + border-color: #f5222d; +} +.ant-tag-volcano { + color: #fa541c; + background: #fff2e8; + border-color: #ffbb96; +} +.ant-tag-volcano-inverse { + color: #fff; + background: #fa541c; + border-color: #fa541c; +} +.ant-tag-orange { + color: #fa8c16; + background: #fff7e6; + border-color: #ffd591; +} +.ant-tag-orange-inverse { + color: #fff; + background: #fa8c16; + border-color: #fa8c16; +} +.ant-tag-yellow { + color: #fadb14; + background: #feffe6; + border-color: #fffb8f; +} +.ant-tag-yellow-inverse { + color: #fff; + background: #fadb14; + border-color: #fadb14; +} +.ant-tag-gold { + color: #faad14; + background: #fffbe6; + border-color: #ffe58f; +} +.ant-tag-gold-inverse { + color: #fff; + background: #faad14; + border-color: #faad14; +} +.ant-tag-cyan { + color: #13c2c2; + background: #e6fffb; + border-color: #87e8de; +} +.ant-tag-cyan-inverse { + color: #fff; + background: #13c2c2; + border-color: #13c2c2; +} +.ant-tag-lime { + color: #a0d911; + background: #fcffe6; + border-color: #eaff8f; +} +.ant-tag-lime-inverse { + color: #fff; + background: #a0d911; + border-color: #a0d911; +} +.ant-tag-green { + color: #52c41a; + background: #f6ffed; + border-color: #b7eb8f; +} +.ant-tag-green-inverse { + color: #fff; + background: #52c41a; + border-color: #52c41a; +} +.ant-tag-blue { + color: #1890ff; + background: #e6f7ff; + border-color: #91d5ff; +} +.ant-tag-blue-inverse { + color: #fff; + background: #1890ff; + border-color: #1890ff; +} +.ant-tag-geekblue { + color: #2f54eb; + background: #f0f5ff; + border-color: #adc6ff; +} +.ant-tag-geekblue-inverse { + color: #fff; + background: #2f54eb; + border-color: #2f54eb; +} +.ant-tag-purple { + color: #722ed1; + background: #f9f0ff; + border-color: #d3adf7; +} +.ant-tag-purple-inverse { + color: #fff; + background: #722ed1; + border-color: #722ed1; +} +.ant-tag-success { + color: #52c41a; + background: #f6ffed; + border-color: #b7eb8f; +} +.ant-tag-processing { + color: #1890ff; + background: #e6f7ff; + border-color: #91d5ff; +} +.ant-tag-error { + color: #f5222d; + background: #fff1f0; + border-color: #ffa39e; +} +.ant-tag-warning { + color: #fa8c16; + background: #fff7e6; + border-color: #ffd591; +} +.ant-tag > .anticon + span, +.ant-tag > span + .anticon { + margin-left: 7px; +} +.ant-tag.ant-tag-rtl { + margin-right: 0; + margin-left: 8px; + direction: rtl; + text-align: right; +} +.ant-tag-rtl .ant-tag-close-icon { + margin-right: 3px; + margin-left: 0; +} +.ant-tag-rtl.ant-tag > .anticon + span, +.ant-tag-rtl.ant-tag > span + .anticon { + margin-right: 7px; + margin-left: 0; +} diff --git a/src/styles.scss b/src/styles.scss index bdf33f3..0febfb6 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -2,6 +2,7 @@ @import './app/theme.scss'; // @import "~ng-zorro-antd/date-picker/style/index.min.css"; /* 引入组件样式 */ @import "./assets/css/ngZorroTree.css"; /* 引入组件样式 */ +@import "./assets/css/time.scss"; html,body{ width: 100%; height: 100%;