From af28eaaaced3cc1d73d1ea949a366d657d26476a Mon Sep 17 00:00:00 2001 From: kuaifan Date: Tue, 21 Sep 2021 00:26:13 +0800 Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D=20=E6=89=8B=E6=9C=BA/?= =?UTF-8?q?=E5=B9=B3=E6=9D=BF=E7=AB=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 3 +- public/css/app.css | 10104 +++++++++++++++- public/js/app.js | 2 +- public/js/build/120.js | 2 +- public/js/build/120.js.LICENSE.txt | 24 +- public/js/build/159.js | 2 +- public/js/build/172.js | 2 +- public/js/build/179.js | 1 - public/js/build/189.js | 2 - public/js/build/190.js | 2 + ...{848.js.LICENSE.txt => 190.js.LICENSE.txt} | 0 public/js/build/260.js | 1 + public/js/build/{415.js => 328.js} | 2 +- public/js/build/329.js | 2 +- public/js/build/341.js | 1 - public/js/build/344.js | 2 +- public/js/build/361.js | 1 - public/js/build/396.js | 2 - public/js/build/396.js.LICENSE.txt | 3 - public/js/build/399.js | 1 + public/js/build/401.js | 2 + ...{735.js.LICENSE.txt => 401.js.LICENSE.txt} | 0 public/js/build/501.js | 2 +- public/js/build/507.js | 2 +- public/js/build/513.js | 1 + public/js/build/525.js | 2 +- public/js/build/603.js | 1 - public/js/build/673.js | 1 + public/js/build/678.js | 2 + ...{189.js.LICENSE.txt => 678.js.LICENSE.txt} | 4 +- public/js/build/735.js | 2 - public/js/build/738.js | 1 + public/js/build/76.js | 1 - public/js/build/771.js | 1 - public/js/build/779.js | 2 +- public/js/build/784.js | 1 + public/js/build/800.js | 2 +- public/js/build/83.js | 1 + public/js/build/838.js | 1 + public/js/build/848.js | 2 - public/js/build/856.js | 2 +- public/js/build/856.js.LICENSE.txt | 2 +- public/js/build/858.js | 1 - public/js/build/913.js | 2 +- public/js/language.all.js | 7 +- resources/assets/js/App.vue | 11 +- .../js/components/DragBallComponent.vue | 259 + resources/assets/js/language/index.js | 6 +- resources/assets/js/pages/manage.vue | 17 +- resources/assets/js/pages/manage/calendar.vue | 23 +- .../pages/manage/components/DialogWrapper.vue | 10 + .../pages/manage/components/ProjectDialog.vue | 10 + .../pages/manage/components/ProjectList.vue | 21 +- .../js/pages/manage/components/TaskDetail.vue | 32 +- .../manage/components/TeamManagement.vue | 2 + .../assets/js/pages/manage/messenger.vue | 13 +- .../assets/js/pages/manage/setting/index.vue | 7 +- resources/assets/js/store/state.js | 3 + .../sass/pages/components/dialog-wrapper.scss | 13 + .../sass/pages/components/file-content.scss | 10 + .../sass/pages/components/project-dialog.scss | 40 + .../sass/pages/components/project-list.scss | 45 + .../sass/pages/components/task-detail.scss | 1 + .../assets/sass/pages/page-calendar.scss | 22 + .../assets/sass/pages/page-dashboard.scss | 24 + resources/assets/sass/pages/page-file.scss | 16 + resources/assets/sass/pages/page-login.scss | 8 + resources/assets/sass/pages/page-manage.scss | 34 + .../assets/sass/pages/page-messenger.scss | 55 + resources/assets/sass/pages/page-project.scss | 13 + resources/assets/sass/pages/page-setting.scss | 49 +- .../assets/statics/public/js/language.all.js | 7 +- 72 files changed, 10870 insertions(+), 85 deletions(-) delete mode 100644 public/js/build/179.js delete mode 100644 public/js/build/189.js create mode 100644 public/js/build/190.js rename public/js/build/{848.js.LICENSE.txt => 190.js.LICENSE.txt} (100%) create mode 100644 public/js/build/260.js rename public/js/build/{415.js => 328.js} (61%) delete mode 100644 public/js/build/341.js delete mode 100644 public/js/build/361.js delete mode 100644 public/js/build/396.js delete mode 100644 public/js/build/396.js.LICENSE.txt create mode 100644 public/js/build/399.js create mode 100644 public/js/build/401.js rename public/js/build/{735.js.LICENSE.txt => 401.js.LICENSE.txt} (100%) create mode 100644 public/js/build/513.js delete mode 100644 public/js/build/603.js create mode 100644 public/js/build/673.js create mode 100644 public/js/build/678.js rename public/js/build/{189.js.LICENSE.txt => 678.js.LICENSE.txt} (99%) delete mode 100644 public/js/build/735.js create mode 100644 public/js/build/738.js delete mode 100644 public/js/build/76.js delete mode 100644 public/js/build/771.js create mode 100644 public/js/build/784.js create mode 100644 public/js/build/83.js create mode 100644 public/js/build/838.js delete mode 100644 public/js/build/848.js delete mode 100644 public/js/build/858.js create mode 100644 resources/assets/js/components/DragBallComponent.vue diff --git a/package.json b/package.json index c84a3712..96be2bd2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "DooTask", - "version": "0.3.22", + "version": "0.3.24", "description": "DooTask is task management system.", "scripts": { "start": "./cmd dev", @@ -21,6 +21,7 @@ "jquery": "^3.5.1", "jspdf": "^2.3.1", "laravel-mix": "^6.0.6", + "le5le-store": "^1.0.7", "less-loader": "^10.0.0", "lodash": "^4.17.19", "moment": "^2.29.1", diff --git a/public/css/app.css b/public/css/app.css index eff2c6ed..8990830c 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -1 +1,10103 @@ -.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:opacity .2s linear}.fade-in-linear-enter,.fade-in-linear-leave,.fade-in-linear-leave-active{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:opacity .2s linear}.el-fade-in-linear-enter,.el-fade-in-linear-leave,.el-fade-in-linear-leave-active{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-fade-in-enter,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all .3s cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transform-origin:center top;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-top-enter,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transform:scaleY(1);transform-origin:center bottom;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-bottom-enter,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transform:scale(1);transform-origin:top left;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.el-zoom-in-left-enter,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:height .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s ease-in-out}.horizontal-collapse-transition{transition:width .3s ease-in-out,padding-left .3s ease-in-out,padding-right .3s ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter,.el-list-leave-active{opacity:0;transform:translateY(-30px)}.el-opacity-transition{transition:opacity .3s cubic-bezier(.55,0,.1,1)}.el-avatar{background:#c0c4cc;box-sizing:border-box;color:#fff;display:inline-block;font-size:14px;height:40px;line-height:40px;overflow:hidden;text-align:center;width:40px}.el-avatar>img{display:block;height:100%;vertical-align:middle}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:4px}.el-avatar--icon{font-size:18px}.el-avatar--large{height:40px;line-height:40px;width:40px}.el-avatar--medium{height:36px;line-height:36px;width:36px}.el-avatar--small{height:28px;line-height:28px;width:28px}.el-tooltip:focus:hover,.el-tooltip:focus:not(.focusing){outline-width:0}.el-tooltip__popper{word-wrap:break-word;border-radius:4px;font-size:14px;line-height:1.2;min-width:10px;padding:10px;position:absolute;z-index:2000}.el-tooltip__popper .popper__arrow,.el-tooltip__popper .popper__arrow:after{border-color:transparent;border-style:solid;display:block;height:0;position:absolute;width:0}.el-tooltip__popper .popper__arrow{border-width:6px}.el-tooltip__popper .popper__arrow:after{border-width:5px;content:" "}.el-tooltip__popper[x-placement^=top]{margin-bottom:12px}.el-tooltip__popper[x-placement^=top] .popper__arrow{border-bottom-width:0;border-top-color:#585e6a;bottom:-6px}.el-tooltip__popper[x-placement^=top] .popper__arrow:after{border-bottom-width:0;border-top-color:#585e6a;bottom:1px;margin-left:-5px}.el-tooltip__popper[x-placement^=bottom]{margin-top:12px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow{border-bottom-color:#585e6a;border-top-width:0;top:-6px}.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#585e6a;border-top-width:0;margin-left:-5px;top:1px}.el-tooltip__popper[x-placement^=right]{margin-left:12px}.el-tooltip__popper[x-placement^=right] .popper__arrow{border-left-width:0;border-right-color:#585e6a;left:-6px}.el-tooltip__popper[x-placement^=right] .popper__arrow:after{border-left-width:0;border-right-color:#585e6a;bottom:-5px;left:1px}.el-tooltip__popper[x-placement^=left]{margin-right:12px}.el-tooltip__popper[x-placement^=left] .popper__arrow{border-left-color:#585e6a;border-right-width:0;right:-6px}.el-tooltip__popper[x-placement^=left] .popper__arrow:after{border-left-color:#585e6a;border-right-width:0;bottom:-5px;margin-left:-5px;right:1px}.el-tooltip__popper.is-dark{background:#585e6a;color:#fff}.el-tooltip__popper.is-light{background:#fff;border:1px solid #585e6a}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow{border-top-color:#585e6a}.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after{border-top-color:#fff}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:#585e6a}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#fff}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#585e6a}.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after{border-left-color:#fff}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow{border-right-color:#585e6a}.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after{border-right-color:#fff}.el-popover{background:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);color:#606266;font-size:14px;line-height:1.4;min-width:150px;padding:12px;position:absolute;text-align:justify;word-break:break-all;z-index:2000}.el-popover--plain{padding:18px 20px}.el-popover__title{color:#303133;font-size:16px;line-height:1;margin-bottom:12px}.el-popover:focus,.el-popover:focus:active,.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-button{-webkit-appearance:none;background:#fff;border:1px solid #dcdfe6;border-radius:4px;box-sizing:border-box;color:#606266;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;line-height:1;margin:0;outline:none;padding:12px 20px;text-align:center;transition:.1s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;white-space:nowrap}.el-button+.el-button{margin-left:10px}.el-button.is-round{padding:12px 20px}.el-button:focus,.el-button:hover{background-color:#ecf5ff;border-color:#c6e2ff;color:#409eff}.el-button:active{border-color:#3a8ee6;color:#3a8ee6;outline:none}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon-]+span{margin-left:5px}.el-button.is-plain:focus,.el-button.is-plain:hover{background:#fff;border-color:#409eff;color:#409eff}.el-button.is-plain:active{background:#fff;outline:none}.el-button.is-active,.el-button.is-plain:active{border-color:#3a8ee6;color:#3a8ee6}.el-button.is-disabled,.el-button.is-disabled:focus,.el-button.is-disabled:hover{background-color:#fff;background-image:none;border-color:#ebeef5;color:#c0c4cc;cursor:not-allowed}.el-button.is-disabled.el-button--text{background-color:transparent}.el-button.is-disabled.is-plain,.el-button.is-disabled.is-plain:focus,.el-button.is-disabled.is-plain:hover{background-color:#fff;border-color:#ebeef5;color:#c0c4cc}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{background-color:hsla(0,0%,100%,.35);border-radius:inherit;bottom:-1px;content:"";left:-1px;pointer-events:none;position:absolute;right:-1px;top:-1px}.el-button.is-round{border-radius:20px;padding:12px 23px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--primary{background-color:#409eff;border-color:#409eff;color:#fff}.el-button--primary:focus,.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;color:#fff}.el-button--primary:active{outline:none}.el-button--primary.is-active,.el-button--primary:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff}.el-button--primary.is-disabled,.el-button--primary.is-disabled:active,.el-button--primary.is-disabled:focus,.el-button--primary.is-disabled:hover{background-color:#a0cfff;border-color:#a0cfff;color:#fff}.el-button--primary.is-plain{background:#ecf5ff;border-color:#b3d8ff;color:#409eff}.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover{background:#409eff;border-color:#409eff;color:#fff}.el-button--primary.is-plain:active{background:#3a8ee6;border-color:#3a8ee6;color:#fff;outline:none}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:hover{background-color:#ecf5ff;border-color:#d9ecff;color:#8cc5ff}.el-button--success{background-color:#67c23a;border-color:#67c23a;color:#fff}.el-button--success:focus,.el-button--success:hover{background:#85ce61;border-color:#85ce61;color:#fff}.el-button--success:active{outline:none}.el-button--success.is-active,.el-button--success:active{background:#5daf34;border-color:#5daf34;color:#fff}.el-button--success.is-disabled,.el-button--success.is-disabled:active,.el-button--success.is-disabled:focus,.el-button--success.is-disabled:hover{background-color:#b3e19d;border-color:#b3e19d;color:#fff}.el-button--success.is-plain{background:#f0f9eb;border-color:#c2e7b0;color:#67c23a}.el-button--success.is-plain:focus,.el-button--success.is-plain:hover{background:#67c23a;border-color:#67c23a;color:#fff}.el-button--success.is-plain:active{background:#5daf34;border-color:#5daf34;color:#fff;outline:none}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:hover{background-color:#f0f9eb;border-color:#e1f3d8;color:#a4da89}.el-button--warning{background-color:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning:focus,.el-button--warning:hover{background:#ebb563;border-color:#ebb563;color:#fff}.el-button--warning:active{outline:none}.el-button--warning.is-active,.el-button--warning:active{background:#cf9236;border-color:#cf9236;color:#fff}.el-button--warning.is-disabled,.el-button--warning.is-disabled:active,.el-button--warning.is-disabled:focus,.el-button--warning.is-disabled:hover{background-color:#f3d19e;border-color:#f3d19e;color:#fff}.el-button--warning.is-plain{background:#fdf6ec;border-color:#f5dab1;color:#e6a23c}.el-button--warning.is-plain:focus,.el-button--warning.is-plain:hover{background:#e6a23c;border-color:#e6a23c;color:#fff}.el-button--warning.is-plain:active{background:#cf9236;border-color:#cf9236;color:#fff;outline:none}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:hover{background-color:#fdf6ec;border-color:#faecd8;color:#f0c78a}.el-button--danger{background-color:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger:focus,.el-button--danger:hover{background:#f78989;border-color:#f78989;color:#fff}.el-button--danger:active{outline:none}.el-button--danger.is-active,.el-button--danger:active{background:#dd6161;border-color:#dd6161;color:#fff}.el-button--danger.is-disabled,.el-button--danger.is-disabled:active,.el-button--danger.is-disabled:focus,.el-button--danger.is-disabled:hover{background-color:#fab6b6;border-color:#fab6b6;color:#fff}.el-button--danger.is-plain{background:#fef0f0;border-color:#fbc4c4;color:#f56c6c}.el-button--danger.is-plain:focus,.el-button--danger.is-plain:hover{background:#f56c6c;border-color:#f56c6c;color:#fff}.el-button--danger.is-plain:active{background:#dd6161;border-color:#dd6161;color:#fff;outline:none}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:hover{background-color:#fef0f0;border-color:#fde2e2;color:#f9a7a7}.el-button--info{background-color:#909399;border-color:#909399;color:#fff}.el-button--info:focus,.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;color:#fff}.el-button--info:active{outline:none}.el-button--info.is-active,.el-button--info:active{background:#82848a;border-color:#82848a;color:#fff}.el-button--info.is-disabled,.el-button--info.is-disabled:active,.el-button--info.is-disabled:focus,.el-button--info.is-disabled:hover{background-color:#c8c9cc;border-color:#c8c9cc;color:#fff}.el-button--info.is-plain{background:#f4f4f5;border-color:#d3d4d6;color:#909399}.el-button--info.is-plain:focus,.el-button--info.is-plain:hover{background:#909399;border-color:#909399;color:#fff}.el-button--info.is-plain:active{background:#82848a;border-color:#82848a;color:#fff;outline:none}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:hover{background-color:#f4f4f5;border-color:#e9e9eb;color:#bcbec2}.el-button--medium{border-radius:4px;font-size:14px;padding:10px 20px}.el-button--medium.is-round{padding:10px 20px}.el-button--medium.is-circle{padding:10px}.el-button--small{border-radius:3px;font-size:12px;padding:9px 15px}.el-button--small.is-round{padding:9px 15px}.el-button--small.is-circle{padding:9px}.el-button--mini{border-radius:3px;font-size:12px;padding:7px 15px}.el-button--mini.is-round{padding:7px 15px}.el-button--mini.is-circle{padding:7px}.el-button--text{background:transparent;border-color:transparent;color:#409eff;padding-left:0;padding-right:0}.el-button--text:focus,.el-button--text:hover{background-color:transparent;border-color:transparent;color:#66b1ff}.el-button--text:active{background-color:transparent;color:#3a8ee6}.el-button--text.is-disabled,.el-button--text.is-disabled:focus,.el-button--text.is-disabled:hover,.el-button--text:active{border-color:transparent}.el-button-group{display:inline-block;vertical-align:middle}.el-button-group:after,.el-button-group:before{content:"";display:table}.el-button-group:after{clear:both}.el-button-group>.el-button{float:left;position:relative}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button.is-disabled{z-index:1}.el-button-group>.el-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.el-button-group>.el-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.el-button-group>.el-button:first-child:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-left-radius:4px;border-top-right-radius:4px}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:20px}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:not(:last-child){margin-right:-1px}.el-button-group>.el-button.is-active,.el-button-group>.el-button:active,.el-button-group>.el-button:focus,.el-button-group>.el-button:hover{z-index:1}.el-button-group>.el-dropdown>.el-button{border-bottom-left-radius:0;border-left-color:hsla(0,0%,100%,.5);border-top-left-radius:0}.el-button-group .el-button--primary:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--primary:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--primary:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--success:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--success:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--success:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--warning:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--warning:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--warning:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--danger:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--danger:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--danger:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--info:first-child{border-right-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--info:last-child{border-left-color:hsla(0,0%,100%,.5)}.el-button-group .el-button--info:not(:first-child):not(:last-child){border-left-color:hsla(0,0%,100%,.5);border-right-color:hsla(0,0%,100%,.5)}.el-popper .popper__arrow,.el-popper .popper__arrow:after{border-color:transparent;border-style:solid;display:block;height:0;position:absolute;width:0}.el-popper .popper__arrow{border-width:6px;filter:drop-shadow(0 2px 12px rgba(0,0,0,.03))}.el-popper .popper__arrow:after{border-width:6px;content:" "}.el-popper[x-placement^=top]{margin-bottom:12px}.el-popper[x-placement^=top] .popper__arrow{border-bottom-width:0;border-top-color:#ebeef5;bottom:-6px;left:50%;margin-right:3px}.el-popper[x-placement^=top] .popper__arrow:after{border-bottom-width:0;border-top-color:#fff;bottom:1px;margin-left:-6px}.el-popper[x-placement^=bottom]{margin-top:12px}.el-popper[x-placement^=bottom] .popper__arrow{border-bottom-color:#ebeef5;border-top-width:0;left:50%;margin-right:3px;top:-6px}.el-popper[x-placement^=bottom] .popper__arrow:after{border-bottom-color:#fff;border-top-width:0;margin-left:-6px;top:1px}.el-popper[x-placement^=right]{margin-left:12px}.el-popper[x-placement^=right] .popper__arrow{border-left-width:0;border-right-color:#ebeef5;left:-6px;margin-bottom:3px;top:50%}.el-popper[x-placement^=right] .popper__arrow:after{border-left-width:0;border-right-color:#fff;bottom:-6px;left:1px}.el-popper[x-placement^=left]{margin-right:12px}.el-popper[x-placement^=left] .popper__arrow{border-left-color:#ebeef5;border-right-width:0;margin-bottom:3px;right:-6px;top:50%}.el-popper[x-placement^=left] .popper__arrow:after{border-left-color:#fff;border-right-width:0;bottom:-6px;margin-left:-6px;right:1px}.el-dropdown{color:#606266;display:inline-block;font-size:14px;position:relative}.el-dropdown .el-button-group{display:block}.el-dropdown .el-button-group .el-button{float:none}.el-dropdown .el-dropdown__caret-button{border-left:none;padding-left:5px;padding-right:5px;position:relative}.el-dropdown .el-dropdown__caret-button:before{background:hsla(0,0%,100%,.5);bottom:5px;content:"";display:block;left:0;position:absolute;top:5px;width:1px}.el-dropdown .el-dropdown__caret-button.el-button--default:before{background:rgba(220,223,230,.5)}.el-dropdown .el-dropdown__caret-button:hover:before{bottom:0;top:0}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{padding-left:0}.el-dropdown__icon{font-size:12px;margin:0 3px}.el-dropdown .el-dropdown-selfdefine:focus:active,.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.el-dropdown-menu{background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);left:0;margin:5px 0;padding:10px 0;position:absolute;top:0;z-index:10}.el-dropdown-menu__item{color:#606266;cursor:pointer;font-size:14px;line-height:36px;list-style:none;margin:0;outline:none;padding:0 20px}.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover{background-color:#f4f5f7;color:#606266}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{border-top:1px solid #ebeef5;margin-top:6px;position:relative}.el-dropdown-menu__item--divided:before{background-color:#fff;content:"";display:block;height:6px;margin:0 -20px}.el-dropdown-menu__item.is-disabled{color:#bbb;cursor:default;pointer-events:none}.el-dropdown-menu--medium{padding:6px 0}.el-dropdown-menu--medium .el-dropdown-menu__item{font-size:14px;line-height:30px;padding:0 17px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:6px}.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:6px;margin:0 -17px}.el-dropdown-menu--small{padding:6px 0}.el-dropdown-menu--small .el-dropdown-menu__item{font-size:13px;line-height:27px;padding:0 15px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:4px}.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:4px;margin:0 -15px}.el-dropdown-menu--mini{padding:3px 0}.el-dropdown-menu--mini .el-dropdown-menu__item{font-size:12px;line-height:24px;padding:0 10px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided{margin-top:3px}.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before{height:3px;margin:0 -10px}.el-dropdown-menu__item{min-width:100px}.el-dropdown-menu__item .item.red,.el-dropdown-menu__item .item.red>i,.el-dropdown-menu__item .item:hover.red>i{color:red}.el-dropdown-menu__item--divided:before{height:5px}.el-tooltip__popper.is-light[x-placement^=bottom]{border-width:0;box-shadow:0 1px 6px rgba(0,0,0,.2)}.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow{border-bottom-color:hsla(0,0%,85%,.5)}@font-face{font-family:zenicon;src:url(../css/fonts/zenicon.woff2) format("woff2")}.ft.icon{word-wrap:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none;-webkit-font-feature-settings:"liga";direction:ltr;font-family:zenicon,serif;letter-spacing:normal;line-height:1;padding-left:1px;text-transform:none;transform:scale(1.2);transform-origin:50% 0;white-space:nowrap}.ft+.el-el-button,.ft+.ft,.ft+.z-confirm,.ft+.z-execute,.ft+.z-link,.ft+a{margin-left:.6rem}.ft.l12{margin-left:12px}.ft.r12{margin-right:12px}.ft.hover{cursor:pointer}.ft.hover:hover{color:#0285d7}.ft.dark{color:#0d0d0d}.ft.gray{color:#666}.ft.yellow{color:#f90}.ft.red{color:#ed3f14}.ft.green{color:#19be6b}.ft.blue{color:#2d8cf0}.ft.center{text-align:center}.ft.right{text-align:right}.ft.bold{font-weight:700}.ft.underline{text-decoration:underline}.ft.through{text-decoration:line-through}.ft.italic{font-style:italic}.ft.cursor{cursor:pointer}.ft.h1{font-size:1.3rem}.ft.h2{font-size:1.2rem}.ft.h3{font-size:1.1rem}.ft.h4{font-size:.9rem}.ft.h5{font-size:.8rem}@font-face{font-family:taskfont;src:url(../css/fonts/taskfont.woff2) format("woff2"),url(../css/fonts/taskfont.woff) format("woff"),url(../css/fonts/taskfont.ttf) format("truetype")}.taskfont{-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale;font-family:taskfont,"serif"!important;font-size:16px;font-style:normal}.app-view-loading{align-items:center;background-color:hsla(0,0%,100%,.7);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.app-view-loading>div{text-align:center}.app-view-loading>div>div{color:#ccc;font:11px verdana;letter-spacing:1px;line-height:16px;margin:0;text-transform:uppercase}.app-view-loading>div>span{-webkit-animation:app-view-loadanim 1s infinite alternate;animation:app-view-loadanim 1s infinite alternate;background:#007db6;border-radius:8px;display:inline-block;height:8px;margin:2px;vertical-align:middle;width:8px}.app-view-loading>div>span:nth-of-type(2){-webkit-animation-delay:.2s;animation-delay:.2s;background:#008fb2}.app-view-loading>div>span:nth-of-type(3){-webkit-animation-delay:.4s;animation-delay:.4s;background:#009b9e}.app-view-loading>div>span:nth-of-type(4){-webkit-animation-delay:.6s;animation-delay:.6s;background:#00a77d}.app-view-loading>div>span:nth-of-type(5){-webkit-animation-delay:.8s;animation-delay:.8s;background:#00b247}.app-view-loading>div>span:nth-of-type(6){-webkit-animation-delay:1s;animation-delay:1s;background:#5ab027}.app-view-loading>div>span:nth-of-type(7){-webkit-animation-delay:1.2s;animation-delay:1.2s;background:#a0b61e}@-webkit-keyframes app-view-loadanim{0%{opacity:0}to{opacity:1}}@keyframes app-view-loadanim{0%{opacity:0}to{opacity:1}}.overlay-y{overflow-y:overlay!important}.overlay-y::-webkit-scrollbar{height:10px;width:10px}.overlay-y::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.overlay-y::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.5);border-radius:10px}.overlay-y:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);background-clip:content-box;border:2px solid transparent}.overlay-y:hover::-webkit-scrollbar-thumb:hover{border-bottom-width:0;border-top-width:0}.overlay-y::-webkit-scrollbar-track{background:transparent;border-radius:10px}.common-auto-tip{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-circle{border-radius:50%}.common-circle .common-circle-path{fill:transparent}.common-circle .common-circle-g-path-ring{stroke:#8bcf70}.common-circle .common-circle-g-path-core{fill:#8bcf70;transform:scale(.56);transform-origin:50%}.drawer-overlay{background:rgba(0,0,0,.76);box-sizing:border-box;display:flex;flex-direction:column;height:0;justify-content:flex-end;left:0;opacity:0;outline:none;pointer-events:none;position:fixed;top:0;width:0;z-index:1000}.drawer-overlay .overlay-mask{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.drawer-overlay .overlay-body{display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;width:100%;z-index:2}.drawer-overlay .overlay-body .overlay-close{align-items:flex-end;display:flex;flex-shrink:0;justify-content:flex-end}.drawer-overlay .overlay-body .overlay-close>a{align-items:center;color:#dbdbde;display:flex;height:40px;justify-content:center;width:40px}.drawer-overlay .overlay-body .overlay-close>a:hover{color:#fff}.drawer-overlay .overlay-body .overlay-close>a .icon{height:24px;width:24px}.drawer-overlay .overlay-body .overlay-content{background:#fff;border-radius:18px 18px 0 0;cursor:default;flex:1;opacity:0;position:relative;transform:translateY(15%) scale(.98)}.drawer-overlay.overlay-visible{height:100%;opacity:1;pointer-events:auto;transition:opacity .2s ease;width:100%}.drawer-overlay.overlay-visible .overlay-body .overlay-content{opacity:1;transform:translate(0) scale(1);transition:opacity .2s ease,transform .3s ease}.drawer-overlay.overlay-hide{height:100%;transition:opacity .2s ease;width:100%}.drawer-overlay.overlay-hide .overlay-body .overlay-content{transform:translateY(15%) scale(.98);transition:opacity .2s ease,transform .2s ease}.drawer-overlay.right{flex-direction:row;justify-content:flex-end}.drawer-overlay.right .overlay-body{flex-direction:row}.drawer-overlay.right .overlay-body .overlay-close{align-items:flex-start}.drawer-overlay.right .overlay-body .overlay-content{border-radius:18px 0 0 18px;transform:translate(15%) scale(.98)}.drawer-overlay.right.overlay-visible .overlay-body .overlay-content{transform:translate(0) scale(1)}.drawer-overlay.right.overlay-hide .overlay-body .overlay-content{transform:translate(15%) scale(.98)}.img-upload-modal .ivu-modal-mask{z-index:1001}.img-upload-modal .ivu-modal-no-mask{background-color:rgba(55,55,55,.2)}.img-upload-modal .ivu-modal-wrap{z-index:1001}.imgcomp-upload-list{background:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.2);display:inline-block;height:60px;line-height:60px;margin-right:4px;overflow:hidden;position:relative;text-align:center;vertical-align:top;width:60px}.imgcomp-upload-list .imgcomp-upload-img{background-position:50%;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.imgcomp-upload-list .imgcomp-upload-list-cover{background:rgba(0,0,0,.6);bottom:0;display:none;left:0;position:absolute;right:0;top:0}.imgcomp-upload-list .imgcomp-upload-list-cover i{color:#fff;cursor:pointer;font-size:24px;margin:0;transition:all .2s;vertical-align:middle}.imgcomp-upload-list .imgcomp-upload-list-cover i:hover{font-size:28px}.imgcomp-upload-list .ivu-progress{height:100%}.imgcomp-upload-list .ivu-progress .ivu-progress-outer{background-color:rgba(0,0,0,.68);height:100%}.imgcomp-upload-list .ivu-progress .ivu-progress-outer .ivu-progress-inner{margin:0 auto;width:88%}.imgcomp-upload-list:hover .imgcomp-upload-list-cover{display:block}.img-upload-foot,.img-upload-foot .img-upload-foot-input{align-items:center;display:flex;justify-content:flex-end}.img-upload-foot .img-upload-foot-input{flex:1;text-align:left}.img-upload-foot .img-upload-foot-input .img-upload-foot-httptitle{cursor:pointer;margin-right:22px;padding-left:3px}.add-box{background:#fff;border:1px dashed #dddee1;border-radius:4px;display:inline-block;height:60px;line-height:60px;overflow:hidden;position:relative;text-align:center;vertical-align:top;width:60px}.add-box .add-box-icon i{padding-bottom:2px;vertical-align:middle}.add-box .add-box-upload{background:rgba(0,0,0,.6);color:#fff;display:none;height:100%;left:0;padding-top:9px;position:absolute;top:0;width:100%}.add-box .add-box-upload .add-box-item{cursor:pointer;height:22px;line-height:22px}.add-box .add-box-upload .add-box-item .ivu-upload-drag,.add-box .add-box-upload .add-box-item .ivu-upload-drag:hover{background:transparent;border:0;border-radius:0}.add-box .add-box-upload .add-box-item span{font-size:12px;transition:all .2s}.add-box .add-box-upload .add-box-item:hover span{font-size:14px}.add-box em{font-style:normal}.add-box:hover{border-color:rgba(0,0,0,.6)}.add-box:hover .add-box-upload{display:block}.callback-add-box{background:transparent;border:0;display:block;height:25px;line-height:25px;width:auto}.callback-add-box .add-box-icon{display:none}.callback-add-box .add-box-upload{background:transparent;color:#333;display:block;padding:0;width:auto}.callback-add-box .add-box-upload>div{display:inline-block;padding-right:10px}.browse-load{margin:20px;text-align:center}.browse-list{max-height:540px;overflow:auto}.browse-list .browse-item{cursor:pointer;display:inline-block;margin:10px 15px;position:relative;text-align:center}.browse-list .browse-item .browse-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAABxCAAAAABg5GeyAAACW0lEQVR4Ae3XVRLjMBAE0L3/rSwKM3OcSNPyLVYOLvM6UD0Bd03LVe9XH+RlhlRSSSWVVFJJJZVUUkkllVRSSSWVVFJJJZVUUkl9WyqppJJKKqmkkgpURP17xngOAR5NxW5wlJ9MaLQh83F4NHWmd/gZtdVBaOldfDB1bq5UpJFbFOC6LKnYrkRO209PAw+hIuzWB8Ep5es8HvYo4z4tE1X8UeRwlMM2D5Bzkc7kj6Bi3VTKDDwEeUcrMxrUvGDXTnHa6kK69SDN9sgq1clxKSbNHqqnYmdri81Q9QHf1JPt1Frncaib2XbiTKL2GkHaurnY9LOulMV0O7G6Kw+g9sw2ohhm62KezVJaaufjWC1TnOkr1exilJ7Ji0vxCCqO9V4UwV4PYr9+apouhGYLKfnahdpqegjmeoXOpXgANe70pKT6Zhu19qkY2nC0PZS527lQOyInqr8Uvc5jqfUb1X+PGh5IhW90S2quh3FQC2XRcF66TUkTXPcLKm5FtdR9RJq+2hWII7UpFtmsQLEyzsdJtkxxpr6gLotbUSlV9yeT0Trmzk2XPdUThLYarUbWOY9j04xXQ2u+pMZLYSumGmNUH3HbM9qOAwSHodN2Pks25F2j3aI7+IxqNsB+YLWb16ukSjiW4xNB0gMoMfApBS/XZQgi3p9/5RsiKNKZEOwYFVIF5VyTyD19sbyjIJiNJRZxpNbx2S8sGKvGZNHJBniBu9Wy5WxjGuQFqIAcBHiRGyt4ua5gSCWVVFJJJZVUUkkllVRSSSWVVFJJJZVUUkkllVRSSSWVVFI/AgO0SXIVYHeGAAAAAElFTkSuQmCC);background-position:50%;background-repeat:no-repeat;background-size:cover;height:64px;width:64px}.browse-list .browse-item .browse-title{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:64px}.browse-list .browse-item .browse-icon{background-color:rgba(0,0,0,.5);color:#fff;font-size:36px;height:64px;left:0;padding-top:15px;position:absolute;top:0;width:100%}.browse-list-disabled{position:relative}.browse-list-disabled:after{background-color:hsla(0,0%,100%,.9);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.common-loading{-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:30px;margin:auto;max-height:100%;max-width:100%;overflow:hidden;transform-origin:center center;width:30px}.common-loading .common-path{stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35}to{stroke-dasharray:89,200;stroke-dashoffset:-124}}@-webkit-keyframes color{0%,to{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}@keyframes color{0%,to{stroke:#d62d20}40%{stroke:#0057e7}66%{stroke:#008744}80%,90%{stroke:#ffa700}}.app-scroller-y{-webkit-overflow-scrolling:touch;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;position:absolute;right:0;top:0}.app-scroller-y .app-scroller-bottom{height:0;margin:0;padding:0}.app-scroller-y.static{flex:1;position:static}.common-spinner{bottom:20px;display:none;height:30px;margin:0 auto;position:fixed;right:20px;width:30px;z-index:9999}.common-spinner .common-circular{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.teditor-box .tox.tox-silver-sink,.teditor-transfer .tox.tox-silver-sink{z-index:13000}.teditor-bginput{height:0;left:0;opacity:0;position:absolute;top:0;width:0;z-index:-999}.teditor-box{min-height:22px;position:relative}.teditor-box .icon-inline{color:#bbb;left:0;position:absolute;top:0}.teditor-box textarea{opacity:0}.teditor-box .tox-tinymce{border-color:#dddee1;border-radius:4px;box-shadow:none;box-sizing:border-box;overflow:hidden}.teditor-box .tox-tinymce .tox-statusbar span.tox-statusbar__branding a{display:none}.teditor-transfer{background-color:#fff}.teditor-transfer .tox-toolbar>div:last-child>button:last-child{margin-right:64px}.teditor-transfer .ivu-modal-header{display:none}.teditor-transfer .ivu-modal-close{top:7px;z-index:2}.teditor-transfer .teditor-transfer-body{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%}.teditor-transfer .teditor-transfer-body textarea{opacity:0}.teditor-transfer .teditor-transfer-body .tox-tinymce{border:0}.teditor-transfer .teditor-transfer-body .tox-tinymce .tox-statusbar span.tox-statusbar__branding a{display:none}.teditor-loadstyle{height:180px;overflow:hidden;position:relative;width:100%}.teditor-loadedstyle{max-height:inherit;overflow:inherit;position:relative;width:100%}.upload-control{display:none;height:0;overflow:hidden;width:0}.tox-tinymce-inline{z-index:100000}.quick-edit{align-items:center;display:flex;max-width:100%}.quick-edit .quick-input{flex:1;max-width:100%;position:relative}.quick-edit .quick-input .quick-loading{align-items:center;bottom:0;display:flex;position:absolute;right:8px;top:0}.quick-edit .quick-input .quick-loading .common-loading{height:14px;margin:0;width:14px}.quick-edit .quick-text{align-items:center;height:20px;line-height:20px;margin-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-edit .quick-icon{cursor:pointer;display:none;font-size:16px}.quick-edit.quick-always .quick-icon{display:inline-block;opacity:.3;transition:opacity .2s}.ivu-table-row-hover .quick-edit .quick-icon,.quick-edit:hover .quick-icon{display:inline-block;opacity:1}.common-tag-input{background:#fff;border:1px solid #dddee1;border-radius:4px;color:#495060;cursor:text;display:inline-block;line-height:normal;min-height:32px;padding:2px 7px;position:relative;transition:all .2s;vertical-align:middle;width:100%}.common-tag-input:hover{border-color:#a2d98d}.common-tag-input.focus{border-color:#a2d98d;box-shadow:0 0 0 2px rgba(139,207,112,.2)}.common-tag-input .tags-input,.common-tag-input .tags-item{background-color:#f1f8ff;border-radius:3px;color:#495060;float:left;line-height:22px;margin:2px 6px 2px 0;padding:0 20px 0 6px;position:relative}.common-tag-input .tags-input .tags-content,.common-tag-input .tags-item .tags-content{line-height:22px}.common-tag-input .tags-input .tags-del,.common-tag-input .tags-item .tags-del{cursor:pointer;height:22px;position:absolute;right:0;text-align:center;top:-1px;width:20px}.common-tag-input .tags-input{-webkit-appearance:none;background-color:inherit;border:none;color:inherit;height:22px;line-height:22px;max-width:80%;outline:none;overflow:hidden;padding:0;resize:none}.common-tag-input .tags-input::-moz-placeholder{color:#bbb}.common-tag-input .tags-input:-ms-input-placeholder{color:#bbb}.common-tag-input .tags-input::placeholder{color:#bbb}.common-tag-input .tags-placeholder{color:hsla(0,0%,100%,0);left:0;position:absolute;top:0;z-index:-1}.common-tag-input:after{clear:both;content:"";display:block;height:0}.ivu-form-item-error .common-tag-input,.ivu-form-item-error .common-tag-input:hover{border-color:#ed4014}.ivu-form-item-error .common-tag-input.focus{border-color:#ed4014;box-shadow:0 0 0 2px rgba(237,64,20,.2)}.common-avatar{position:relative}.common-avatar.avatar-wrapper{align-items:center;display:flex}.common-avatar.avatar-wrapper .avatar-box{align-items:center;border-radius:50%;display:flex;position:relative}.common-avatar.avatar-wrapper .avatar-box .avatar-default{background-color:transparent}.common-avatar.avatar-wrapper .avatar-box .avatar-text{background-color:#8bcf70}.common-avatar.avatar-wrapper .avatar-box .avatar-text>span{display:inline-block;font-size:15px;line-height:1}.common-avatar.avatar-wrapper .avatar-box>em{background-color:#f90;border:1px solid #fff;border-radius:50%;bottom:0;height:8px;position:absolute;right:0;transform-origin:right bottom;width:8px;z-index:1}.common-avatar.avatar-wrapper .avatar-box.online>em{background-color:#8bcf70}.common-avatar.avatar-wrapper .avatar-name{overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.common-avatar-transfer{line-height:1.5;padding:4px 2px}.common-avatar-transfer>p{padding:1px 2px}.common-avatar-transfer .avatar-icons{align-items:center;border-top:1px solid hsla(240,5%,96%,.5);display:flex;margin-top:12px;padding:8px 0 2px}.common-avatar-transfer .avatar-icons>i{color:#f4f4f5;cursor:pointer;font-size:22px;margin-right:12px}.common-avatar-transfer .avatar-icons>i:last-child{margin-right:0}.common-avatar-transfer .avatar-icons>i:hover{color:#fff}.common-user{position:relative;white-space:normal}.common-user .common-user-loading{align-items:center;bottom:0;display:flex;position:absolute;right:10px;top:2px}.common-user .common-user-loading .common-loading{height:14px;width:14px}.common-user.hidden-input .ivu-select-selection{padding:0 4px}.common-user.hidden-input .ivu-select-selection .ivu-select-input{display:none}.common-user-transfer .user-input-option,.common-user-transfer .user-input-option .user-input-avatar{align-items:center;display:flex}.common-user-transfer .user-input-option .user-input-avatar .avatar{height:26px;width:26px}.common-user-transfer .user-input-option .user-input-nickname{flex:1;margin-left:10px}.common-user-transfer .user-input-option .user-input-userid{color:#ccc;font-size:12px;margin-left:10px;transition:margin .1s}.common-user-transfer .ivu-select-item.ivu-select-item-selected:after{top:8px}.common-user-transfer .ivu-select-item.ivu-select-item-selected .user-input-option .user-input-userid{margin-right:16px}.common-user-transfer .user-drop-prepend{border-bottom:1px solid #f1f1f1;color:#c5c8ce;font-size:12px;line-height:20px;margin-bottom:5px;padding-bottom:5px;text-align:center}body{overflow:hidden}body .ivu-input,body .ivu-select-selection{border-color:#e8e8e8}body .ivu-select-dropdown{max-height:360px}body .ivu-select-dropdown.select-node .ivu-select-item{align-items:center;display:flex;justify-content:space-between}body .ivu-select-dropdown.select-node .ivu-select-item .option-title{flex:1}body .ivu-select-dropdown.select-node .ivu-select-item .ivu-tag{margin-left:18px;margin-right:0;transform:scale(.9);transform-origin:right center}body .ivu-tooltip-popper .ivu-tooltip-inner{white-space:normal}body .ivu-table table{width:100%!important}body .ivu-table table .ivu-table-cell{padding-left:12px;padding-right:12px}body .ivu-table table thead .ivu-table-cell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .ivu-table table tbody .tree-icon-loading .ivu-table-cell{align-items:center;display:flex}body .ivu-table table tbody .tree-icon-loading .ivu-table-cell .ivu-table-cell-tree{margin-right:6px}body .ivu-table .td-ellipsis{align-items:center;display:flex;max-width:100%}body .ivu-table .td-ellipsis .remark-text{align-items:center;height:20px;line-height:20px;margin-right:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .ivu-table .td-ellipsis .remark-icon{cursor:pointer;display:none;font-size:16px}body .ivu-table .td-ellipsis .remark-tag{background:#f7f7f7;border:1px solid #e8eaec;border-radius:3px;color:#515a6e;display:inline-block;font-size:12px;height:22px;line-height:22px;margin:2px 4px 2px 0;opacity:1;overflow:visible;padding:0 4px;vertical-align:middle;white-space:nowrap}body .ivu-table .td-ellipsis .remark-tag.pointer-tag{background:#e6f7ff;border-color:#91d5ff;color:#1890ff;cursor:pointer}body .ivu-table .td-action,body .ivu-table .td-ellipsis .icon-tooltip .ivu-tooltip-rel{align-items:center;display:flex}body .ivu-table .td-action{justify-content:center;max-width:100%}body .ivu-table .td-action .td-action-container{flex-shrink:0}body .ivu-table .td-action .td-action-container a{font-size:12px;padding:0 5px}body .ivu-table .td-action .td-action-container.td-action-menu{align-items:center;display:flex}body .ivu-table .td-action .td-action-container.td-action-menu .menu-dropdown{display:flex}body .ivu-table .td-action .td-action-container.td-action-menu .menu-icon{cursor:pointer;font-size:21px;padding:0 6px}body .ivu-table .ivu-table-row-hover:hover .td-ellipsis .remark-icon{display:inline-block}body .ivu-table:before{background-color:#efefef}body .ivu-modal-wrap{overflow:overlay}body .ivu-modal-wrap .ivu-modal{padding-bottom:100px;top:100px}@media (max-height:900px){body .ivu-modal-wrap .ivu-modal{padding-bottom:35px;top:35px}}body .ivu-modal-wrap .ivu-modal.ivu-modal-fullscreen{top:0}body .ivu-modal-wrap .ivu-modal .ivu-modal-footer,body .ivu-modal-wrap .ivu-modal .ivu-modal-header{border-color:transparent}body .ivu-modal-wrap .ivu-modal .ivu-modal-header{padding:22px 24px 20px}body .ivu-modal-wrap .ivu-modal .ivu-modal-header .ivu-modal-header-inner{font-size:18px}body .ivu-modal-wrap .ivu-modal .ivu-modal-body{padding:16px 32px 2px}body .ivu-modal-wrap .ivu-modal .ivu-modal-footer{padding:20px 30px 22px}body .ivu-modal-wrap .ivu-modal .ivu-modal-footer .ivu-btn{height:34px;line-height:32px;min-width:94px}body .ivu-modal-wrap .ivu-modal .ivu-modal-content{border-radius:18px}body .ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close{font-size:38px;right:2px;top:3px;transition:all .2s}body .ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close:hover .ivu-icon-ios-close{transform:rotate(-90deg)}body .ivu-modal-wrap .ivu-modal-confirm{padding:6px 0 20px}body .ivu-modal-wrap .ivu-modal-confirm .ivu-modal-confirm-body>div{word-break:break-all}body .ivu-modal-wrap .form-network-add-tabs .ivu-tabs-tabpane{padding:10px 6px 0}body .ivu-modal-wrap .form-network-add-in-out{padding:0 6px}body .ivu-modal-wrap .form-network-add-in-out .select-in-type span.ivu-radio{display:none}body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item-checked{border:1px solid #8bcf70!important;color:#8bcf70}body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item{align-items:center;border:1px solid #e8ebee;border-radius:4px;display:flex;margin:0 8px 0 0;min-width:90px;padding:0 12px}body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item>span{flex:1}body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item:hover{cursor:pointer}body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item .select-in-type-icon{margin-left:12px}body .ivu-modal-wrap .form-network-add-in-out .select-in-node{margin-top:18px}body .ivu-progress,body .ivu-progress .ivu-progress-outer{align-items:center;display:flex}body .ivu-progress.ivu-progress-show-info .ivu-progress-outer{margin:0;padding:0}body .ivu-progress.ivu-progress-show-info .ivu-progress-text{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .ivu-drawer-right .ivu-drawer-content{border-radius:18px 0 0 18px}body .ivu-drawer-right .ivu-drawer-content .ivu-drawer-header{border-bottom:1px solid transparent;padding-bottom:6px;padding-top:16px}body .ivu-drawer-right .ivu-drawer-content .ivu-drawer-header .ivu-drawer-header-inner{font-size:18px;height:32px;line-height:32px;padding:0 4px}body .ivu-drawer-right .ivu-drawer-content .ivu-drawer-body{padding:10px 20px}body .ivu-drawer-bottom .ivu-drawer-content{border-radius:18px 18px 0 0}body .ivu-drawer-bottom .ivu-drawer-content .ivu-drawer-close{top:-40px}body .ivu-drawer-bottom .ivu-drawer-content .ivu-drawer-close .ivu-icon{color:#fff;font-size:40px}[hidden=hidden]{display:none!important}.clearfix{*zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.page-container{padding:20px 0;text-align:center}.search-container{margin-bottom:24px}.search-container>ul{align-items:flex-end;display:flex}.search-container>ul>li{display:flex;flex:1;flex-direction:column;flex-shrink:0;list-style:none;margin-right:12px}.search-container>ul>li:last-child{margin-right:0}.search-container>ul>li .search-label{font-weight:600}.search-container>ul>li .search-content{margin-top:6px}.search-container>ul>li.search-button{flex:none}.search-container.auto{display:flex}.search-container.auto>ul>li:not(.search-button){min-width:180px}.icon-loading{-webkit-animation:icon-loading-load .6s linear infinite;animation:icon-loading-load .6s linear infinite}@-webkit-keyframes icon-loading-load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes icon-loading-load{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-calendar{display:flex;flex-direction:column}.page-calendar .calendar-head{align-items:flex-start;border-bottom:1px solid #f4f4f5;display:flex;flex-shrink:0;margin:32px 32px 16px}.page-calendar .calendar-head .calendar-titbox{align-items:center;display:flex;flex:1;margin-bottom:16px}.page-calendar .calendar-head .calendar-titbox .calendar-title{align-items:center;display:flex;margin-right:36px}.page-calendar .calendar-head .calendar-titbox .calendar-title>h1{color:#333;font-size:28px;font-weight:600}.page-calendar .calendar-head .calendar-titbox .calendar-arrow{margin-right:12px}.page-calendar .calendar-head .calendar-titbox .calendar-arrow>button{color:#888;font-size:12px}.page-calendar .calendar-head .calendar-titbox .calendar-arrow>button:focus{box-shadow:none}.page-calendar .calendar-head .calendar-titbox .calendar-view{display:flex;flex:1;justify-content:flex-end}.page-calendar .calendar-head .calendar-titbox .calendar-view>button:focus{box-shadow:none}.page-calendar .calendar-box{display:flex;flex:1;flex-direction:column;overflow:hidden;padding:0 48px 6px}.page-calendar .calendar-box .calendar-wrapper{flex:1;position:relative}.page-calendar .calendar-box .calendar-wrapper:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup{box-shadow:none}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup .tui-full-calendar-popup-container{border:0;border-radius:6px;box-shadow:0 1px 6px rgba(0,0,0,.2)}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup .tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border{border-bottom-color:hsla(0,0%,85%,.5);top:-8px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-dropdown-menu{border-color:#e8e8e8;width:calc(100% - 14px)}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-icon.tui-full-calendar-calendar-dot,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-icon.tui-full-calendar-ic-title{display:none}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-icon.tui-full-calendar-ic-date{background-image:url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTk2MCAxMjhIODMzYzAtNTMtNDMtOTYtOTYtOTZoLTE2Yy01MyAwLTk2IDQzLTk2IDk2SDQwMGMwLTI2LjUtMTAuNy01MC41LTI4LjEtNjcuOUMzNTQuNSA0Mi43IDMzMC41IDMyIDMwNCAzMmgtMTZjLTUzIDAtOTYgNDMtOTYgOTZINjRjLTM1LjMgMC02NCAyOC42LTY0IDY0djczNmMwIDM1LjMgMjguNyA2NCA2NCA2NGg4OTZjMzUuMyAwIDY0LTI4LjcgNjQtNjRWMTkyYzAtMzUuNC0yOC43LTY0LTY0LTY0em0tMjcxIDhjMC0yMi4xIDE3LjktNDAgNDAtNDBzNDAgMTcuOSA0MCA0MHY4MGMwIDIyLjEtMTcuOSA0MC00MCA0MC0xMSAwLTIxLTQuNS0yOC4zLTExLjdDNjkzLjUgMjM3IDY4OSAyMjcgNjg5IDIxNnYtODB6bS00MzMgMGMwLTIyLjEgMTcuOS00MCA0MC00MHM0MCAxNy45IDQwIDQwdjgwYzAgMjIuMS0xNy45IDQwLTQwIDQwLTExIDAtMjEtNC41LTI4LjMtMTEuN0MyNjAuNSAyMzcgMjU2IDIyNyAyNTYgMjE2di04MHptNzA0IDc2MGMwIDE3LjctMTQuMyAzMi0zMiAzMkg5NmMtMTcuNyAwLTMyLTE0LjMtMzItMzJWNDQ4aDg5NnY0NDh6IiBmaWxsPSIjNTE1MTUxIi8+PC9zdmc+");background-size:contain}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-content{padding-left:0}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-section{display:flex;justify-content:space-between;margin-bottom:10px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item{border-color:#e8e8e8;border-radius:4px;height:36px;line-height:34px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item input{height:34px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-title,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-title input{width:100%}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-end-date,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-start-date{width:210px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-end-date .tui-full-calendar-content,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-start-date .tui-full-calendar-content{padding-left:8px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-location,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-allday,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-private,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-state{display:none}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .priority{border-radius:4px;color:#fff;margin-right:6px;padding:2px 4px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .overdue{background:#fff1f0;border:1px solid #ffa39e;border-radius:4px;color:#f5222d;margin-right:6px;padding:1px 3px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-calendar-dot,.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-ic-priority{opacity:0}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-ic-edit{background-image:url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTgzMy40MjkgNjJIMTkwLjU3QTEyOC41NzEgMTI4LjU3MSAwIDAgMCA2MiAxOTAuNTcxVjgzMy40M0ExMjguNTcxIDEyOC41NzEgMCAwIDAgMTkwLjU3MSA5NjJIODMzLjQzQTEyOC41NzEgMTI4LjU3MSAwIDAgMCA5NjIgODMzLjQyOVYxOTAuNTdBMTI4LjU3MSAxMjguNTcxIDAgMCAwIDgzMy40MjkgNjJ6bTY0LjI4NSA3NzEuNDI5YTY0LjI4NiA2NC4yODYgMCAwIDEtNjQuMjg1IDY0LjI4NUgxOTAuNTdhNjQuMjg2IDY0LjI4NiAwIDAgMS02NC4yODUtNjQuMjg1VjE5MC41N2E2NC4yODYgNjQuMjg2IDAgMCAxIDY0LjI4NS02NC4yODVIODMzLjQzYTY0LjI4NiA2NC4yODYgMCAwIDEgNjQuMjg1IDY0LjI4NXoiIGZpbGw9IiM1MTUxNTEiLz48cGF0aCBkPSJNMTkwLjU3MSAyNTQuODU3aDY0LjI4NnY2NC4yODZoLTY0LjI4NnptMTI4LjU3MiAwaDQ1MHY2NC4yODZoLTQ1MHpNMTkwLjU3IDQ0Ny43MTRoNjQuMjg2VjUxMmgtNjQuMjg2em0xMjguNTcyIDBoNDUwVjUxMmgtNDUwek0xOTAuNTcgNjQwLjU3MWg2NC4yODZ2NjQuMjg2aC02NC4yODZ6bTEyOC41NzIgMEg2NDAuNTd2NjQuMjg2SDMxOS4xNDN6IiBmaWxsPSIjNTE1MTUxIi8+PC9zdmc+");top:-2px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-ic-delete{background-image:url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTg5Mi4yODggMjU2SDcwMS4xMkEyMDIuMjQgMjAyLjI0IDAgMCAwIDUwOS42MzIgNjIuMDggMjAxLjIxNiAyMDEuMjE2IDAgMCAwIDMxOC44NDggMjU2SDEyOGMtMTguNjg4IDAtNjYuMDQ4LTQuMjI0LTY2LjA0OCAyNC43NjhDNjEuOTUyIDMyNy43NDQgMTA5LjM3NiAzMjAgMTI4IDMyMGg2NHY1MTJhMTQ2LjQ5NiAxNDYuNDk2IDAgMCAwIDEyNy40MjQgMTI4aDM4Mi4yNzJBMTUwLjAxNiAxNTAuMDE2IDAgMCAwIDgzMiA4MzJsLTMuMzkyLTUxMmg2NGMxOC4zNjggMCA2NS4wMjQgMS40NzIgNjUuMDI0LTM5Ljc0NEE3Mi4zODQgNzIuMzg0IDAgMCAwIDg5Mi4yODggMjU2ek01MDkuNjMyIDEyOC41MTJBMTM4LjE3NiAxMzguMTc2IDAgMCAxIDYzNy40NCAyNTZIMzgyLjU5MmExMzcuOTIgMTM3LjkyIDAgMCAxIDEyNy4wNC0xMjcuNDg4ek03NjggODMyYTk3Ljk4NCA5Ny45ODQgMCAwIDEtNjYuODggNjRIMzE4Ljg0OGE5My41NjggOTMuNTY4IDAgMCAxLTY0LTY0VjMyMEg3Njh2NTEyem0tMzg1LjQwOC02NFY1MTJjMC0xOC40OTYuOTYtNjAuOTkyIDM2LjczNi02MC45OTIgMjcuMzI4IDAgMjYuNDk2IDQzLjAwOCAyNi45NDQgNjAuOTkydjI1NmMwIDE4LjQ5Ni02LjQgMjAuMDMyLTI0Ljk2IDIwLjAzMnMtMzguNzItMS41MzYtMzguNzItMjAuMDMyem0xOTEuMTY4IDBWNTEyYTY0IDY0IDAgMCAxIDIzLjgwOC02MC45OTJjNDIuNDMyIDAgMzkuMzYgNDMuMDA4IDM5Ljg3MiA2MC45OTJ2MjU2YzAgMTguNDk2LTE5LjU4NCAyMC4wMzItMzcuOTUyIDIwLjAzMnMtMjUuNzkyLTEuNTM2LTI1Ljc5Mi0yMC4wMzJ6IiBmaWxsPSIjNTE1MTUxIi8+PC9zdmc+");top:-2px}.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-popup-detail-item-separate{padding-left:22px}.page-calendar .calendar-box .calendar-wrapper .tui-datepicker{border-color:#e8e8e8}.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar td,.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar th{height:32px}.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar .tui-calendar-next-month.tui-calendar-date,.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar .tui-calendar-prev-month.tui-calendar-date{visibility:visible}.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-datepicker-body .tui-timepicker,.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-datepicker-footer .tui-timepicker{padding:16px 46px 16px 47px}.page-dashboard{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.page-dashboard .dashboard-wrapper{display:flex;flex-direction:column;margin-bottom:2%;max-height:80%;max-width:80%;width:664px}.page-dashboard .dashboard-wrapper .dashboard-hello{color:#333;font-size:24px;font-weight:600;padding:0 12px}.page-dashboard .dashboard-wrapper .dashboard-desc{color:#888;font-size:13px;margin-top:18px;padding:0 12px}.page-dashboard .dashboard-wrapper .dashboard-block{display:flex;margin-top:18px;padding:0 12px}.page-dashboard .dashboard-wrapper .dashboard-block>li{background-color:#fa8e8c;border-radius:8px;cursor:pointer;display:flex;flex:1;flex-direction:column;flex-shrink:0;justify-content:center;list-style:none;margin-right:24px;padding:16px 24px;transition:box-shadow .3s}.page-dashboard .dashboard-wrapper .dashboard-block>li:hover{box-shadow:0 0 10px #ccc}.page-dashboard .dashboard-wrapper .dashboard-block>li:first-child{background-color:#6f9ef6}.page-dashboard .dashboard-wrapper .dashboard-block>li:last-child{background-color:#98de6e;box-shadow:none;cursor:default;margin-right:0}.page-dashboard .dashboard-wrapper .dashboard-block>li .block-title{color:hsla(0,0%,100%,.6);font-size:12px}.page-dashboard .dashboard-wrapper .dashboard-block>li .block-data{align-items:center;display:flex;line-height:1;padding-top:10px}.page-dashboard .dashboard-wrapper .dashboard-block>li .block-data .block-num{color:#fff;flex:1;font-size:32px;font-weight:600}.page-dashboard .dashboard-wrapper .dashboard-block>li .block-data .taskfont{color:hsla(0,0%,100%,.7);font-size:20px}.page-dashboard .dashboard-wrapper .dashboard-title{font-size:15px;font-weight:600;margin-top:60px;padding:0 12px}.page-dashboard .dashboard-wrapper .dashboard-list{margin-top:4px;overflow:auto;padding:0 12px}.page-dashboard .dashboard-wrapper .dashboard-list>li{background:#f9fafb;border-radius:6px;cursor:pointer;display:flex;list-style:none;margin-top:12px;padding:8px 12px;position:relative;transition:box-shadow .3s}.page-dashboard .dashboard-wrapper .dashboard-list>li:hover{box-shadow:0 0 6px #dfdfdf}.page-dashboard .dashboard-wrapper .dashboard-list>li:last-child{margin-bottom:12px}.page-dashboard .dashboard-wrapper .dashboard-list>li .priority-color{height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:2px}.page-dashboard .dashboard-wrapper .dashboard-list>li .el-dropdown{flex-shrink:0;height:22px;line-height:22px;width:22px}.page-dashboard .dashboard-wrapper .dashboard-list>li .el-dropdown .taskfont{color:#bbb;font-size:18px}.page-dashboard .dashboard-wrapper .dashboard-list>li .item-title{flex:1;line-height:22px;padding-left:6px}.page-dashboard .dashboard-wrapper .dashboard-list>li .item-icon{align-items:center;color:#aaa;cursor:pointer;display:flex;font-size:13px;height:22px;margin-left:16px}.page-dashboard .dashboard-wrapper .dashboard-list>li .item-icon .taskfont{font-size:13px}.page-dashboard .dashboard-wrapper .dashboard-list>li .item-icon>em{font-style:normal;margin-left:4px}.page-dashboard .dashboard-wrapper .dashboard-list>li .item-icon.overdue{color:#ed4014}.page-dashboard .dashboard-wrapper .dashboard-list>li .item-icon.today{color:#f90}.page-dashboard .download-app{bottom:26px;position:absolute;right:26px;z-index:1}.page-dashboard .nopage{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.page-dashboard .nopage .nopage-icon{background-color:#f4f5f7;border-radius:50%;padding:20px}.page-dashboard .nopage .nopage-icon .ivu-icon{color:#d1d8dd;font-size:46px}.page-dashboard .nopage .nopage-text{background-color:#f4f5f7;border-radius:14px;color:#bec6cc;margin-top:16px;padding:4px 15px}.page-download{bottom:0;left:0;overflow:auto;right:0;top:0}.page-download .download-load{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.page-download .download-body{margin-top:50px;position:relative}.page-download .download-body .orb-canvas-1{background:linear-gradient(rgba(186,117,255,.49) 26.56%,#3913b8);border-radius:24% 76% 35% 65%/27% 36% 64% 73%;margin-left:-50px;margin-top:20px}.page-download .download-body .orb-canvas-1,.page-download .download-body .orb-canvas-2{height:500px;left:50%;opacity:.1;position:absolute;top:0;transform:translate(-50%) rotate(-90deg);width:500px;z-index:-1}.page-download .download-body .orb-canvas-2{-webkit-animation:izRuqW 25s ease 0s infinite alternate none running;animation:izRuqW 25s ease 0s infinite alternate none running;background:linear-gradient(rgba(47,184,255,.42) 31.77%,#9eecd9);border-radius:51% 49% 58% 42%/34% 78% 22% 66%;margin-left:50px;margin-top:120px}.page-download .download-body .download-name{color:#2a2a2a;font-size:24px;line-height:1;padding-top:64px;text-align:center}.page-download .download-body .download-version{color:#8a919c;font-size:14px;line-height:1;padding-top:20px;text-align:center}.page-download .download-body .download-list{align-items:center;display:flex;justify-content:center;margin-top:100px}.page-download .download-body .download-list>li{align-items:center;background:hsla(0,0%,100%,.7);border-radius:20px;box-shadow:0 30px 70px 0 rgba(223,227,234,.5);display:flex;flex-direction:column;list-style:none;margin:0 12px;overflow:hidden;padding:30px 46px;position:relative;z-index:5}.page-download .download-body .download-list>li .app-icon,.page-download .download-body .download-list>li .app-name,.page-download .download-body .download-list>li .app-size{transition:all .3s ease-in-out}.page-download .download-body .download-list>li .app-icon{align-items:center;display:flex;height:60px;justify-content:center}.page-download .download-body .download-list>li .app-icon>i{font-size:60px}.page-download .download-body .download-list>li .app-icon>i.ivu-icon-logo-windows{font-size:52px}.page-download .download-body .download-list>li .app-name{font-size:18px;margin-top:15px}.page-download .download-body .download-list>li .app-size{margin-top:15px;opacity:.6}.page-download .download-body .download-list>li .app-button{margin-top:22px}.page-download .download-body .download-list>li .app-button>a{border:1px solid #8bcf70;border-radius:6px;color:#8bcf70;display:inline-block;line-height:32px;padding:0 18px;position:relative;text-align:center;text-transform:capitalize;transition:all .3s ease-in-out;z-index:1}.page-download .download-body .download-list>li .app-button>a:before{border-radius:36px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transition:all .3s ease-in-out;width:100%;z-index:-1}.page-download .download-body .download-list>li .app-button>a:hover:before{background:#fff;border-radius:4px;transform:scale(1)}.page-download .download-body .download-list>li:before{background:linear-gradient(130deg,#83ef92,#00d38b);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .3s ease-in-out;width:100%;z-index:-1}.page-download .download-body .download-list>li:after{background:hsla(0,0%,100%,.13);border-radius:50%;content:"";height:160px;opacity:0;position:absolute;right:-80px;top:-80px;transform:scale(.2);transition:all .3s ease-in-out;width:160px;z-index:-1}.page-download .download-body .download-list>li:hover .app-icon,.page-download .download-body .download-list>li:hover .app-name,.page-download .download-body .download-list>li:hover .app-size{color:#fff}.page-download .download-body .download-list>li:hover .app-button>a{border-color:#fff;color:#fff}.page-download .download-body .download-list>li:hover .app-button>a:hover{color:#0de49d}.page-download .download-body .download-list>li:hover:before{opacity:1}.page-download .download-body .download-list>li:hover:after{opacity:1;transform:scale(1);transition-duration:1s}@media (max-width:720px){.page-download .download-body .download-list{flex-direction:column}.page-download .download-body .download-list>li{margin-bottom:32px;padding:52px 64px}}.page-download.manage-box-view{align-items:center;display:flex;justify-content:center}.page-download.manage-box-view .download-body{transform:translateY(-16%)}.page-download.manage-box-view .download-body .download-name{padding-top:16%}.page-file{display:flex;flex-direction:column;height:100%;width:100%}.page-file .file-wrapper{display:flex;flex:1;flex-direction:column;height:0;position:relative}.page-file .file-wrapper .file-head{align-items:center;border-bottom:1px solid #f4f4f5;display:flex;margin:32px 32px 16px;padding-bottom:16px}.page-file .file-wrapper .file-head .file-nav{align-items:center;display:flex;flex:1}.page-file .file-wrapper .file-head .file-nav>h1{color:#333;font-size:28px;font-weight:600}.page-file .file-wrapper .file-head .file-nav .file-refresh{cursor:pointer;display:none;margin-left:12px}.page-file .file-wrapper .file-head .file-nav .file-refresh>i{font-size:18px}.page-file .file-wrapper .file-head .file-nav:hover .file-refresh{display:block}.page-file .file-wrapper .file-head .file-search{cursor:pointer;flex-shrink:0;margin-left:22px}.page-file .file-wrapper .file-head .file-search .ivu-input-wrapper{transform:translateZ(0);width:auto}.page-file .file-wrapper .file-head .file-search .ivu-input-wrapper .ivu-input{border-color:#dcdee2;border-radius:16px;padding-left:0;padding-right:30px;transition:all .3s;width:0}.page-file .file-wrapper .file-head .file-search .ivu-input-wrapper .ivu-input-suffix i{color:#515a6e}.page-file .file-wrapper .file-head .file-search.has-value .ivu-input-wrapper .ivu-input,.page-file .file-wrapper .file-head .file-search:hover .ivu-input-wrapper .ivu-input{padding-left:14px;width:160px}.page-file .file-wrapper .file-head .file-add{cursor:pointer;flex-shrink:0;margin-left:18px}.page-file .file-wrapper .file-head .file-add .taskfont{font-size:18px}.page-file .file-wrapper .file-no{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;margin-bottom:5%;opacity:.8}.page-file .file-wrapper .file-no>i{font-size:64px}.page-file .file-wrapper .file-no>p{font-size:14px;font-weight:500;line-height:1;margin-top:18px}.page-file .file-wrapper .file-navigator{align-items:center;display:flex;height:24px;line-height:24px;margin:0 32px}.page-file .file-wrapper .file-navigator>ul{align-items:center;display:flex;overflow:auto}.page-file .file-wrapper .file-navigator>ul>li{align-items:center;color:#8bcf70;cursor:pointer;display:flex;font-size:14px;list-style:none;padding-left:8px}.page-file .file-wrapper .file-navigator>ul>li:last-child{color:#515a6e;cursor:default}.page-file .file-wrapper .file-navigator>ul>li+li:before{color:#515a6e;content:"\203a";font-family:system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1;margin-top:-2px;padding-right:8px}.page-file .file-wrapper .file-navigator>ul>li .taskfont{padding-right:2px}.page-file .file-wrapper .file-navigator>ul>li>span{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-file .file-wrapper .file-navigator .nav-load{align-items:center;display:flex;height:24px;justify-content:center;margin-left:8px;width:24px}.page-file .file-wrapper .file-navigator .nav-load .common-loading{height:12px;width:12px}.page-file .file-wrapper .file-navigator .nav-refresh{margin-left:8px}.page-file .file-wrapper .file-navigator .ivu-btn{font-size:12px;margin-left:12px}.page-file .file-wrapper .file-navigator .file-shear{align-items:center;display:flex}.page-file .file-wrapper .file-navigator .file-shear>span{padding-right:3px}.page-file .file-wrapper .file-navigator .file-shear>em{display:inline-block;font-style:normal;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-file .file-wrapper .file-navigator .flex-full{flex:1}.page-file .file-wrapper .file-navigator .switch-button{align-items:center;background-color:#fff;border-radius:6px;display:flex;position:relative;transition:box-shadow .2s}.page-file .file-wrapper .file-navigator .switch-button:hover{box-shadow:0 0 10px #e6ecfa}.page-file .file-wrapper .file-navigator .switch-button:before{background-color:rgba(139,207,112,.1);border:1px solid #8bcf70;border-radius:6px;color:#8bcf70;content:"";height:100%;left:0;position:absolute;top:0;transition:left .2s;width:50%;z-index:0}.page-file .file-wrapper .file-navigator .switch-button>div{align-items:center;border-radius:6px;color:#515a6e;cursor:pointer;display:flex;height:30px;justify-content:center;width:32px;z-index:1}.page-file .file-wrapper .file-navigator .switch-button>div>i{font-size:17px}.page-file .file-wrapper .file-navigator .switch-button>div:first-child{color:#8bcf70}.page-file .file-wrapper .file-navigator .switch-button.table:before{left:50%}.page-file .file-wrapper .file-navigator .switch-button.table>div:first-child{color:#515a6e}.page-file .file-wrapper .file-navigator .switch-button.table>div:last-child{color:#8bcf70}.page-file .file-wrapper .file-table{cursor:default;flex:1;margin:16px 32px 32px}.page-file .file-wrapper .file-table .ivu-table:before{display:none}.page-file .file-wrapper .file-table .ivu-table .ivu-table-tip{opacity:.8}.page-file .file-wrapper .file-table .ivu-table .ivu-table-tip span{font-size:14px;font-weight:500;line-height:1.8}.page-file .file-wrapper .file-table .ivu-table .ivu-table-tip span:before{-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;content:"\e60b";display:block;font-family:taskfont,"serif"!important;font-size:64px;font-style:normal}.page-file .file-wrapper .file-table .file-nbox{align-items:center;display:flex;position:relative}.page-file .file-wrapper .file-table .file-nbox .file-name{align-items:center;display:flex;flex:1;margin-right:46px;position:relative;width:0}.page-file .file-wrapper .file-table .file-nbox .file-name:before{background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:22px;margin-right:8px;width:22px}.page-file .file-wrapper .file-table .file-nbox .file-name.upload:before{background-image:url(../images/file/upload.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.updir:before{background-image:url(../images/file/updir.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.folder:before{background-image:url(../images/file/folder.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.document:before{background-image:url(../images/file/document.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.mind:before{background-image:url(../images/file/mind.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.sheet:before{background-image:url(../images/file/sheet.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.flow:before{background-image:url(../images/file/flow.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.word:before{background-image:url(../images/file/word.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.excel:before{background-image:url(../images/file/excel.svg)}.page-file .file-wrapper .file-table .file-nbox .file-name.ppt:before{background-image:url(../images/file/ppt.svg)}.page-file .file-wrapper .file-table .file-nbox .taskfont{color:#aaa;font-size:16px;margin:0 3px}.page-file .file-wrapper .file-list{flex:1;margin-top:16px;overflow:auto;padding:0 20px 20px}.page-file .file-wrapper .file-list>ul{margin-top:-12px}.page-file .file-wrapper .file-list>ul>li{align-items:center;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;float:left;height:110px;justify-content:space-between;list-style:none;margin:12px;position:relative;width:100px}.page-file .file-wrapper .file-list>ul>li .file-input{margin:0 4px 4px;position:relative}.page-file .file-wrapper .file-list>ul>li .file-input input{font-size:13px;margin:0;padding:1px 5px}.page-file .file-wrapper .file-list>ul>li .file-input .file-load{bottom:0;display:flex;position:absolute;right:6px;top:0}.page-file .file-wrapper .file-list>ul>li .file-input .file-load .common-loading{height:10px;width:10px}.page-file .file-wrapper .file-list>ul>li .file-name{color:#515a6e;display:block;font-size:12px;height:20px;line-height:20px;margin-bottom:5px;overflow:hidden;padding:0 6px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.page-file .file-wrapper .file-list>ul>li .file-menu{display:flex;opacity:0;position:absolute;right:2px;top:2px;transition:opacity .2s}.page-file .file-wrapper .file-list>ul>li .file-menu .ivu-icon{color:#aaa;font-size:16px;padding:2px 5px;transition:color .2s}.page-file .file-wrapper .file-list>ul>li .file-menu .ivu-icon:hover{color:#515a6e}.page-file .file-wrapper .file-list>ul>li .file-icon{background-repeat:no-repeat;background-size:contain;display:inline-block;height:64px;margin-top:12px;position:relative;width:64px}.page-file .file-wrapper .file-list>ul>li .file-icon .share-avatar,.page-file .file-wrapper .file-list>ul>li .file-icon .share-icon{align-items:center;background-color:#9acd7b;border-radius:50%;bottom:0;display:flex;height:20px;justify-content:center;position:absolute;right:0;transform:scale(.9);width:20px}.page-file .file-wrapper .file-list>ul>li .file-icon .share-avatar .taskfont,.page-file .file-wrapper .file-list>ul>li .file-icon .share-icon .taskfont{color:#fff;font-size:18px}.page-file .file-wrapper .file-list>ul>li.shear{opacity:.38}.page-file .file-wrapper .file-list>ul>li.upload .file-icon{background-image:url(../images/file/upload.svg)}.page-file .file-wrapper .file-list>ul>li.updir .file-icon{background-image:url(../images/file/updir.svg)}.page-file .file-wrapper .file-list>ul>li.folder .file-icon{background-image:url(../images/file/folder.svg)}.page-file .file-wrapper .file-list>ul>li.document .file-icon{background-image:url(../images/file/document.svg)}.page-file .file-wrapper .file-list>ul>li.mind .file-icon{background-image:url(../images/file/mind.svg)}.page-file .file-wrapper .file-list>ul>li.sheet .file-icon{background-image:url(../images/file/sheet.svg)}.page-file .file-wrapper .file-list>ul>li.flow .file-icon{background-image:url(../images/file/flow.svg)}.page-file .file-wrapper .file-list>ul>li.word .file-icon{background-image:url(../images/file/word.svg)}.page-file .file-wrapper .file-list>ul>li.excel .file-icon{background-image:url(../images/file/excel.svg)}.page-file .file-wrapper .file-list>ul>li.ppt .file-icon{background-image:url(../images/file/ppt.svg)}.page-file .file-wrapper .file-list>ul>li.highlight,.page-file .file-wrapper .file-list>ul>li:hover{background-color:#f4f5f7}.page-file .file-wrapper .file-list>ul>li:hover .file-menu{opacity:1}.page-file .file-wrapper .file-menu{position:absolute}.page-file-dropdown-menu .ivu-dropdown{width:100%}.page-file-dropdown-menu .ivu-dropdown .arrow-forward-item{align-items:center;display:flex;justify-content:space-between;margin-right:-6px;min-width:90px}.page-file-dropdown-menu .ivu-dropdown .arrow-forward-item .ivu-icon{opacity:.7}.page-file-dropdown-menu .file-item{align-items:center;display:flex;position:relative}.page-file-dropdown-menu .file-item:before{background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:20px;margin-right:8px;width:20px}.page-file-dropdown-menu .file-item.upload:before{background-image:url(../images/file/upload.svg)}.page-file-dropdown-menu .file-item.updir:before{background-image:url(../images/file/updir.svg)}.page-file-dropdown-menu .file-item.folder:before{background-image:url(../images/file/folder.svg)}.page-file-dropdown-menu .file-item.document:before{background-image:url(../images/file/document.svg)}.page-file-dropdown-menu .file-item.mind:before{background-image:url(../images/file/mind.svg)}.page-file-dropdown-menu .file-item.sheet:before{background-image:url(../images/file/sheet.svg)}.page-file-dropdown-menu .file-item.flow:before{background-image:url(../images/file/flow.svg)}.page-file-dropdown-menu .file-item.word:before{background-image:url(../images/file/word.svg)}.page-file-dropdown-menu .file-item.excel:before{background-image:url(../images/file/excel.svg)}.page-file-dropdown-menu .file-item.ppt:before{background-image:url(../images/file/ppt.svg)}.page-file-drawer .overlay-content{border-radius:20px 20px 0 0!important}.page-login{align-items:center;background-color:#f3f6fe;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.page-login .login-body{align-items:center;display:flex;flex-direction:column;max-height:100%;overflow:auto;padding:32px 0;width:100%}.page-login .login-body .login-logo{background:url(../images/logo.svg) no-repeat 50%;background-size:contain;flex-shrink:0;height:68px;width:68px}.page-login .login-body .login-box{background-color:#fff;border-radius:12px;box-shadow:0 0 10px #e6ecfa;margin-top:32px;width:400px}.page-login .login-body .login-box .login-title{font-size:24px;font-weight:600;margin-top:36px;text-align:center}.page-login .login-body .login-box .login-subtitle{color:#aaa;font-size:14px;margin-top:12px;padding:0 12px;text-align:center}.page-login .login-body .login-box .login-input{margin:32px 40px}.page-login .login-body .login-box .login-input>*{margin-top:26px}.page-login .login-body .login-box .login-input .ivu-input{border-color:#f1f1f1}.page-login .login-body .login-box .login-input .ivu-input-large{font-size:15px}.page-login .login-body .login-box .login-input .login-code .ivu-input-group-append,.page-login .login-body .login-box .login-input .login-code .ivu-input-group-prepend{background:transparent;border-color:#f1f1f1}.page-login .login-body .login-box .login-input .login-code .ivu-input{border-left-color:transparent;border-right-color:transparent}.page-login .login-body .login-box .login-input .login-code .login-code-end{cursor:pointer;height:38px;margin:-6px -7px;overflow:hidden}.page-login .login-body .login-box .login-input .login-code .login-code-end img{height:100%}.page-login .login-body .login-box .login-input .login-switch{color:#aaa}.page-login .login-body .login-bottom{align-items:center;display:flex;margin-top:18px;width:388px}.page-login .login-body .login-bottom .login-language{align-items:center;color:#666;cursor:pointer;display:flex;flex-shrink:0}.page-login .login-body .login-bottom .login-language .taskfont{font-size:12px;margin-left:3px;margin-top:1px;transform:scale(.8)}.page-login .login-body .login-bottom .login-forgot{color:#aaa;flex:1;padding-left:24px;text-align:right}.page-login .download-app{bottom:26px;position:absolute;right:26px;z-index:1}.page-manage{bottom:0;display:flex;left:0;position:absolute;right:0;top:0}.page-manage .manage-box-menu{align-items:center;background:#f4f5f7;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;height:100%;position:relative;transition:all .2s;width:255px}.page-manage .manage-box-menu .manage-box-dropdown{flex-shrink:0;width:86%}.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown{padding:7px 0}.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown .ivu-dropdown-item{padding:9px 16px}.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown .ivu-dropdown-item-divided{margin-top:7px}.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown .ivu-dropdown-item-divided:before{top:-9px}.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;margin-top:27px;padding:6px 10px;transition:box-shadow .3s}.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title.menu-visible{box-shadow:0 1px 6px rgba(0,0,0,.2)}.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title .manage-box-avatar{height:36px;width:36px}.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title>span{flex:1;font-size:16px;font-weight:600;overflow:hidden;padding-left:12px;text-overflow:ellipsis;white-space:nowrap}.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title .manage-box-arrow{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-left:16px;padding-right:2px}.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title .manage-box-arrow>i{font-size:12px;margin:-1px}.page-manage .manage-box-menu .manage-box-dropdown .manage-menu-language{align-items:center;display:flex;justify-content:space-between}.page-manage .manage-box-menu .manage-box-dropdown .manage-menu-language .ivu-icon{color:#666}.page-manage .manage-box-menu>ul{flex:1;margin-top:16px;overflow:auto;width:100%}.page-manage .manage-box-menu>ul>li{align-items:center;border-radius:4px;color:#6c7d8c;cursor:pointer;display:flex;height:38px;margin:8px auto;max-width:100%;padding:0 4%;position:relative;width:80%}.page-manage .manage-box-menu>ul>li>i{font-size:20px;margin-right:10px;opacity:.3}.page-manage .manage-box-menu>ul>li .menu-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-manage .manage-box-menu>ul>li .menu-badge{margin-left:12px;transform:scale(.9)}.page-manage .manage-box-menu>ul>li.menu-project{align-items:center;cursor:default;display:flex;flex-direction:column;height:auto;padding:14px 0 0}.page-manage .manage-box-menu>ul>li.menu-project>ul{width:100%}.page-manage .manage-box-menu>ul>li.menu-project>ul>li{cursor:pointer;display:flex;flex-direction:column;list-style:none;margin:4px auto}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h1{align-items:center;border-radius:4px;display:flex;justify-content:space-between;padding:0 8px 0 30px;position:relative}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h1>em{align-items:center;cursor:pointer;display:flex;height:24px;justify-content:center;left:2px;position:absolute;top:50%;transform:translateY(-50%);width:24px}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h1>em:before{background:url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxwYXRoIGQ9Im0zNjYuMTgyIDEwOC4yMzcgNDQ1Ljg1IDMxOS43OTVhMTAyLjQgMTAyLjQgMCAwIDEgMCAxNjYuNTAyTDM2Ni4xODIgOTE0LjMzYTEwMi40IDEwMi40IDAgMCAxLTE2Mi4wOTktODMuMjUydi02MzkuNTlhMTAyLjQgMTAyLjQgMCAwIDEgMTYyLjEtODMuMjUxeiIgZmlsbD0iIzk5OSIvPjwvc3ZnPg==") no-repeat 50%;background-size:contain;content:"";height:12px;transition:transform .2s;width:12px}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h1 .title{color:#333;flex:1;height:38px;line-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h1 .num{font-size:12px;padding-left:16px}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h2{cursor:default;display:none;margin:16px 4px;padding:0 8px 0 26px}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h2>p{align-items:center;display:flex;height:36px;padding:4px 0}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h2>p em,.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h2>p span{flex-shrink:0;font-size:12px;font-style:normal;padding-right:6px}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h2>p .ivu-progress{margin-right:-18px}.page-manage .manage-box-menu>ul>li.menu-project>ul>li .project-h2>p .ivu-progress .ivu-progress-inner{background-color:#e4e4e4}.page-manage .manage-box-menu>ul>li.menu-project>ul>li.active .project-h1{background-color:#fff}.page-manage .manage-box-menu>ul>li.menu-project>ul>li.open-menu .project-h1>em:before{transform:rotate(90deg)}.page-manage .manage-box-menu>ul>li.menu-project>ul>li.open-menu .project-h2{display:block}.page-manage .manage-box-menu>ul>li.menu-project .common-loading{height:22px;margin:6px;width:22px}.page-manage .manage-box-menu>ul>li.active{background-color:#fff}.page-manage .manage-box-menu .manage-box-new{height:38px;margin-bottom:20px;margin-top:16px;width:80%}.page-manage .manage-box-main{flex:1;position:relative}.page-manage .manage-box-main .manage-box-view{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0}.page-messenger{display:flex}.page-messenger .messenger-wrapper{align-items:flex-start;display:flex;flex:1}.page-messenger .messenger-wrapper .messenger-select{display:flex;flex-direction:column;flex-shrink:0;height:100%;max-width:320px;min-width:240px;position:relative;width:30%}.page-messenger .messenger-wrapper .messenger-select:after{background-color:#f4f5f5;content:"";height:100%;position:absolute;right:0;top:0;width:1px}.page-messenger .messenger-wrapper .messenger-select .messenger-search{align-items:center;display:flex;flex-shrink:0;height:54px;justify-content:center;padding:0 12px}.page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper{background-color:#f7f7f7;border-radius:12px;flex:1;margin:0 4px;overflow:hidden;padding:0 8px}.page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper .ivu-input{background-color:transparent;border-color:transparent}.page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper .ivu-input:focus,.page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper .ivu-input:hover{box-shadow:none}.page-messenger .messenger-wrapper .messenger-select .messenger-nav{align-items:center;display:flex;justify-content:space-evenly;padding:2px 0 12px}.page-messenger .messenger-wrapper .messenger-select .messenger-nav>p{color:#888;cursor:pointer;line-height:1;padding:0 6px;position:relative}.page-messenger .messenger-wrapper .messenger-select .messenger-nav>p .nav-num{position:absolute;right:-8px;top:-12px;transform:scale(.7)}.page-messenger .messenger-wrapper .messenger-select .messenger-nav>p.active{color:#555;font-weight:500}.page-messenger .messenger-wrapper .messenger-select .messenger-nav>p:hover{color:#777}.page-messenger .messenger-wrapper .messenger-select .messenger-list{flex:1;height:0;overflow-x:hidden;overflow-y:auto;width:100%}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li{align-items:flex-start;cursor:pointer;display:flex;flex-direction:row;list-style:none;padding:16px 12px;position:relative}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .icon-avatar,.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .user-avatar{flex-grow:0;flex-shrink:0;height:42px;margin:2px;width:42px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .icon-avatar{align-items:center;background-color:#61b2f9;border-radius:50%;color:#fff;display:flex;font-size:26px;justify-content:center}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .icon-avatar.project{background-color:#6e99eb}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .icon-avatar.task{background-color:#9b96df;font-size:24px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .dialog-box{display:flex;flex:1;flex-direction:column;padding-left:12px;width:0}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .dialog-box .dialog-title{align-items:center;display:flex;flex-direction:row;justify-content:space-between;line-height:24px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .dialog-box .dialog-title>span{color:#333;flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .dialog-box .dialog-title>i{color:#8bcf70;flex-shrink:0;font-size:12px;margin-left:8px;transform:scale(.9)}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .dialog-box .dialog-title>em{color:#999;flex-shrink:0;font-size:12px;font-style:normal;margin-left:8px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .dialog-box .dialog-text{color:#999;font-size:12px;line-height:24px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li .dialog-num{left:42px;position:absolute;top:10px;transform:scale(.8)}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li.active{background-color:#f4f5f7}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li.loading{align-items:center;display:flex;height:52px;justify-content:center;margin:0}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.dialog>li.loading .common-loading{height:20px;margin:0;width:20px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.contacts>li{list-style:none;margin-left:24px;position:relative}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.contacts>li .label{border-bottom:1px solid #efefef;height:34px;line-height:34px;margin-bottom:6px;margin-top:6px;padding-left:4px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.contacts>li.loading{align-items:center;display:flex;height:52px;justify-content:center;margin:0}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.contacts>li.loading .common-loading{height:20px;margin:0;width:20px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.contacts>li>ul>li{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:52px;list-style:none}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.contacts>li>ul>li .avatar{flex-grow:0;flex-shrink:0;height:30px;width:30px}.page-messenger .messenger-wrapper .messenger-select .messenger-list>ul.contacts>li>ul>li .nickname{font-size:14px;overflow:hidden;padding:0 12px;text-overflow:ellipsis;white-space:nowrap}.page-messenger .messenger-wrapper .messenger-select .messenger-menu{align-items:center;border-top:1px solid #f4f5f5;display:flex;flex-shrink:0;height:52px;justify-content:center}.page-messenger .messenger-wrapper .messenger-select .messenger-menu>i{color:#aaa;cursor:pointer;font-size:24px;margin:0 24px;opacity:.9}.page-messenger .messenger-wrapper .messenger-select .messenger-menu>i.active{color:#8bcf70;opacity:1}.page-messenger .messenger-wrapper .messenger-select .messenger-menu>i:hover{opacity:1}.page-messenger .messenger-wrapper .messenger-msg{display:flex;flex:1;height:100%;position:relative;width:0}.page-messenger .messenger-wrapper .messenger-msg .dialog-no{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center}.page-messenger .messenger-wrapper .messenger-msg .dialog-no .dialog-no-icon{background-color:#f4f5f7;border-radius:50%;padding:20px}.page-messenger .messenger-wrapper .messenger-msg .dialog-no .dialog-no-icon .ivu-icon{color:#d1d8dd;font-size:46px}.page-messenger .messenger-wrapper .messenger-msg .dialog-no .dialog-no-text{background-color:#f4f5f7;border-radius:14px;color:#bec6cc;margin-top:16px;padding:4px 15px}.page-project{align-items:flex-start;display:flex;flex:1}.page-project .project-list{background-color:#fafafa;flex:1;height:100%;width:0}.page-project .project-dialog{flex-shrink:0;height:100%;max-width:520px;min-width:320px;position:relative;width:35%}.page-setting{display:flex;flex-direction:column}.page-setting .setting-head{align-items:center;border-bottom:1px solid #f4f4f5;display:flex;margin:32px 32px 16px}.page-setting .setting-head .setting-titbox{flex:1;margin-bottom:16px}.page-setting .setting-head .setting-titbox .setting-title{align-items:center;display:flex}.page-setting .setting-head .setting-titbox .setting-title>h1{color:#333;font-size:28px;font-weight:600}.page-setting .setting-box{display:flex;flex:1;height:0;margin-bottom:16px}.page-setting .setting-box .setting-menu{border-right:1px solid #f4f4f5;flex-shrink:0;overflow:auto;width:200px}.page-setting .setting-box .setting-menu>ul{padding:12px 0 0 32px}.page-setting .setting-box .setting-menu>ul>li{color:#6c7d8c;cursor:pointer;line-height:42px;list-style:none;margin:5px 0;padding:0 20px;position:relative}.page-setting .setting-box .setting-menu>ul>li.active,.page-setting .setting-box .setting-menu>ul>li:hover{background-color:#f4f5f7}.page-setting .setting-box .setting-menu>ul>li.divided{margin-top:10px;padding-top:10px;position:relative}.page-setting .setting-box .setting-menu>ul>li.divided:before{background-color:#f4f4f5;content:"";height:1px;left:0;position:absolute;right:0;top:0;z-index:1}.page-setting .setting-box .setting-menu>ul>li.divided:after{background-color:#fff;content:"";height:9px;left:0;position:absolute;right:0;top:1px;z-index:2}.page-setting .setting-box .setting-content{display:flex;flex:1;flex-direction:column;overflow:auto;position:relative}.page-setting .setting-box .setting-content .setting-content-title{font-size:20px;font-weight:500;padding:12px 32px}.page-setting .setting-box .setting-content .setting-content-view{flex:1;position:relative}.page-setting .setting-box .setting-content .setting-content-view .setting-router-view{padding:24px 40px}.page-setting .setting-item .ivu-input,.page-setting .setting-item .ivu-select-selection{max-width:460px}.page-setting .setting-item .form-tip{color:#999}.page-setting .setting-item .setting-color{margin-bottom:12px;max-width:600px}.page-setting .setting-item .setting-color>div{padding-right:12px;text-align:center}.page-setting .setting-item .setting-color>div:first-child{text-align:left}.page-setting .setting-item .setting-color>div:last-child{flex:auto;flex-shrink:0;max-width:60px;padding-right:0;width:60px}.page-setting .setting-item .setting-color>div .ivu-color-picker{width:100%}.page-setting .setting-item .setting-color .information{color:#999}.page-setting .setting-item .setting-footer>button{height:34px;line-height:32px;min-width:94px}.page-setting .setting-item.submit{bottom:0;left:0;position:absolute;right:0;top:0}.page-setting .setting-item.submit .setting-footer{border-top:1px solid #f4f4f5;bottom:0;left:0;padding:16px 24px 0;position:absolute;right:0;z-index:1}.dialog-wrapper{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;position:absolute;right:0;top:0;z-index:1}.dialog-wrapper .dialog-title{display:flex;flex-direction:column;height:68px;justify-content:center;padding:0 30px;position:relative}.dialog-wrapper .dialog-title:after{background-color:#f4f5f5;bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}.dialog-wrapper .dialog-title .main-title{align-items:center;display:flex;line-height:22px}.dialog-wrapper .dialog-title .main-title>h2{font-size:17px;font-weight:600}.dialog-wrapper .dialog-title .main-title>em{font-size:17px;font-style:normal;font-weight:500;padding-left:6px}.dialog-wrapper .dialog-title .sub-title{color:#aaa;flex-shrink:0;font-size:12px;line-height:20px}.dialog-wrapper .dialog-title .sub-title.pointer{cursor:pointer}.dialog-wrapper .dialog-title .sub-title.pointer:hover{color:#888}.dialog-wrapper .dialog-scroller{flex:1;overflow:auto;padding:0 32px;position:relative}.dialog-wrapper .dialog-scroller .dialog-list>ul>li{align-items:flex-end;display:flex;flex-direction:row;list-style:none;margin-bottom:16px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li:first-child{margin-top:16px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-avatar{flex-shrink:0;height:30px;margin-bottom:20px;position:relative;width:30px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view{align-items:flex-start;display:flex;flex-direction:column;margin:0 0 0 8px;max-width:70%}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content{background-color:#f4f5f7;border-radius:6px 6px 6px 0;color:#333;min-width:32px;padding:8px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.loading{display:flex}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.loading .common-loading{height:20px;margin:4px;width:20px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.file{display:inline-block}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.file .file-box{align-items:center;background-color:#fff;border-radius:3px;display:flex;padding:10px 14px;width:220px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.file .file-box .file-thumb{width:36px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.file .file-box .file-info{display:flex;flex-direction:column;justify-content:center;margin-left:12px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.file .file-box .file-info .file-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;line-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.file .file-box .file-info .file-size{color:#666;font-size:14px;padding-top:4px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.img{background-color:transparent;border-radius:6px;display:flex;max-height:220px;max-width:220px;overflow:hidden;padding:0}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.img .file-img{display:flex}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-content.unknown{text-decoration:underline}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-foot{align-items:center;display:flex;height:21px;line-height:1;padding-top:4px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-foot .common-loading{height:10px;margin:0 2px;width:10px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-foot .time{color:#bbb;font-size:12px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-foot .done{color:#8bcf70;display:none;font-size:12px;margin-left:4px;transform:scale(.9)}.dialog-wrapper .dialog-scroller .dialog-list>ul>li .dialog-view .dialog-foot .percent{cursor:pointer;display:none;margin-left:4px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.history{cursor:pointer;font-size:13px;justify-content:center;margin:12px 0;opacity:.6;padding:3px 0;transition:opacity .2s}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.history:hover{opacity:1}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.history-tip{padding-top:60px;position:relative}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.history-tip .history-text{background:#f5f5f5;border-radius:2px;font-size:12px;font-style:normal;height:22px;left:50%;line-height:22px;padding:0 48px;position:absolute;text-align:center;top:10px;transform:translateX(-50%)}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.loading{justify-content:center;padding:12px 0}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.loading .common-loading{height:18px;margin:0;width:18px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.nothing{color:#999;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.bottom{height:0;margin:0;padding:0}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.self{flex-direction:row-reverse}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.self .dialog-view{align-items:flex-end;margin:0 8px 0 0}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.self .dialog-view .dialog-content{background-color:#8bcf70;border-radius:6px 6px 0 6px;color:#fff}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.self .dialog-view .dialog-content.file{background-color:#f4f5f7}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.self .dialog-view .dialog-content.img{background-color:transparent;border-radius:6px}.dialog-wrapper .dialog-scroller .dialog-list>ul>li.self .dialog-view .dialog-foot .done,.dialog-wrapper .dialog-scroller .dialog-list>ul>li.self .dialog-view .dialog-foot .percent{display:inline-block}.dialog-wrapper .dialog-footer{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:20px;padding:0 28px}.dialog-wrapper .dialog-footer .dialog-newmsg{background-color:rgba(0,0,0,.6);border-radius:16px;color:#fff;cursor:pointer;display:none;font-size:12px;height:30px;line-height:30px;margin-bottom:20px;margin-right:10px;padding:0 12px;z-index:2}.dialog-wrapper .dialog-footer .dialog-input{background-color:#f4f5f7;border-radius:10px;padding:10px 12px}.dialog-wrapper .dialog-footer .dialog-input .ivu-input{background-color:transparent;border:0;resize:none}.dialog-wrapper .dialog-footer .dialog-input .ivu-input:focus{box-shadow:none}.dialog-wrapper .dialog-footer .chat-upload{display:none;height:0;overflow:hidden;width:0}.dialog-wrapper .dialog-footer.newmsg{margin-top:-50px}.dialog-wrapper .dialog-footer.newmsg .dialog-newmsg{display:block}.dialog-wrapper .drag-over{align-items:center;background-color:hsla(0,0%,100%,.78);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:3}.dialog-wrapper .drag-over:before{border:2px dashed #7b7b7b;border-radius:12px;bottom:16px;content:"";left:16px;position:absolute;right:16px;top:16px}.dialog-wrapper .drag-over .drag-text{color:#666;font-size:18px;padding:12px}.dialog-wrapper-read-poptip-content{display:flex;position:relative}.dialog-wrapper-read-poptip-content .read,.dialog-wrapper-read-poptip-content .unread{flex:1;max-height:300px;overflow:auto}.dialog-wrapper-read-poptip-content .read>li,.dialog-wrapper-read-poptip-content .unread>li{list-style:none;margin-bottom:12px}.dialog-wrapper-read-poptip-content .read>li .common-avatar,.dialog-wrapper-read-poptip-content .unread>li .common-avatar{width:100%}.dialog-wrapper-read-poptip-content .read>li:last-child,.dialog-wrapper-read-poptip-content .unread>li:last-child{margin-bottom:6px}.dialog-wrapper-read-poptip-content .read>li.read-title>em,.dialog-wrapper-read-poptip-content .unread>li.read-title>em{font-size:18px;font-style:normal;font-weight:600;padding-right:6px}.dialog-wrapper-read-poptip-content .unread>li{padding-left:16px}.dialog-wrapper-read-poptip-content:before{background-color:#f4f4f5;bottom:0;content:"";left:50%;position:absolute;top:0;width:1px}.file-content{border-radius:18px 18px 0 0;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0}.file-content .edit-header{align-items:center;background-color:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.05);display:flex;flex-direction:row;height:42px;position:relative;width:100%;z-index:99}.file-content .edit-header .header-title{color:#333;flex:1;font-size:16px;line-height:24px;overflow:hidden;padding-left:24px;padding-right:24px;text-overflow:ellipsis;white-space:nowrap}.file-content .edit-header .header-title .file-unsave-tip{color:#333;cursor:pointer;font-weight:500;padding-right:6px;transition:color .3s}.file-content .edit-header .header-title .file-unsave-tip:hover{color:#000}.file-content .edit-header .header-user{margin-right:24px}.file-content .edit-header .header-user>ul{align-items:center;display:flex}.file-content .edit-header .header-user>ul>li{list-style:none;margin-right:-4px}.file-content .edit-header .header-user>ul>li.more{background-color:#8bcf70;border:2px solid #fff;border-radius:50%;color:#fff;font-size:12px;height:28px;line-height:24px;text-align:center;width:28px;z-index:1}.file-content .edit-header .header-hint{color:#666;font-size:12px;padding-right:22px;white-space:nowrap}.file-content .edit-header .header-hint .ivu-btn{font-size:12px;padding:0 10px}.file-content .edit-header .header-hint .ivu-dropdown-item{font-size:12px!important}.file-content .edit-header .header-button{font-size:12px;margin-right:24px}.file-content .content-body{display:flex;flex:1;position:relative}.file-content .content-body .mdeditor-wrapper,.file-content .content-body .teditor-wrapper{display:flex;flex:1}.file-content .content-body .mdeditor-box{position:relative;width:100%}.file-content .content-body .mdeditor-box .markdown{bottom:0;left:0;overflow:auto;position:absolute;right:0;top:0;transform:translateZ(0)}.file-content .content-body .mdeditor-box .markdown .markdown-toolbars{border-bottom:1px solid #eee}.file-content .content-body .mdeditor-box .markdown.border{border:0!important}.file-content .content-body .teditor-loadedstyle{height:100%}.file-content .content-body .teditor-loadedstyle .tox-tinymce{border:0;border-radius:0}.file-content .content-body .teditor-loadedstyle .tox-mbtn{height:36px}.file-content .content-body .teditor-loadedstyle .tox-menubar,.file-content .content-body .teditor-loadedstyle .tox-toolbar-overlord{background:#fff;padding:0 12%}.file-content .content-body .teditor-loadedstyle .tox-toolbar__overflow,.file-content .content-body .teditor-loadedstyle .tox-toolbar__primary{background:none!important;border-top:1px solid #eaeaea!important}.file-content .content-body .teditor-loadedstyle .tox-toolbar-overlord{border-bottom:1px solid #e9e9e9!important}.file-content .content-body .teditor-loadedstyle .tox-toolbar__group:not(:last-of-type){border-right:1px solid #eaeaea!important}.file-content .content-body .teditor-loadedstyle .tox-sidebar-wrap{border:1px solid #e8e8e8;border-radius:2px;box-shadow:0 4px 8px 0 rgba(0,0,0,.08);margin:22px 12%}.file-content .content-body .teditor-loadedstyle .tox-sidebar-wrap .tox-edit-area{border-top:0}.file-content .content-body .teditor-loadedstyle .tox-statusbar{border-top:1px solid #e9e9e9}.file-content .content-body .teditor-loadedstyle .tox-statusbar .tox-statusbar__resize-handle{display:none}.file-content .content-body .luckysheet{border:0}.file-content .content-load{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:42px;z-index:1000}.file-content .content-load .common-loading{margin:0}.luckysheet-input-box{z-index:99999!important}.project-archived{bottom:0;left:0;overflow:auto;padding:20px;position:absolute;right:0;top:0}.project-archived .archived-title{color:#333;font-size:20px;font-weight:500;line-height:1;margin-bottom:24px}.project-dialog{background-color:#fff;border-left:1px solid #f4f5f5;display:flex;flex-direction:column;position:relative;z-index:1}.project-dialog .project-dialog-wrapper .dialog-user{margin-top:36px;padding:0 32px}.project-dialog .project-dialog-wrapper .dialog-user .member-head{align-items:center;display:flex}.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-title{flex:1;font-size:18px;font-weight:600}.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-title>span{color:#8bcf70;padding-left:6px}.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-view-all{color:#999;cursor:pointer;font-size:13px}.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-view-all:hover{color:#777}.project-dialog .project-dialog-wrapper .dialog-user .member-list{align-items:center;display:flex;margin-top:14px;overflow:auto}.project-dialog .project-dialog-wrapper .dialog-user .member-list>li{list-style:none;margin-bottom:8px;margin-right:14px;position:relative}.project-dialog .project-dialog-wrapper .dialog-user .member-list.member-all{display:block}.project-dialog .project-dialog-wrapper .dialog-user .member-list.member-all>li{display:inline-block}.project-list,.project-list .project-head{display:flex;flex-direction:column}.project-list .project-head{align-items:flex-start;margin:32px 32px 0}.project-list .project-head .project-titbox{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px;width:100%}.project-list .project-head .project-titbox .project-title{align-items:center;display:flex}.project-list .project-head .project-titbox .project-title>h1{color:#333;font-size:28px;font-weight:600}.project-list .project-head .project-titbox .project-title .project-load{align-items:center;display:flex;margin-left:18px}.project-list .project-head .project-titbox .project-title .project-load .common-loading{height:22px;width:22px}.project-list .project-head .project-titbox .project-icons{align-items:center;display:flex;flex-shrink:0;margin-top:3px}.project-list .project-head .project-titbox .project-icons>li{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;list-style:none;margin-left:16px;position:relative;transition:box-shadow .3s;width:36px}.project-list .project-head .project-titbox .project-icons>li:hover{box-shadow:0 0 6px #ccc}.project-list .project-head .project-titbox .project-icons>li.project-icon{background-color:#f2f3f5;border-radius:50%}.project-list .project-head .project-titbox .project-icons>li.project-icon .menu-icon{font-size:20px;height:36px;line-height:36px;width:36px}.project-list .project-head .project-titbox .project-icons>li.project-icon .menu-badge{left:20px;position:absolute;top:-6px;transform:scale(.8)}.project-list .project-head .project-titbox .project-icons>li.project-icon .search-input{margin:2px 0;width:170px}.project-list .project-head .project-titbox .project-icons>li.project-icon.active{background-color:#8bcf70;color:#fff}.project-list .project-head .project-subtitle{color:#999;line-height:24px;margin-bottom:-18px;margin-top:-6px;padding-right:260px;width:100%}.project-list .project-head .project-switch{display:flex;justify-content:flex-end;width:100%}.project-list .project-head .project-switch .project-checkbox{align-items:center;display:flex;margin-right:14px;opacity:.9}.project-list .project-head .project-switch .project-checkbox .ivu-checkbox-focus{box-shadow:none}.project-list .project-head .project-switch .project-switch-button{align-items:center;background-color:#fff;border-radius:6px;display:flex;position:relative;transition:box-shadow .2s}.project-list .project-head .project-switch .project-switch-button:hover{box-shadow:0 0 10px #e6ecfa}.project-list .project-head .project-switch .project-switch-button:before{background-color:rgba(139,207,112,.1);border:1px solid #8bcf70;border-radius:6px;color:#8bcf70;content:"";height:100%;left:0;position:absolute;top:0;transition:left .2s;width:50%;z-index:0}.project-list .project-head .project-switch .project-switch-button>div{align-items:center;border-radius:6px;color:#515a6e;cursor:pointer;display:flex;height:30px;justify-content:center;width:32px;z-index:1}.project-list .project-head .project-switch .project-switch-button>div>i{font-size:17px}.project-list .project-head .project-switch .project-switch-button>div:first-child{color:#8bcf70}.project-list .project-head .project-switch .project-switch-button.menu:before{left:50%}.project-list .project-head .project-switch .project-switch-button.menu>div:first-child{color:#515a6e}.project-list .project-head .project-switch .project-switch-button.menu>div:last-child{color:#8bcf70}.project-list .project-column{display:flex;height:100%;overflow-x:auto;overflow-y:hidden;padding-top:18px}.project-list .project-column>ul{align-items:flex-start;display:inline-flex;justify-content:space-between}.project-list .project-column>ul>li{display:flex;flex-direction:column;flex-shrink:0;height:100%;list-style:none;width:260px}.project-list .project-column>ul>li:first-child{margin-left:22px}.project-list .project-column>ul>li:last-child{margin-right:22px}.project-list .project-column>ul>li.add-column{background-color:#f2f3f5;border-radius:4px;color:#888;cursor:pointer;height:36px}.project-list .project-column>ul>li.add-column .add-column-text{align-items:center;display:flex;flex-direction:row;line-height:36px;padding:0 12px}.project-list .project-column>ul>li.add-column .add-column-text>i{font-size:16px;padding-right:8px}.project-list .project-column>ul>li.add-column .add-column-text:hover{color:#777}.project-list .project-column>ul>li.add-column .add-column-input{align-items:center;display:none;height:36px}.project-list .project-column>ul>li.add-column .add-column-input .ivu-input{height:36px;padding:4px 10px}.project-list .project-column>ul>li.add-column .add-column-input .ivu-input-icon{height:36px;line-height:36px;width:36px}.project-list .project-column>ul>li.add-column.show-input .add-column-text{display:none}.project-list .project-column>ul>li.add-column.show-input .add-column-input{display:flex}.project-list .project-column>ul>li .column-head{align-items:center;background-color:#f2f3f5;border-radius:4px;display:flex;margin:0 10px;padding:7px 10px}.project-list .project-column>ul>li .column-head .column-head-title{align-items:center;display:flex;flex:1;font-weight:500;width:0}.project-list .project-column>ul>li .column-head .column-head-title>span{font-size:15px}.project-list .project-column>ul>li .column-head .column-head-title>em{color:#888;font-size:14px;font-style:normal;padding-left:6px}.project-list .project-column>ul>li .column-head .column-head-icon{align-items:center;display:flex;margin-left:16px}.project-list .project-column>ul>li .column-head .column-head-icon .ivu-icon,.project-list .project-column>ul>li .column-head .column-head-icon .loading{align-items:center;display:flex;height:24px;justify-content:center;padding-right:8px;width:24px}.project-list .project-column>ul>li .column-head .column-head-icon .ivu-icon .common-loading,.project-list .project-column>ul>li .column-head .column-head-icon .loading .common-loading{height:16px;margin:0;width:16px}.project-list .project-column>ul>li .column-head .column-head-icon .ivu-icon{color:#aaa;cursor:pointer;font-size:16px;font-weight:600;transition:color .3s}.project-list .project-column>ul>li .column-head .column-head-icon .ivu-icon:hover{color:#888}.project-list .project-column>ul>li .column-head .column-head-icon .last{padding-right:0}.project-list .project-column>ul>li .column-head.custom-color{color:#fff}.project-list .project-column>ul>li .column-head.custom-color .column-head-title>em{color:hsla(0,0%,100%,.6)}.project-list .project-column>ul>li .column-head.custom-color .ivu-icon{color:hsla(0,0%,100%,.5)}.project-list .project-column>ul>li .column-head.custom-color .ivu-icon:hover{color:hsla(0,0%,100%,.9)}.project-list .project-column>ul>li .column-task{display:flex;flex:1;flex-direction:column;overflow-x:hidden;overflow-y:auto}.project-list .project-column>ul>li .column-task .task-list>div:last-child{margin-bottom:16px}.project-list .project-column>ul>li .column-task .task-item{background-color:#fff;border-radius:12px;cursor:pointer;margin:16px 10px 0;padding:12px;position:relative;transition:box-shadow .3s,opacity .3s}.project-list .project-column>ul>li .column-task .task-item:hover{box-shadow:0 0 10px #e6ecfa}.project-list .project-column>ul>li .column-task .task-item .task-head{align-items:flex-start;display:flex}.project-list .project-column>ul>li .column-task .task-item .task-head .task-title{flex:1;padding-top:1px}.project-list .project-column>ul>li .column-task .task-item .task-head .task-title>pre{word-wrap:break-word;line-height:1.5;margin:0;padding:0;white-space:pre-wrap;word-break:break-word}.project-list .project-column>ul>li .column-task .task-item .task-head .task-menu{height:22px;margin-left:8px;width:22px}.project-list .project-column>ul>li .column-task .task-item .task-head .task-menu .ivu-icon,.project-list .project-column>ul>li .column-task .task-item .task-head .task-menu .loading{align-items:center;display:flex;height:22px;justify-content:center;width:22px}.project-list .project-column>ul>li .column-task .task-item .task-head .task-menu .ivu-icon .common-loading,.project-list .project-column>ul>li .column-task .task-item .task-head .task-menu .loading .common-loading{height:16px;margin:0;width:16px}.project-list .project-column>ul>li .column-task .task-item .task-head .task-menu .ivu-icon{color:#777;cursor:pointer;font-size:22px}.project-list .project-column>ul>li .column-task .task-item .task-head .task-menu .ivu-icon:hover{color:#555}.project-list .project-column>ul>li .column-task .task-item .task-head.has-desc .task-title{font-weight:600}.project-list .project-column>ul>li .column-task .task-item .task-desc{color:#999;line-height:20px;margin-top:10px;word-break:break-all}.project-list .project-column>ul>li .column-task .task-item .task-tags{margin-top:10px}.project-list .project-column>ul>li .column-task .task-item .task-users{align-items:center;display:flex;margin-top:10px}.project-list .project-column>ul>li .column-task .task-item .task-users>ul{align-items:center;display:flex;flex:1;margin-right:24px;overflow:auto;width:0}.project-list .project-column>ul>li .column-task .task-item .task-users>ul>li{height:32px;list-style:none;margin-left:-6px;width:32px}.project-list .project-column>ul>li .column-task .task-item .task-users>ul>li:first-child{margin-left:0}.project-list .project-column>ul>li .column-task .task-item .task-users>ul>li.no-owner{width:auto}.project-list .project-column>ul>li .column-task .task-item .task-users>ul>li.no-owner .ivu-btn-small{font-size:12px}.project-list .project-column>ul>li .column-task .task-item .task-users .task-icon{font-size:12px;margin-left:6px}.project-list .project-column>ul>li .column-task .task-item .task-users .task-icon .ivu-icon{font-size:14px;margin-left:1px}.project-list .project-column>ul>li .column-task .task-item .task-progress{align-items:center;display:flex;justify-content:flex-end;margin-top:10px}.project-list .project-column>ul>li .column-task .task-item .task-progress .task-sub-num{color:#777;font-size:12px;margin-right:8px}.project-list .project-column>ul>li .column-task .task-item .task-progress .task-time{align-items:center;background-color:#eaedf2;border-radius:3px;color:#777;display:flex;flex-shrink:0;font-size:12px;margin-left:18px;padding:1px 4px}.project-list .project-column>ul>li .column-task .task-item .task-progress .task-time.overdue{background-color:#ed4014;color:#fff;font-weight:600}.project-list .project-column>ul>li .column-task .task-item .task-progress .task-time.today{background-color:#f90;color:#fff;font-weight:500}.project-list .project-column>ul>li .column-task .task-item .task-progress .task-time .taskfont{font-size:12px;margin-right:3px}.project-list .project-column>ul>li .column-task .task-item .priority-color{border-radius:2px;height:42px;left:0;max-height:50%;position:absolute;top:12px;width:3px}.project-list .project-column>ul>li .column-task .task-item.additem{cursor:default;padding:0}.project-list .project-column>ul>li .column-task .task-item.complete{opacity:.5}.project-list .project-column>ul>li .column-task .task-item.complete:hover{opacity:.8}.project-list .project-column>ul>li .column-task .task-item.complete .task-head .task-title{text-decoration:line-through}.project-list .project-column>ul>li .column-task .task-item.complete .priority-color,.project-list .project-column>ul>li .column-task .task-item.complete .task-desc,.project-list .project-column>ul>li .column-task .task-item.complete .task-progress,.project-list .project-column>ul>li .column-task .task-item.complete .task-tags,.project-list .project-column>ul>li .column-task .task-item.complete .task-users,.project-list .project-column>ul>li .column-task .task-item.hidden{display:none}.project-list .project-table{height:100%;margin-top:18px;overflow-x:hidden;overflow-y:auto}.project-list .project-table .task-row{background-color:#fff;border-bottom:1px solid #f4f4f5;position:relative}.project-list .project-table .task-row>div{align-items:center;border-right:1px solid #f4f4f5;display:flex;padding:8px 12px}.project-list .project-table .task-row>div:first-child{padding-left:32px}.project-list .project-table .task-row>div:last-child{border-right:0}.project-list .project-table .task-row>div.complete .item-title{color:#aaa;text-decoration:line-through}.project-list .project-table .task-row .priority-color{bottom:-1px;left:0;position:absolute;top:0;width:3px}.project-list .project-table .project-table-body,.project-list .project-table .project-table-head{border:1px solid #f4f4f5;border-bottom:0;border-radius:5px;margin:0 32px 12px;overflow:hidden}.project-list .project-table .project-table-body.project-table-hide .task-rows,.project-list .project-table .project-table-head.project-table-hide .task-rows{display:none}.project-list .project-table .project-table-body.project-table-hide .row-title .taskfont,.project-list .project-table .project-table-head.project-table-hide .row-title .taskfont{transform:rotate(-90deg)}.project-list .project-table .project-table-head .task-row>div{color:#888;font-size:13px;font-weight:500}.project-list .project-table .project-table-body{transition:box-shadow .3s}.project-list .project-table .project-table-body:hover{box-shadow:0 0 10px #e6ecfa}.project-list .project-table .project-table-body .task-row>div{padding:10px 12px}.project-list .project-table .project-table-body .task-row>div.row-title{color:#333;font-size:14px;font-weight:500;padding-left:14px}.project-list .project-table .project-table-body .task-row>div.row-title .taskfont{cursor:pointer;font-size:12px;transition:transform .3s}.project-list .project-table .project-table-body .task-row>div.row-title .row-h1{padding-left:18px}.project-list .project-table .project-table-body .task-row>div.row-title .row-num{color:#999;padding-left:6px}.project-list .project-table .project-table-body .task-row>div.row-name{align-items:flex-start;line-height:24px;padding:12px 12px 12px 34px}.project-list .project-table .project-table-body .task-row>div.row-name .drop-icon{position:relative}.project-list .project-table .project-table-body .task-row>div.row-name .loading{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;top:0;width:16px}.project-list .project-table .project-table-body .task-row>div.row-name .loading .common-loading{height:14px;margin:0;width:14px}.project-list .project-table .project-table-body .task-row>div.row-name .ivu-icon{color:#ccc;cursor:pointer;font-size:16px}.project-list .project-table .project-table-body .task-row>div.row-name .ivu-icon.completed{color:#8bcf70}.project-list .project-table .project-table-body .task-row>div.row-name .ivu-icon.sub-icon{color:#cfcfcf;font-size:16px;height:16px;margin-left:-20px;margin-right:4px;margin-top:4px;transition:transform .2s;width:16px}.project-list .project-table .project-table-body .task-row>div.row-name .ivu-icon.sub-icon.active{transform:rotate(90deg)}.project-list .project-table .project-table-body .task-row>div.row-name .item-title{cursor:pointer;flex:1;padding:0 22px 0 8px}.project-list .project-table .project-table-body .task-row>div.row-name .item-icons{align-items:center;display:flex;flex-shrink:0;margin-left:4px}.project-list .project-table .project-table-body .task-row>div.row-name .item-icons .item-icon{color:#aaa;cursor:pointer;display:flex;font-size:12px;margin-left:16px}.project-list .project-table .project-table-body .task-row>div.row-name .item-icons .item-icon .taskfont{font-size:12px}.project-list .project-table .project-table-body .task-row>div.row-name .item-icons .item-icon>em{font-style:normal;margin-left:4px}.project-list .project-table .project-table-body .task-row>div.row-column .task-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list .project-table .project-table-body .task-row>div.row-priority .el-dropdown{align-items:center;display:flex;overflow:hidden}.project-list .project-table .project-table-body .task-row>div.row-user{padding:8px}.project-list .project-table .project-table-body .task-row>div.row-user>ul{height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list .project-table .project-table-body .task-row>div.row-user>ul>li{display:inline-block;list-style:none;margin-left:-6px}.project-list .project-table .project-table-body .task-row>div.row-user>ul>li:first-child{margin-left:0}.project-list .project-table .project-table-body .task-row>div.row-user>ul>li.no-owner{align-items:center;display:flex;height:32px}.project-list .project-table .project-table-body .task-row>div.row-time .task-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-list .project-table .project-table-body .task-row>div.row-time .task-time.overdue,.project-list .project-table .project-table-body .task-row>div.row-time .task-time.today{border-radius:3px;color:#fff;font-size:13px;padding:1px 5px}.project-list .project-table .project-table-body .task-row>div.row-time .task-time.overdue{background-color:#ed4014;font-weight:600}.project-list .project-table .project-table-body .task-row>div.row-time .task-time.today{background-color:#f90;font-weight:500}.project-list .project-table .project-table-body .task-rows .task-rows{overflow:hidden;position:relative}.project-list .project-table .project-table-body .task-rows .task-rows:before{box-shadow:0 0 8px 1px rgba(0,0,0,.08);content:"";left:0;position:absolute;right:0;top:0;z-index:1}.project-list .project-table .project-table-body .task-rows .task-rows .task-row{background-color:#fcfcfd}.project-list .project-table .project-table-body .task-rows .task-rows .task-row>div.row-name{padding-left:56px}.project-list .project-table .project-table-body .task-rows .task-rows .task-row>div.row-name .item-title{color:#6c7d8c}.project-list .project-table .project-table-body .task-rows .task-rows .task-add-row{background-color:#fcfcfd}.project-list .project-table .project-table-body .task-rows .task-rows .task-add-row>div.row-add{padding-left:56px}.project-list-more-dropdown-menu>li .item{align-items:center;display:flex}.project-list-more-dropdown-menu>li .item>i{color:#bbb;font-size:18px;height:18px;line-height:18px;margin-right:8px;padding:0;width:18px}.project-list-more-dropdown-menu>li .item>i.ivu-icon{font-size:16px}.project-log .log-title{display:none}.project-log.is-drawer{bottom:0;left:0;overflow:auto;padding:20px;position:absolute;right:0;top:0}.project-log.is-drawer .log-title{color:#333;font-size:20px;font-weight:500;line-height:1;margin-bottom:24px}.project-log .logs-activity{padding:12px;position:relative;word-break:break-all}.project-log .logs-activity>li{list-style:none;padding-top:0}.project-log .logs-activity>li.logs-loading,.project-log .logs-activity>li.logs-more,.project-log .logs-activity>li.logs-none{height:22px;line-height:22px}.project-log .logs-activity>li.logs-loading{display:flex}.project-log .logs-activity>li.logs-loading .common-loading{margin:0}.project-log .logs-activity>li.logs-more{cursor:pointer}.project-log .logs-activity>li.logs-more:hover{color:#048be0}.project-log .logs-activity>li.logs-none{color:#bbb;cursor:pointer}.project-log .logs-activity>li .logs-date{color:rgba(0,0,0,.36);padding-bottom:14px}.project-log .logs-activity>li .logs-section{margin:4px}.project-log .logs-activity>li .logs-section .ivu-timeline>li{padding-bottom:8px}.project-log .logs-activity>li .logs-section .ivu-timeline>li:last-child{padding-bottom:0}.project-log .logs-activity>li .logs-section .ivu-timeline>li .ivu-timeline-item-head-custom{margin-top:8px}.project-log .logs-activity>li .logs-dot{height:18px;margin-left:10px;width:18px}.project-log .logs-activity>li .logs-dot .avatar-box>em{transform-origin:bottom right}.project-log .logs-activity>li .log-summary>a,.project-log .logs-activity>li .log-summary>span{word-wrap:break-word;padding-right:6px;word-break:break-word}.project-log .logs-activity>li .log-summary .log-creator{color:rgba(0,0,0,.85)}.project-log .logs-activity>li .log-summary .log-text{color:rgba(0,0,0,.54)}.project-log .logs-activity>li .log-summary .log-time{color:rgba(0,0,0,.3);font-size:12px}.project-management{bottom:0;left:0;overflow:auto;padding:20px;position:absolute;right:0;top:0}.project-management .management-title{color:#333;font-size:20px;font-weight:500;line-height:1;margin-bottom:24px}.project-management .project-name{line-height:1}.project-management .project-name .ivu-tag{height:18px;line-height:18px;margin:0 -2px 0 0;padding:0 4px;transform:scale(.8);transform-origin:left bottom}.project-management .project-percent{line-height:1}.project-management .project-percent .ivu-progress{margin-top:2px}.task-add .task-add-advanced,.task-add .task-add-form{margin:0 0 -18px}.task-add .task-add-advanced .ivu-form-item-label,.task-add .task-add-form .ivu-form-item-label{font-weight:600}.task-add .task-add-advanced .teditor-box .tox-tinymce,.task-add .task-add-advanced .teditor-box .tox .tox-menubar+.tox-toolbar,.task-add .task-add-advanced .teditor-box .tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary,.task-add .task-add-advanced .teditor-box .tox .tox-statusbar,.task-add .task-add-advanced .teditor-box .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type),.task-add .task-add-form .teditor-box .tox-tinymce,.task-add .task-add-form .teditor-box .tox .tox-menubar+.tox-toolbar,.task-add .task-add-form .teditor-box .tox .tox-menubar+.tox-toolbar-overlord .tox-toolbar__primary,.task-add .task-add-form .teditor-box .tox .tox-statusbar,.task-add .task-add-form .teditor-box .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-color:#e8e8e8}.task-add .task-add-advanced .teditor-box .tox .tox-toolbar,.task-add .task-add-advanced .teditor-box .tox .tox-toolbar__overflow,.task-add .task-add-advanced .teditor-box .tox .tox-toolbar__primary,.task-add .task-add-form .teditor-box .tox .tox-toolbar,.task-add .task-add-form .teditor-box .tox .tox-toolbar__overflow,.task-add .task-add-form .teditor-box .tox .tox-toolbar__primary{background-image:none;border-bottom:1px solid #e8e8e8}.task-add .task-add-advanced .advanced-option,.task-add .task-add-form .advanced-option{align-items:center;display:flex;margin-top:-6px;z-index:1}.task-add .task-add-advanced .advanced-option>button,.task-add .task-add-form .advanced-option>button{transition:margin .2s}.task-add .task-add-advanced .advanced-option>button.advanced,.task-add .task-add-form .advanced-option>button.advanced{margin-left:22px}.task-add .task-add-advanced .advanced-option>button:focus,.task-add .task-add-form .advanced-option>button:focus{box-shadow:none}.task-add .task-add-advanced .advanced-option .advanced-priority,.task-add .task-add-form .advanced-option .advanced-priority{align-items:center;display:flex;height:34px;margin-left:24px}.task-add .task-add-advanced .advanced-option .advanced-priority>li,.task-add .task-add-form .advanced-option .advanced-priority>li{list-style:none;margin-left:3px}.task-add .task-add-advanced .advanced-option .advanced-priority>li .taskfont,.task-add .task-add-form .advanced-option .advanced-priority>li .taskfont{cursor:pointer;font-size:34px}.task-add .task-add-advanced{border:1px solid #e8e8e8;border-radius:8px;margin:1px 0 0;padding:34px 32px 6px}.task-add .task-add-advanced .subtasks{background-color:#f8f8f8;border-radius:6px;margin-bottom:24px;padding:12px 16px}.task-add .task-add-advanced .subtasks .enter-input.empty .ivu-input{background:transparent;border-color:transparent}.task-add .task-add-advanced .subtasks .enter-input.empty .ivu-input:focus,.task-add .task-add-advanced .subtasks .enter-input.empty .ivu-input:hover{box-shadow:none}.task-add .task-add-advanced .subtasks .sublist .ivu-row{margin-bottom:12px}.task-add .task-add-advanced .subtasks .sublist .ivu-row>div{padding-right:7px}.task-add .task-add-advanced .subtasks .sublist .ivu-row>div:last-child{padding-right:0}.task-add .task-add-advanced .ivu-date-picker{width:100%}.task-add-advanced-transfer .task-drop-prepend{border-bottom:1px solid #f1f1f1;color:#c5c8ce;font-size:12px;line-height:20px;margin-bottom:5px;padding-bottom:5px;text-align:center}.task-add-simple{padding:12px}.task-add-simple .ivu-input-wrapper{display:none}.task-add-simple .add-placeholder{color:#888;cursor:pointer;margin:-12px;padding:12px}.task-add-simple .add-placeholder .ivu-icon{margin-right:4px}.task-add-simple .add-placeholder:hover{color:#666}.task-add-simple .priority{align-items:center;display:none;margin-bottom:-3px;margin-top:10px;min-height:22px}.task-add-simple .priority>ul{align-items:center;display:flex;flex:1}.task-add-simple .priority>ul>li{list-style:none;margin-right:3px}.task-add-simple .priority>ul>li .taskfont{cursor:pointer;font-size:22px}.task-add-simple .priority .ivu-icon{cursor:pointer;font-size:16px}.task-add-simple.active .ivu-input-wrapper{display:block}.task-add-simple.active .add-placeholder{display:none}.task-add-simple.active .priority{display:flex}.task-add-row{background-color:#fff;border-bottom:1px solid #f4f4f5;position:relative}.task-add-row>div{border-right:1px solid #f4f4f5;display:flex;padding:8px 12px}.task-add-row>div:last-child{border-right:0}.task-add-row>div.row-add{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding-left:34px}.task-add-row>div.row-add .add-btn{cursor:pointer;display:block;opacity:.5;transition:opacity .3s}.task-add-row>div.row-add .add-btn .add-icon{font-size:16px;margin-right:8px}.task-add-row>div.row-add .add-btn:hover{opacity:1}.task-add-row>div.row-add .add-input{align-items:flex-start;background-color:#fff;border:1px solid #dcdee2;border-radius:4px;color:#515a6e;display:none}.task-add-row>div.row-add .add-input:hover{border-color:#57a3f3}.task-add-row>div.row-add .add-input textarea{border-color:transparent;resize:none}.task-add-row>div.row-add .add-input textarea:focus{box-shadow:none}.task-add-row>div.row-add .add-input .priority{align-items:center;display:flex;height:31px;margin:0 4px}.task-add-row>div.row-add .add-input .priority>ul{align-items:center;display:flex;flex:1}.task-add-row>div.row-add .add-input .priority>ul>li{list-style:none;margin-right:4px}.task-add-row>div.row-add .add-input .priority>ul>li .taskfont{cursor:pointer;font-size:17px}.task-add-row>div.row-add .add-input .priority .ivu-icon{cursor:pointer;font-size:15px;margin:0 5px 0 3px}.task-add-row>div.row-add.active{padding-bottom:7px;padding-top:7px}.task-add-row>div.row-add.active .add-btn{display:none}.task-add-row>div.row-add.active .add-input{display:flex}.task-archived{bottom:0;left:0;overflow:auto;padding:20px;position:absolute;right:0;top:0}.task-archived .archived-title{color:#333;font-size:20px;font-weight:500;line-height:1;margin-bottom:24px}.task-detail{display:flex;flex-direction:column;margin:0 -10px 30px}.task-detail .task-info{display:flex;flex:1;flex-direction:column;position:relative}.task-detail .task-info .head{align-items:center;color:#888;display:flex;height:40px;padding-bottom:10px;position:relative}.task-detail .task-info .head:before{background-color:#f4f5f5;bottom:0;content:"";height:1px;left:36px;position:absolute;right:0}.task-detail .task-info .head .icon{cursor:pointer;font-size:18px;width:18px}.task-detail .task-info .head .icon.completed{color:#8bcf70}.task-detail .task-info .head .nav{align-items:center;display:flex;flex:1;font-size:12px;padding-left:18px}.task-detail .task-info .head .nav>p{align-items:center;display:flex;padding-right:5px}.task-detail .task-info .head .nav>p:after{content:"/";padding-left:5px}.task-detail .task-info .head .nav>p:last-child:after{display:none}.task-detail .task-info .head .pick{margin-left:16px;margin-right:-16px}.task-detail .task-info .head .menu{cursor:pointer;font-size:22px;margin:0 32px}.task-detail .task-info .scroller{margin-left:36px;overflow-x:hidden;overflow-y:auto;padding-right:36px}.task-detail .task-info .scroller .title{margin-top:18px}.task-detail .task-info .scroller .title .ivu-input{border-color:transparent;font-size:24px;font-weight:500;line-height:1.4;padding:4px 0;resize:none}.task-detail .task-info .scroller .title .ivu-input:focus{box-shadow:none}.task-detail .task-info .scroller .desc{margin-top:10px}.task-detail .task-info .scroller .desc div[contenteditable=true]{outline:none}.task-detail .task-info .scroller .desc .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks):before{color:#bbb}.task-detail .task-info .scroller .items{margin-top:12px}.task-detail .task-info .scroller .items .ivu-form-item{margin-bottom:10px}.task-detail .task-info .scroller .items .item-label{align-items:center;color:#bbb;display:flex}.task-detail .task-info .scroller .items .item-label .taskfont{margin-right:4px}.task-detail .task-info .scroller .items .item-content{margin-left:12px;margin-top:5px}.task-detail .task-info .scroller .items .item-content>li{align-items:center;display:flex;line-height:26px;list-style:none}.task-detail .task-info .scroller .items .item-content>li .el-dropdown{cursor:pointer;display:flex}.task-detail .task-info .scroller .items .item-content>li .task-priority{padding:0 7px}.task-detail .task-info .scroller .items .item-content>li .picker-time{align-items:center;display:flex;line-height:26px}.task-detail .task-info .scroller .items .item-content>li .picker-time .time{cursor:pointer}.task-detail .task-info .scroller .items .item-content>li .picker-time .ivu-tag{height:20px;line-height:18px;margin-left:10px;padding:0 4px}.task-detail .task-info .scroller .items .item-content>li .picker-time .ivu-tag .ivu-tag-text{align-items:center;display:flex}.task-detail .task-info .scroller .items .item-content>li .picker-time .ivu-tag .ivu-tag-text .taskfont{font-size:14px;padding-right:3px;transform:scale(.9)}.task-detail .task-info .scroller .items .item-content.user{cursor:pointer;margin-top:1px}.task-detail .task-info .scroller .items .item-content.user .user-list>div{display:inline-block;margin-right:6px}.task-detail .task-info .scroller .items .item-content.file{margin-bottom:-3px}.task-detail .task-info .scroller .items .item-content.file>li{margin-bottom:2px}.task-detail .task-info .scroller .items .item-content.file>li .file-load{height:16px;margin:0;padding:2px;width:16px}.task-detail .task-info .scroller .items .item-content.file>li .file-ext{width:16px}.task-detail .task-info .scroller .items .item-content.file>li .file-name{color:#515a6e;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.task-detail .task-info .scroller .items .item-content.file>li .file-name:hover{color:#8bcf70}.task-detail .task-info .scroller .items .item-content.file>li .file-size{color:#bbb;flex-shrink:0;font-size:12px;height:24px;padding-left:10px}.task-detail .task-info .scroller .items .item-content.file>li .file-delete{padding-left:12px}.task-detail .task-info .scroller .items .item-content.file>li .file-delete .taskfont{color:#aaa;cursor:pointer;display:none;font-size:14px;transition:color .3s}.task-detail .task-info .scroller .items .item-content.file>li .file-delete .taskfont:hover{color:red}.task-detail .task-info .scroller .items .item-content.file>li .file-delete .taskfont.deling,.task-detail .task-info .scroller .items .item-content.file>li:hover .file-delete .taskfont{display:inline-block}.task-detail .task-info .scroller .items .item-content.subtask>li{align-items:flex-start;margin-bottom:4px}.task-detail .task-info .scroller .items .item-content.subtask>li:last-child{margin-bottom:-6px}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-icon{cursor:pointer;height:26px;line-height:26px;margin-right:6px;width:16px}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-icon .loading{height:16px;margin:0;padding:2px;width:16px}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-icon .ivu-icon{color:#ccc;font-size:16px}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-icon .ivu-icon.completed{color:#8bcf70}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-icon.sub-icon{color:#cfcfcf;font-size:16px;height:16px;margin-left:-20px;margin-right:4px;transition:transform .2s;width:16px}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-icon.sub-icon.active{transform:rotate(90deg)}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-name{display:flex;flex:1;margin-right:16px}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-name .ivu-input{border-color:transparent;line-height:20px;margin:-2px 0;padding:4px 0;resize:none}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-name .ivu-input:focus{box-shadow:none}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-time{margin-right:8px}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-time .time{cursor:pointer;font-size:13px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-time .time.overdue{color:#ed4014;font-weight:600}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-time .time.today{color:#f90;font-weight:500}.task-detail .task-info .scroller .items .item-content.subtask>li .subtask-avatar{cursor:pointer;height:26px;line-height:26px}.task-detail .task-info .scroller .items .item-content.subtask>li .ivu-icon-ios-loading{-webkit-animation:icon-loading-load .6s linear infinite;animation:icon-loading-load .6s linear infinite}.task-detail .task-info .scroller .items .item-content.nosub{margin-top:0}.task-detail .task-info .scroller .items .item-content.nosub>li .add-button,.task-detail .task-info .scroller .items .item-content.nosub>li .add-input{margin-top:-2px}.task-detail .task-info .scroller .add{margin-bottom:10px;margin-top:12px}.task-detail .task-info .scroller .add-input{margin-top:6px}.task-detail .task-info .scroller .add-button{align-items:center;color:#bbb;cursor:pointer;display:flex;height:32px;margin-top:6px}.task-detail .task-info .scroller .add-button>i{font-size:14px;padding-right:8px}.task-detail .task-info .scroller .add-button>em{font-style:normal;padding-left:4px}.task-detail .task-info .scroller .add-button>em:after{content:"/";padding-left:4px}.task-detail .task-info .scroller .add-button>em:last-child:after{display:none}.task-detail .task-info .scroller .add-button:hover{color:#999}.task-detail .task-info .upload{display:none}.task-detail .task-dialog{display:flex;flex:1;flex-direction:column;margin-top:22px;position:relative}.task-detail .task-dialog .head{align-items:center;color:#888;display:flex;height:40px;padding-bottom:10px;position:relative}.task-detail .task-dialog .head:before{background-color:#f4f5f5;bottom:0;content:"";height:1px;left:36px;position:absolute;right:0}.task-detail .task-dialog .head .icon{font-size:18px;width:18px}.task-detail .task-dialog .head .nav{align-items:center;color:#666;display:flex;flex:1;font-weight:500;padding-left:18px}.task-detail .task-dialog .head .nav>p{align-items:center;cursor:pointer;display:flex;margin-right:24px}.task-detail .task-dialog .head .nav>p.active{color:#555;cursor:default;font-size:16px;font-weight:600;margin-top:-2px}.task-detail .task-dialog .no-dialog{display:flex;flex:1;flex-direction:column}.task-detail .task-dialog .no-dialog .no-tip{display:none;flex:1;margin-left:36px}.task-detail .task-dialog .no-dialog .no-input{background-color:#f4f5f7;border-radius:10px;margin:32px 0 0 36px;padding:10px 12px}.task-detail .task-dialog .no-dialog .no-input .ivu-input{background-color:transparent;border:0;resize:none}.task-detail .task-dialog .no-dialog .no-input .ivu-input:focus{box-shadow:none}.task-detail .task-dialog .project-log{margin-left:36px}.task-detail .task-dialog .project-log .logs-activity{padding:22px 0 0}.task-detail .task-dialog .project-log .logs-activity>li{list-style:none;padding-top:0}.task-detail .task-dialog .project-log .logs-activity>li.logs-loading,.task-detail .task-dialog .project-log .logs-activity>li.logs-more,.task-detail .task-dialog .project-log .logs-activity>li.logs-none{height:59px;line-height:59px}.task-detail .task-dialog .project-log .logs-activity>li.logs-loading{align-items:center;display:flex}.task-detail .task-dialog .project-log .logs-activity>li.logs-loading .common-loading{height:22px;margin:0;width:22px}.task-detail .task-dialog .dialog-wrapper .dialog-scroller{padding:0 16px 0 32px}.task-detail .task-dialog .dialog-wrapper .dialog-footer{padding:0 14px 0 28px}.task-detail.open-dialog{flex-direction:row}.task-detail.open-dialog .task-info{overflow:auto}.task-detail.open-dialog .task-info .head .menu{margin:0 2px}.task-detail.open-dialog .task-dialog{margin:0 0 0 18px;max-width:450px;min-width:320px}.task-detail.open-dialog .task-dialog:before{background-color:#f4f5f5;bottom:0;content:"";left:0;position:absolute;top:0;width:1px;z-index:1}.task-detail.open-dialog .task-dialog .head:before{left:18px}.task-detail.open-dialog .task-dialog .head .icon:before{display:none}.task-detail.open-dialog .task-dialog .head .nav{padding-left:0}.task-detail.open-dialog .task-dialog .head .nav>p{margin-right:28px}.task-detail.open-dialog .task-dialog .head .nav>p.active{font-size:18px}.task-detail.open-dialog .task-dialog .no-dialog .no-tip{align-items:center;color:#999;display:flex;justify-content:center;margin-left:18px}.task-detail.open-dialog .task-dialog .no-dialog .no-input{margin:0 0 0 18px}.task-detail.open-dialog .task-dialog .dialog-wrapper{z-index:0}.task-detail.open-dialog .task-dialog .dialog-wrapper .dialog-footer{margin-bottom:0}.task-detail.open-dialog .task-dialog .project-log{background-color:#fff;bottom:0;left:0;margin-left:8px;overflow:auto;padding:8px;position:absolute;right:0;top:40px;z-index:1}.task-detail.open-dialog .task-dialog .project-log .logs-activity{padding:22px 0 0 10px}.task-detail.completed .task-info:before{color:#19be6b;content:"\f373";font-family:Ionicons,serif;font-size:72px;opacity:.2;pointer-events:none;position:absolute;right:13%;top:0;z-index:1}.task-detail-delete-file-popover{max-width:200px}.task-detail-delete-file-popover .buttons{margin-top:12px;text-align:right}.task-detail-delete-file-popover .buttons .ivu-btn-small{font-size:12px}.task-detail-avatar-buttons{margin-bottom:4px;margin-top:12px;position:absolute;right:14px;text-align:right;top:5px}.task-detail-avatar-buttons>button{font-size:12px;transform:scale(.9)}.task-priority{border-radius:3px;display:inline-block;font-size:13px;max-width:100%;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.team-management{bottom:0;left:0;overflow:auto;padding:20px;position:absolute;right:0;top:0}.team-management .management-title{color:#333;font-size:20px;font-weight:500;line-height:1;margin-bottom:24px}.team-management .team-email{align-items:center;display:flex}.team-management .team-email .ivu-tag{height:18px;line-height:18px;padding:0 4px;transform:scale(.8);transform-origin:right center} +@charset "UTF-8"; +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +.fade-in-linear-enter-active, +.fade-in-linear-leave-active { + transition: opacity 200ms linear; +} + +.fade-in-linear-enter, +.fade-in-linear-leave, +.fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-linear-enter-active, +.el-fade-in-linear-leave-active { + transition: opacity 200ms linear; +} + +.el-fade-in-linear-enter, +.el-fade-in-linear-leave, +.el-fade-in-linear-leave-active { + opacity: 0; +} + +.el-fade-in-enter-active, +.el-fade-in-leave-active { + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-fade-in-enter, +.el-fade-in-leave-active { + opacity: 0; +} + +.el-zoom-in-center-enter-active, +.el-zoom-in-center-leave-active { + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +.el-zoom-in-center-enter, +.el-zoom-in-center-leave-active { + opacity: 0; + transform: scaleX(0); +} + +.el-zoom-in-top-enter-active, +.el-zoom-in-top-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transform-origin: center top; +} + +.el-zoom-in-top-enter, +.el-zoom-in-top-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.el-zoom-in-bottom-enter-active, +.el-zoom-in-bottom-leave-active { + opacity: 1; + transform: scaleY(1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transform-origin: center bottom; +} + +.el-zoom-in-bottom-enter, +.el-zoom-in-bottom-leave-active { + opacity: 0; + transform: scaleY(0); +} + +.el-zoom-in-left-enter-active, +.el-zoom-in-left-leave-active { + opacity: 1; + transform: scale(1, 1); + transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); + transform-origin: top left; +} + +.el-zoom-in-left-enter, +.el-zoom-in-left-leave-active { + opacity: 0; + transform: scale(0.45, 0.45); +} + +.collapse-transition { + transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; +} + +.horizontal-collapse-transition { + transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; +} + +.el-list-enter-active, +.el-list-leave-active { + transition: all 1s; +} + +.el-list-enter, .el-list-leave-active { + opacity: 0; + transform: translateY(-30px); +} + +.el-opacity-transition { + transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +.el-avatar { + display: inline-block; + box-sizing: border-box; + text-align: center; + overflow: hidden; + color: #fff; + background: #C0C4CC; + width: 40px; + height: 40px; + line-height: 40px; + font-size: 14px; +} + +.el-avatar > img { + display: block; + height: 100%; + vertical-align: middle; +} + +.el-avatar--circle { + border-radius: 50%; +} + +.el-avatar--square { + border-radius: 4px; +} + +.el-avatar--icon { + font-size: 18px; +} + +.el-avatar--large { + width: 40px; + height: 40px; + line-height: 40px; +} + +.el-avatar--medium { + width: 36px; + height: 36px; + line-height: 36px; +} + +.el-avatar--small { + width: 28px; + height: 28px; + line-height: 28px; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover { + outline-width: 0; +} + +.el-tooltip__popper { + position: absolute; + border-radius: 4px; + padding: 10px; + z-index: 2000; + font-size: 14px; + line-height: 1.2; + min-width: 10px; + word-wrap: break-word; +} + +.el-tooltip__popper .popper__arrow, +.el-tooltip__popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.el-tooltip__popper .popper__arrow { + border-width: 6px; +} + +.el-tooltip__popper .popper__arrow::after { + content: " "; + border-width: 5px; +} + +.el-tooltip__popper[x-placement^="top"] { + margin-bottom: 12px; +} + +.el-tooltip__popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + border-top-color: #585E6A; + border-bottom-width: 0; +} + +.el-tooltip__popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -5px; + border-top-color: #585E6A; + border-bottom-width: 0; +} + +.el-tooltip__popper[x-placement^="bottom"] { + margin-top: 12px; +} + +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + border-top-width: 0; + border-bottom-color: #585E6A; +} + +.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -5px; + border-top-width: 0; + border-bottom-color: #585E6A; +} + +.el-tooltip__popper[x-placement^="right"] { + margin-left: 12px; +} + +.el-tooltip__popper[x-placement^="right"] .popper__arrow { + left: -6px; + border-right-color: #585E6A; + border-left-width: 0; +} + +.el-tooltip__popper[x-placement^="right"] .popper__arrow::after { + bottom: -5px; + left: 1px; + border-right-color: #585E6A; + border-left-width: 0; +} + +.el-tooltip__popper[x-placement^="left"] { + margin-right: 12px; +} + +.el-tooltip__popper[x-placement^="left"] .popper__arrow { + right: -6px; + border-right-width: 0; + border-left-color: #585E6A; +} + +.el-tooltip__popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -5px; + margin-left: -5px; + border-right-width: 0; + border-left-color: #585E6A; +} + +.el-tooltip__popper.is-dark { + background: #585E6A; + color: #FFFFFF; +} + +.el-tooltip__popper.is-light { + background: #FFFFFF; + border: 1px solid #585E6A; +} + +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow { + border-top-color: #585E6A; +} + +.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow::after { + border-top-color: #FFFFFF; +} + +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: #585E6A; +} + +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow::after { + border-bottom-color: #FFFFFF; +} + +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow { + border-left-color: #585E6A; +} + +.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow::after { + border-left-color: #FFFFFF; +} + +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow { + border-right-color: #585E6A; +} + +.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow::after { + border-right-color: #FFFFFF; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.el-popper .popper__arrow { + border-width: 6px; + filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); +} + +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px; +} + +.el-popper[x-placement^="top"] { + margin-bottom: 12px; +} + +.el-popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #EBEEF5; + border-bottom-width: 0; +} + +.el-popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + border-bottom-width: 0; +} + +.el-popper[x-placement^="bottom"] { + margin-top: 12px; +} + +.el-popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #EBEEF5; +} + +.el-popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} + +.el-popper[x-placement^="right"] { + margin-left: 12px; +} + +.el-popper[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #EBEEF5; + border-left-width: 0; +} + +.el-popper[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + border-left-width: 0; +} + +.el-popper[x-placement^="left"] { + margin-right: 12px; +} + +.el-popper[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #EBEEF5; +} + +.el-popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.el-popover { + position: absolute; + background: #FFFFFF; + min-width: 150px; + border-radius: 4px; + border: 1px solid #EBEEF5; + padding: 12px; + z-index: 2000; + color: #606266; + line-height: 1.4; + text-align: justify; + font-size: 14px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + word-break: break-all; +} + +.el-popover--plain { + padding: 18px 20px; +} + +.el-popover__title { + color: #303133; + font-size: 16px; + line-height: 1; + margin-bottom: 12px; +} + +.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover { + outline-width: 0; +} + +.el-popover:focus:active, .el-popover:focus { + outline-width: 0; +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +.el-button { + display: inline-block; + line-height: 1; + white-space: nowrap; + cursor: pointer; + background: #FFFFFF; + border: 1px solid #DCDFE6; + border-color: #DCDFE6; + color: #606266; + -webkit-appearance: none; + text-align: center; + box-sizing: border-box; + outline: none; + margin: 0; + transition: .1s; + font-weight: 500; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + padding: 12px 20px; + font-size: 14px; + border-radius: 4px; +} + +.el-button + .el-button { + margin-left: 10px; +} + +.el-button.is-round { + padding: 12px 20px; +} + +.el-button:hover, .el-button:focus { + color: #409EFF; + border-color: #c6e2ff; + background-color: #ecf5ff; +} + +.el-button:active { + color: #3a8ee6; + border-color: #3a8ee6; + outline: none; +} + +.el-button::-moz-focus-inner { + border: 0; +} + +.el-button [class*="el-icon-"] + span { + margin-left: 5px; +} + +.el-button.is-plain:hover, .el-button.is-plain:focus { + background: #FFFFFF; + border-color: #409EFF; + color: #409EFF; +} + +.el-button.is-plain:active { + background: #FFFFFF; + border-color: #3a8ee6; + color: #3a8ee6; + outline: none; +} + +.el-button.is-active { + color: #3a8ee6; + border-color: #3a8ee6; +} + +.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { + color: #C0C4CC; + cursor: not-allowed; + background-image: none; + background-color: #FFFFFF; + border-color: #EBEEF5; +} + +.el-button.is-disabled.el-button--text { + background-color: transparent; +} + +.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { + background-color: #FFFFFF; + border-color: #EBEEF5; + color: #C0C4CC; +} + +.el-button.is-loading { + position: relative; + pointer-events: none; +} + +.el-button.is-loading:before { + pointer-events: none; + content: ''; + position: absolute; + left: -1px; + top: -1px; + right: -1px; + bottom: -1px; + border-radius: inherit; + background-color: rgba(255, 255, 255, 0.35); +} + +.el-button.is-round { + border-radius: 20px; + padding: 12px 23px; +} + +.el-button.is-circle { + border-radius: 50%; + padding: 12px; +} + +.el-button--primary { + color: #FFFFFF; + background-color: #409EFF; + border-color: #409EFF; +} + +.el-button--primary:hover, .el-button--primary:focus { + background: #66b1ff; + border-color: #66b1ff; + color: #FFFFFF; +} + +.el-button--primary:active { + background: #3a8ee6; + border-color: #3a8ee6; + color: #FFFFFF; + outline: none; +} + +.el-button--primary.is-active { + background: #3a8ee6; + border-color: #3a8ee6; + color: #FFFFFF; +} + +.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { + color: #FFFFFF; + background-color: #a0cfff; + border-color: #a0cfff; +} + +.el-button--primary.is-plain { + color: #409EFF; + background: #ecf5ff; + border-color: #b3d8ff; +} + +.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { + background: #409EFF; + border-color: #409EFF; + color: #FFFFFF; +} + +.el-button--primary.is-plain:active { + background: #3a8ee6; + border-color: #3a8ee6; + color: #FFFFFF; + outline: none; +} + +.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { + color: #8cc5ff; + background-color: #ecf5ff; + border-color: #d9ecff; +} + +.el-button--success { + color: #FFFFFF; + background-color: #67C23A; + border-color: #67C23A; +} + +.el-button--success:hover, .el-button--success:focus { + background: #85ce61; + border-color: #85ce61; + color: #FFFFFF; +} + +.el-button--success:active { + background: #5daf34; + border-color: #5daf34; + color: #FFFFFF; + outline: none; +} + +.el-button--success.is-active { + background: #5daf34; + border-color: #5daf34; + color: #FFFFFF; +} + +.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { + color: #FFFFFF; + background-color: #b3e19d; + border-color: #b3e19d; +} + +.el-button--success.is-plain { + color: #67C23A; + background: #f0f9eb; + border-color: #c2e7b0; +} + +.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { + background: #67C23A; + border-color: #67C23A; + color: #FFFFFF; +} + +.el-button--success.is-plain:active { + background: #5daf34; + border-color: #5daf34; + color: #FFFFFF; + outline: none; +} + +.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { + color: #a4da89; + background-color: #f0f9eb; + border-color: #e1f3d8; +} + +.el-button--warning { + color: #FFFFFF; + background-color: #E6A23C; + border-color: #E6A23C; +} + +.el-button--warning:hover, .el-button--warning:focus { + background: #ebb563; + border-color: #ebb563; + color: #FFFFFF; +} + +.el-button--warning:active { + background: #cf9236; + border-color: #cf9236; + color: #FFFFFF; + outline: none; +} + +.el-button--warning.is-active { + background: #cf9236; + border-color: #cf9236; + color: #FFFFFF; +} + +.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { + color: #FFFFFF; + background-color: #f3d19e; + border-color: #f3d19e; +} + +.el-button--warning.is-plain { + color: #E6A23C; + background: #fdf6ec; + border-color: #f5dab1; +} + +.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { + background: #E6A23C; + border-color: #E6A23C; + color: #FFFFFF; +} + +.el-button--warning.is-plain:active { + background: #cf9236; + border-color: #cf9236; + color: #FFFFFF; + outline: none; +} + +.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { + color: #f0c78a; + background-color: #fdf6ec; + border-color: #faecd8; +} + +.el-button--danger { + color: #FFFFFF; + background-color: #F56C6C; + border-color: #F56C6C; +} + +.el-button--danger:hover, .el-button--danger:focus { + background: #f78989; + border-color: #f78989; + color: #FFFFFF; +} + +.el-button--danger:active { + background: #dd6161; + border-color: #dd6161; + color: #FFFFFF; + outline: none; +} + +.el-button--danger.is-active { + background: #dd6161; + border-color: #dd6161; + color: #FFFFFF; +} + +.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { + color: #FFFFFF; + background-color: #fab6b6; + border-color: #fab6b6; +} + +.el-button--danger.is-plain { + color: #F56C6C; + background: #fef0f0; + border-color: #fbc4c4; +} + +.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { + background: #F56C6C; + border-color: #F56C6C; + color: #FFFFFF; +} + +.el-button--danger.is-plain:active { + background: #dd6161; + border-color: #dd6161; + color: #FFFFFF; + outline: none; +} + +.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { + color: #f9a7a7; + background-color: #fef0f0; + border-color: #fde2e2; +} + +.el-button--info { + color: #FFFFFF; + background-color: #909399; + border-color: #909399; +} + +.el-button--info:hover, .el-button--info:focus { + background: #a6a9ad; + border-color: #a6a9ad; + color: #FFFFFF; +} + +.el-button--info:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} + +.el-button--info.is-active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; +} + +.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { + color: #FFFFFF; + background-color: #c8c9cc; + border-color: #c8c9cc; +} + +.el-button--info.is-plain { + color: #909399; + background: #f4f4f5; + border-color: #d3d4d6; +} + +.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { + background: #909399; + border-color: #909399; + color: #FFFFFF; +} + +.el-button--info.is-plain:active { + background: #82848a; + border-color: #82848a; + color: #FFFFFF; + outline: none; +} + +.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { + color: #bcbec2; + background-color: #f4f4f5; + border-color: #e9e9eb; +} + +.el-button--medium { + padding: 10px 20px; + font-size: 14px; + border-radius: 4px; +} + +.el-button--medium.is-round { + padding: 10px 20px; +} + +.el-button--medium.is-circle { + padding: 10px; +} + +.el-button--small { + padding: 9px 15px; + font-size: 12px; + border-radius: 3px; +} + +.el-button--small.is-round { + padding: 9px 15px; +} + +.el-button--small.is-circle { + padding: 9px; +} + +.el-button--mini { + padding: 7px 15px; + font-size: 12px; + border-radius: 3px; +} + +.el-button--mini.is-round { + padding: 7px 15px; +} + +.el-button--mini.is-circle { + padding: 7px; +} + +.el-button--text { + border-color: transparent; + color: #409EFF; + background: transparent; + padding-left: 0; + padding-right: 0; +} + +.el-button--text:hover, .el-button--text:focus { + color: #66b1ff; + border-color: transparent; + background-color: transparent; +} + +.el-button--text:active { + color: #3a8ee6; + border-color: transparent; + background-color: transparent; +} + +.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { + border-color: transparent; +} + +.el-button-group { + display: inline-block; + vertical-align: middle; +} + +.el-button-group::before, +.el-button-group::after { + display: table; + content: ""; +} + +.el-button-group::after { + clear: both; +} + +.el-button-group > .el-button { + float: left; + position: relative; +} + +.el-button-group > .el-button + .el-button { + margin-left: 0; +} + +.el-button-group > .el-button.is-disabled { + z-index: 1; +} + +.el-button-group > .el-button:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.el-button-group > .el-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.el-button-group > .el-button:first-child:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.el-button-group > .el-button:first-child:last-child.is-round { + border-radius: 20px; +} + +.el-button-group > .el-button:first-child:last-child.is-circle { + border-radius: 50%; +} + +.el-button-group > .el-button:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.el-button-group > .el-button:not(:last-child) { + margin-right: -1px; +} + +.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active { + z-index: 1; +} + +.el-button-group > .el-button.is-active { + z-index: 1; +} + +.el-button-group > .el-dropdown > .el-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--primary:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--primary:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--primary:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--success:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--success:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--success:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--warning:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--warning:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--warning:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--danger:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--danger:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--danger:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--info:first-child { + border-right-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--info:last-child { + border-left-color: rgba(255, 255, 255, 0.5); +} + +.el-button-group .el-button--info:not(:first-child):not(:last-child) { + border-left-color: rgba(255, 255, 255, 0.5); + border-right-color: rgba(255, 255, 255, 0.5); +} + +/* BEM support Func + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +/* Break-points + -------------------------- */ +/* Scrollbar + -------------------------- */ +/* Placeholder + -------------------------- */ +/* BEM + -------------------------- */ +/* Element Chalk Variables */ +/* Transition +-------------------------- */ +/* Color +-------------------------- */ +/* 53a8ff */ +/* 66b1ff */ +/* 79bbff */ +/* 8cc5ff */ +/* a0cfff */ +/* b3d8ff */ +/* c6e2ff */ +/* d9ecff */ +/* ecf5ff */ +/* Link +-------------------------- */ +/* Border +-------------------------- */ +/* Fill +-------------------------- */ +/* Typography +-------------------------- */ +/* Size +-------------------------- */ +/* z-index +-------------------------- */ +/* Disable base +-------------------------- */ +/* Icon +-------------------------- */ +/* Checkbox +-------------------------- */ +/* Radio +-------------------------- */ +/* Select +-------------------------- */ +/* Alert +-------------------------- */ +/* MessageBox +-------------------------- */ +/* Message +-------------------------- */ +/* Notification +-------------------------- */ +/* Input +-------------------------- */ +/* Cascader +-------------------------- */ +/* Group +-------------------------- */ +/* Tab +-------------------------- */ +/* Button +-------------------------- */ +/* cascader +-------------------------- */ +/* Switch +-------------------------- */ +/* Dialog +-------------------------- */ +/* Table +-------------------------- */ +/* Pagination +-------------------------- */ +/* Popup +-------------------------- */ +/* Popover +-------------------------- */ +/* Tooltip +-------------------------- */ +/* Tag +-------------------------- */ +/* Tree +-------------------------- */ +/* Dropdown +-------------------------- */ +/* Badge +-------------------------- */ +/* Card +--------------------------*/ +/* Slider +--------------------------*/ +/* Steps +--------------------------*/ +/* Menu +--------------------------*/ +/* Rate +--------------------------*/ +/* DatePicker +--------------------------*/ +/* Loading +--------------------------*/ +/* Scrollbar +--------------------------*/ +/* Carousel +--------------------------*/ +/* Collapse +--------------------------*/ +/* Transfer +--------------------------*/ +/* Header + --------------------------*/ +/* Footer +--------------------------*/ +/* Main +--------------------------*/ +/* Timeline +--------------------------*/ +/* Backtop +--------------------------*/ +/* Link +--------------------------*/ +/* Calendar +--------------------------*/ +/* Form +-------------------------- */ +/* Avatar +--------------------------*/ +/* Break-point +--------------------------*/ +.el-popper .popper__arrow, +.el-popper .popper__arrow::after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.el-popper .popper__arrow { + border-width: 6px; + filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); +} + +.el-popper .popper__arrow::after { + content: " "; + border-width: 6px; +} + +.el-popper[x-placement^="top"] { + margin-bottom: 12px; +} + +.el-popper[x-placement^="top"] .popper__arrow { + bottom: -6px; + left: 50%; + margin-right: 3px; + border-top-color: #EBEEF5; + border-bottom-width: 0; +} + +.el-popper[x-placement^="top"] .popper__arrow::after { + bottom: 1px; + margin-left: -6px; + border-top-color: #FFFFFF; + border-bottom-width: 0; +} + +.el-popper[x-placement^="bottom"] { + margin-top: 12px; +} + +.el-popper[x-placement^="bottom"] .popper__arrow { + top: -6px; + left: 50%; + margin-right: 3px; + border-top-width: 0; + border-bottom-color: #EBEEF5; +} + +.el-popper[x-placement^="bottom"] .popper__arrow::after { + top: 1px; + margin-left: -6px; + border-top-width: 0; + border-bottom-color: #FFFFFF; +} + +.el-popper[x-placement^="right"] { + margin-left: 12px; +} + +.el-popper[x-placement^="right"] .popper__arrow { + top: 50%; + left: -6px; + margin-bottom: 3px; + border-right-color: #EBEEF5; + border-left-width: 0; +} + +.el-popper[x-placement^="right"] .popper__arrow::after { + bottom: -6px; + left: 1px; + border-right-color: #FFFFFF; + border-left-width: 0; +} + +.el-popper[x-placement^="left"] { + margin-right: 12px; +} + +.el-popper[x-placement^="left"] .popper__arrow { + top: 50%; + right: -6px; + margin-bottom: 3px; + border-right-width: 0; + border-left-color: #EBEEF5; +} + +.el-popper[x-placement^="left"] .popper__arrow::after { + right: 1px; + bottom: -6px; + margin-left: -6px; + border-right-width: 0; + border-left-color: #FFFFFF; +} + +.el-dropdown { + display: inline-block; + position: relative; + color: #606266; + font-size: 14px; +} + +.el-dropdown .el-button-group { + display: block; +} + +.el-dropdown .el-button-group .el-button { + float: none; +} + +.el-dropdown .el-dropdown__caret-button { + padding-left: 5px; + padding-right: 5px; + position: relative; + border-left: none; +} + +.el-dropdown .el-dropdown__caret-button::before { + content: ''; + position: absolute; + display: block; + width: 1px; + top: 5px; + bottom: 5px; + left: 0; + background: rgba(255, 255, 255, 0.5); +} + +.el-dropdown .el-dropdown__caret-button.el-button--default::before { + background: rgba(220, 223, 230, 0.5); +} + +.el-dropdown .el-dropdown__caret-button:hover::before { + top: 0; + bottom: 0; +} + +.el-dropdown .el-dropdown__caret-button .el-dropdown__icon { + padding-left: 0; +} + +.el-dropdown__icon { + font-size: 12px; + margin: 0 3px; +} + +.el-dropdown .el-dropdown-selfdefine:focus:active, .el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) { + outline-width: 0; +} + +.el-dropdown-menu { + position: absolute; + top: 0; + left: 0; + z-index: 10; + padding: 10px 0; + margin: 5px 0; + background-color: #FFFFFF; + border: 1px solid #EBEEF5; + border-radius: 4px; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); +} + +.el-dropdown-menu__item { + list-style: none; + line-height: 36px; + padding: 0 20px; + margin: 0; + font-size: 14px; + color: #606266; + cursor: pointer; + outline: none; +} + +.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus { + background-color: #f4f5f7; + color: #606266; +} + +.el-dropdown-menu__item i { + margin-right: 5px; +} + +.el-dropdown-menu__item--divided { + position: relative; + margin-top: 6px; + border-top: 1px solid #EBEEF5; +} + +.el-dropdown-menu__item--divided:before { + content: ''; + height: 6px; + display: block; + margin: 0 -20px; + background-color: #FFFFFF; +} + +.el-dropdown-menu__item.is-disabled { + cursor: default; + color: #bbb; + pointer-events: none; +} + +.el-dropdown-menu--medium { + padding: 6px 0; +} + +.el-dropdown-menu--medium .el-dropdown-menu__item { + line-height: 30px; + padding: 0 17px; + font-size: 14px; +} + +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 6px; +} + +.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 6px; + margin: 0 -17px; +} + +.el-dropdown-menu--small { + padding: 6px 0; +} + +.el-dropdown-menu--small .el-dropdown-menu__item { + line-height: 27px; + padding: 0 15px; + font-size: 13px; +} + +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 4px; +} + +.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 4px; + margin: 0 -15px; +} + +.el-dropdown-menu--mini { + padding: 3px 0; +} + +.el-dropdown-menu--mini .el-dropdown-menu__item { + line-height: 24px; + padding: 0 10px; + font-size: 12px; +} + +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided { + margin-top: 3px; +} + +.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before { + height: 3px; + margin: 0 -10px; +} + +.el-dropdown-menu__item { + min-width: 100px; +} + +.el-dropdown-menu__item .item.red { + color: #f00; +} + +.el-dropdown-menu__item .item.red > i { + color: #f00; +} + +.el-dropdown-menu__item .item:hover.red > i { + color: #f00; +} + +.el-dropdown-menu__item--divided:before { + height: 5px; +} + +.el-tooltip__popper.is-light[x-placement^="bottom"] { + border-width: 0; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); +} + +.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow { + border-bottom-color: rgba(217, 217, 217, 0.5); +} + +@font-face { + font-family: zenicon; + src: url(../css/fonts/zenicon.woff2) format("woff2"); +} + +.ft.icon { + font-family: zenicon, serif; + line-height: 1; + letter-spacing: normal; + text-transform: none; + white-space: nowrap; + word-wrap: normal; + text-rendering: auto; + transform: scale(1.2); + transform-origin: 50% 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + speak: none; + direction: ltr; + -webkit-font-feature-settings: "liga"; + padding-left: 1px; +} + +.ft + .el-el-button, .ft + .ft, .ft + .z-confirm, .ft + .z-execute, .ft + .z-link, .ft + a { + margin-left: .6rem; +} + +.ft.l12 { + margin-left: 12px; +} + +.ft.r12 { + margin-right: 12px; +} + +.ft.hover { + cursor: pointer; +} + +.ft.hover:hover { + color: #0285d7; +} + +.ft.dark { + color: #0d0d0d; +} + +.ft.gray { + color: #666; +} + +.ft.yellow { + color: #f90; +} + +.ft.red { + color: #ed3f14; +} + +.ft.green { + color: #19be6b; +} + +.ft.blue { + color: #2d8cf0; +} + +.ft.center { + text-align: center; +} + +.ft.right { + text-align: right; +} + +.ft.bold { + font-weight: 700; +} + +.ft.underline { + text-decoration: underline; +} + +.ft.through { + text-decoration: line-through; +} + +.ft.italic { + font-style: italic; +} + +.ft.cursor { + cursor: pointer; +} + +.ft.h1 { + font-size: 1.3rem; +} + +.ft.h2 { + font-size: 1.2rem; +} + +.ft.h3 { + font-size: 1.1rem; +} + +.ft.h4 { + font-size: .9rem; +} + +.ft.h5 { + font-size: .8rem; +} + +@font-face { + font-family: 'taskfont'; + /* Project id 2583385 */ + src: url("../css/fonts/taskfont.woff2") format("woff2"), url("../css/fonts/taskfont.woff") format("woff"), url("../css/fonts/taskfont.ttf") format("truetype"); +} + +.taskfont { + font-family: "taskfont", "serif" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0.2px; + -moz-osx-font-smoothing: grayscale; +} + +.app-view-loading { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 99999; + background-color: rgba(255, 255, 255, 0.7); + display: flex; + align-items: center; + justify-content: center; +} + +.app-view-loading > div { + text-align: center; +} + +.app-view-loading > div > div { + color: #ccc; + margin: 0; + font: 11px verdana; + line-height: 16px; + text-transform: uppercase; + letter-spacing: 1px; +} + +.app-view-loading > div > span { + display: inline-block; + vertical-align: middle; + width: 8px; + height: 8px; + margin: 2px; + background: #007DB6; + border-radius: 8px; + animation: app-view-loadanim 1s infinite alternate; +} + +.app-view-loading > div > span:nth-of-type(2) { + background: #008FB2; + animation-delay: 0.2s; +} + +.app-view-loading > div > span:nth-of-type(3) { + background: #009B9E; + animation-delay: 0.4s; +} + +.app-view-loading > div > span:nth-of-type(4) { + background: #00A77D; + animation-delay: 0.6s; +} + +.app-view-loading > div > span:nth-of-type(5) { + background: #00B247; + animation-delay: 0.8s; +} + +.app-view-loading > div > span:nth-of-type(6) { + background: #5AB027; + animation-delay: 1.0s; +} + +.app-view-loading > div > span:nth-of-type(7) { + background: #A0B61E; + animation-delay: 1.2s; +} + +@keyframes app-view-loadanim { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.overlay-y { + overflow-y: overlay !important; + /* 滚动条美化 */ + /*滚动条滑块隐藏*/ + /*按下滚动条，颜色加深*/ + /*鼠标浮到容器上，让该容器的滚动条滑块显示*/ + /*鼠标浮到容器上，让该容器的滚动条滑块显示*/ + /*滚动条轨道*/ +} + +.overlay-y::-webkit-scrollbar { + width: 10px; + height: 10px; +} + +.overlay-y::-webkit-scrollbar-thumb { + border-radius: 10px; + background: rgba(0, 0, 0, 0); +} + +.overlay-y::-webkit-scrollbar-thumb:active { + border-radius: 10px; + background: rgba(0, 0, 0, 0.5); +} + +.overlay-y:hover::-webkit-scrollbar-thumb { + border: 2px solid transparent; + background: rgba(0, 0, 0, 0.2); + background-clip: content-box; +} + +.overlay-y:hover::-webkit-scrollbar-thumb:hover { + border-top-width: 0; + border-bottom-width: 0; +} + +.overlay-y::-webkit-scrollbar-track { + border-radius: 10px; + background: rgba(0, 0, 0, 0); +} + +.common-auto-tip { + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.common-circle { + border-radius: 50%; +} + +.common-circle .common-circle-path { + fill: transparent; +} + +.common-circle .common-circle-g-path-ring { + stroke: #8bcf70; +} + +.common-circle .common-circle-g-path-core { + fill: #8bcf70; + transform: scale(0.56); + transform-origin: 50%; +} + +.drawer-overlay { + position: fixed; + top: 0; + left: 0; + width: 0; + height: 0; + z-index: 1000; + box-sizing: border-box; + pointer-events: none; + background: rgba(0, 0, 0, 0.76); + outline: none; + opacity: 0; + display: flex; + flex-direction: column; + justify-content: flex-end; +} + +.drawer-overlay .overlay-mask { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1; +} + +.drawer-overlay .overlay-body { + display: flex; + flex-direction: column; + width: 100%; + height: 100%; + max-width: 100%; + max-height: 100%; + z-index: 2; +} + +.drawer-overlay .overlay-body .overlay-close { + flex-shrink: 0; + display: flex; + align-items: flex-end; + justify-content: flex-end; +} + +.drawer-overlay .overlay-body .overlay-close > a { + display: flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + color: #dbdbde; +} + +.drawer-overlay .overlay-body .overlay-close > a:hover { + color: #fff; +} + +.drawer-overlay .overlay-body .overlay-close > a .icon { + width: 24px; + height: 24px; +} + +.drawer-overlay .overlay-body .overlay-content { + flex: 1; + position: relative; + background: #fff; + border-radius: 18px 18px 0 0; + transform: translate(0, 15%) scale(0.98); + cursor: default; + opacity: 0; +} + +.drawer-overlay.overlay-visible { + pointer-events: auto; + opacity: 1; + width: 100%; + height: 100%; + transition: opacity 0.2s ease; +} + +.drawer-overlay.overlay-visible .overlay-body .overlay-content { + opacity: 1; + transform: translate(0, 0) scale(1); + transition: opacity 0.2s ease, transform 0.3s ease; +} + +.drawer-overlay.overlay-hide { + width: 100%; + height: 100%; + transition: opacity 0.2s ease; +} + +.drawer-overlay.overlay-hide .overlay-body .overlay-content { + transform: translate(0, 15%) scale(0.98); + transition: opacity 0.2s ease, transform 0.2s ease; +} + +.drawer-overlay.right { + flex-direction: row; + justify-content: flex-end; +} + +.drawer-overlay.right .overlay-body { + flex-direction: row; +} + +.drawer-overlay.right .overlay-body .overlay-close { + align-items: flex-start; +} + +.drawer-overlay.right .overlay-body .overlay-content { + transform: translate(15%, 0) scale(0.98); + border-radius: 18px 0 0 18px; +} + +.drawer-overlay.right.overlay-visible .overlay-body .overlay-content { + transform: translate(0, 0) scale(1); +} + +.drawer-overlay.right.overlay-hide .overlay-body .overlay-content { + transform: translate(15%, 0) scale(0.98); +} + +.img-upload-modal .ivu-modal-mask { + z-index: 1001; +} + +.img-upload-modal .ivu-modal-no-mask { + background-color: rgba(55, 55, 55, 0.2); +} + +.img-upload-modal .ivu-modal-wrap { + z-index: 1001; +} + +.imgcomp-upload-list { + display: inline-block; + width: 60px; + height: 60px; + text-align: center; + line-height: 60px; + border: 1px solid transparent; + border-radius: 4px; + overflow: hidden; + background: #fff; + position: relative; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); + margin-right: 4px; + vertical-align: top; +} + +.imgcomp-upload-list .imgcomp-upload-img { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-position: center; + background-size: cover; +} + +.imgcomp-upload-list .imgcomp-upload-list-cover { + display: none; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.6); +} + +.imgcomp-upload-list .imgcomp-upload-list-cover i { + color: #fff; + font-size: 24px; + cursor: pointer; + vertical-align: middle; + margin: 0; + transition: all .2s; +} + +.imgcomp-upload-list .imgcomp-upload-list-cover i:hover { + font-size: 28px; +} + +.imgcomp-upload-list .ivu-progress { + height: 100%; +} + +.imgcomp-upload-list .ivu-progress .ivu-progress-outer { + background-color: rgba(0, 0, 0, 0.68); + height: 100%; +} + +.imgcomp-upload-list .ivu-progress .ivu-progress-outer .ivu-progress-inner { + width: 88%; + margin: 0 auto; +} + +.imgcomp-upload-list:hover .imgcomp-upload-list-cover { + display: block; +} + +.img-upload-foot { + display: flex; + align-items: center; + justify-content: flex-end; +} + +.img-upload-foot .img-upload-foot-input { + flex: 1; + text-align: left; + display: flex; + align-items: center; + justify-content: flex-end; +} + +.img-upload-foot .img-upload-foot-input .img-upload-foot-httptitle { + cursor: pointer; + padding-left: 3px; + margin-right: 22px; +} + +.add-box { + width: 60px; + height: 60px; + line-height: 60px; + display: inline-block; + background: #fff; + border: 1px dashed #dddee1; + border-radius: 4px; + text-align: center; + position: relative; + overflow: hidden; + vertical-align: top; +} + +.add-box .add-box-icon i { + vertical-align: middle; + padding-bottom: 2px; +} + +.add-box .add-box-upload { + display: none; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + color: #ffffff; + padding-top: 9px; + background: rgba(0, 0, 0, 0.6); +} + +.add-box .add-box-upload .add-box-item { + height: 22px; + line-height: 22px; + cursor: pointer; +} + +.add-box .add-box-upload .add-box-item .ivu-upload-drag, .add-box .add-box-upload .add-box-item .ivu-upload-drag:hover { + background: transparent; + border: 0; + border-radius: 0; +} + +.add-box .add-box-upload .add-box-item span { + transition: all .2s; + font-size: 12px; +} + +.add-box .add-box-upload .add-box-item:hover span { + font-size: 14px; +} + +.add-box em { + font-style: normal; +} + +.add-box:hover { + border-color: rgba(0, 0, 0, 0.6); +} + +.add-box:hover .add-box-upload { + display: block; +} + +.callback-add-box { + display: block; + width: auto; + height: 25px; + line-height: 25px; + border: 0; + background: transparent; +} + +.callback-add-box .add-box-icon { + display: none; +} + +.callback-add-box .add-box-upload { + display: block; + width: auto; + background: transparent; + color: #333; + padding: 0; +} + +.callback-add-box .add-box-upload > div { + display: inline-block; + padding-right: 10px; +} + +.browse-load { + margin: 20px; + text-align: center; +} + +.browse-list { + max-height: 540px; + overflow: auto; +} + +.browse-list .browse-item { + margin: 10px 15px; + display: inline-block; + text-align: center; + cursor: pointer; + position: relative; +} + +.browse-list .browse-item .browse-img { + width: 64px; + height: 64px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKoAAABxCAAAAABg5GeyAAACW0lEQVR4Ae3XVRLjMBAE0L3/rSwKM3OcSNPyLVYOLvM6UD0Bd03LVe9XH+RlhlRSSSWVVFJJJZVUUkkllVRSSSWVVFJJJZVUUkl9WyqppJJKKqmkkgpURP17xngOAR5NxW5wlJ9MaLQh83F4NHWmd/gZtdVBaOldfDB1bq5UpJFbFOC6LKnYrkRO209PAw+hIuzWB8Ep5es8HvYo4z4tE1X8UeRwlMM2D5Bzkc7kj6Bi3VTKDDwEeUcrMxrUvGDXTnHa6kK69SDN9sgq1clxKSbNHqqnYmdri81Q9QHf1JPt1Frncaib2XbiTKL2GkHaurnY9LOulMV0O7G6Kw+g9sw2ohhm62KezVJaaufjWC1TnOkr1exilJ7Ji0vxCCqO9V4UwV4PYr9+apouhGYLKfnahdpqegjmeoXOpXgANe70pKT6Zhu19qkY2nC0PZS527lQOyInqr8Uvc5jqfUb1X+PGh5IhW90S2quh3FQC2XRcF66TUkTXPcLKm5FtdR9RJq+2hWII7UpFtmsQLEyzsdJtkxxpr6gLotbUSlV9yeT0Trmzk2XPdUThLYarUbWOY9j04xXQ2u+pMZLYSumGmNUH3HbM9qOAwSHodN2Pks25F2j3aI7+IxqNsB+YLWb16ukSjiW4xNB0gMoMfApBS/XZQgi3p9/5RsiKNKZEOwYFVIF5VyTyD19sbyjIJiNJRZxpNbx2S8sGKvGZNHJBniBu9Wy5WxjGuQFqIAcBHiRGyt4ua5gSCWVVFJJJZVUUkkllVRSSSWVVFJJJZVUUkkllVRSSSWVVFI/AgO0SXIVYHeGAAAAAElFTkSuQmCC); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.browse-list .browse-item .browse-title { + display: block; + width: 64px; + margin-top: 5px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.browse-list .browse-item .browse-icon { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 64px; + font-size: 36px; + padding-top: 15px; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); +} + +.browse-list-disabled { + position: relative; +} + +.browse-list-disabled:after { + position: absolute; + content: ''; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(255, 255, 255, 0.9); + z-index: 1; +} + +.common-loading { + transform-origin: center center; + width: 30px; + height: 30px; + max-width: 100%; + max-height: 100%; + margin: auto; + overflow: hidden; + animation: rotate 2s linear infinite; +} + +.common-loading .common-path { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + stroke-linecap: round; + animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; +} + +@keyframes rotate { + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn); + } +} + +@keyframes dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -35; + } + to { + stroke-dasharray: 89, 200; + stroke-dashoffset: -124; + } +} + +@keyframes color { + 0%, to { + stroke: #d62d20; + } + 40% { + stroke: #0057e7; + } + 66% { + stroke: #008744; + } + 80%, 90% { + stroke: #ffa700; + } +} + +.app-scroller-y { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow-x: hidden; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.app-scroller-y .app-scroller-bottom { + height: 0; + margin: 0; + padding: 0; +} + +.app-scroller-y.static { + position: static; + flex: 1; +} + +.common-spinner { + display: none; + position: fixed; + z-index: 9999; + bottom: 20px; + right: 20px; + margin: 0 auto; + width: 30px; + height: 30px; +} + +.common-spinner .common-circular { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + width: 100%; + height: 100%; +} + +.teditor-box .tox.tox-silver-sink, +.teditor-transfer .tox.tox-silver-sink { + z-index: 13000; +} + +.teditor-bginput { + position: absolute; + top: 0; + left: 0; + opacity: 0; + width: 0; + height: 0; + z-index: -999; +} + +.teditor-box { + position: relative; + min-height: 22px; +} + +.teditor-box .icon-inline { + color: #bbbbbb; + position: absolute; + left: 0; + top: 0; +} + +.teditor-box textarea { + opacity: 0; +} + +.teditor-box .tox-tinymce { + box-shadow: none; + box-sizing: border-box; + border-color: #dddee1; + border-radius: 4px; + overflow: hidden; +} + +.teditor-box .tox-tinymce .tox-statusbar span.tox-statusbar__branding a { + display: none; +} + +.teditor-transfer { + background-color: #ffffff; +} + +.teditor-transfer .tox-toolbar > div:last-child > button:last-child { + margin-right: 64px; +} + +.teditor-transfer .ivu-modal-header { + display: none; +} + +.teditor-transfer .ivu-modal-close { + top: 7px; + z-index: 2; +} + +.teditor-transfer .teditor-transfer-body { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 0; + margin: 0; +} + +.teditor-transfer .teditor-transfer-body textarea { + opacity: 0; +} + +.teditor-transfer .teditor-transfer-body .tox-tinymce { + border: 0; +} + +.teditor-transfer .teditor-transfer-body .tox-tinymce .tox-statusbar span.tox-statusbar__branding a { + display: none; +} + +.teditor-loadstyle { + width: 100%; + height: 180px; + overflow: hidden; + position: relative; +} + +.teditor-loadedstyle { + width: 100%; + max-height: inherit; + overflow: inherit; + position: relative; +} + +.upload-control { + display: none; + width: 0; + height: 0; + overflow: hidden; +} + +.tox-tinymce-inline { + z-index: 100000; +} + +.quick-edit { + display: flex; + align-items: center; + max-width: 100%; +} + +.quick-edit .quick-input { + flex: 1; + max-width: 100%; + position: relative; +} + +.quick-edit .quick-input .quick-loading { + position: absolute; + top: 0; + right: 8px; + bottom: 0; + display: flex; + align-items: center; +} + +.quick-edit .quick-input .quick-loading .common-loading { + margin: 0; + width: 14px; + height: 14px; +} + +.quick-edit .quick-text { + overflow: hidden; + text-overflow: ellipsis; + align-items: center; + white-space: nowrap; + height: 20px; + line-height: 20px; + margin-right: 6px; +} + +.quick-edit .quick-icon { + display: none; + font-size: 16px; + cursor: pointer; +} + +.quick-edit.quick-always .quick-icon { + display: inline-block; + opacity: 0.3; + transition: opacity 0.2s; +} + +.quick-edit:hover .quick-icon { + display: inline-block; + opacity: 1; +} + +.ivu-table-row-hover .quick-edit .quick-icon { + display: inline-block; + opacity: 1; +} + +.common-tag-input { + display: inline-block; + width: 100%; + min-height: 32px; + padding: 2px 7px; + border: 1px solid #dddee1; + border-radius: 4px; + color: #495060; + background: #fff; + position: relative; + cursor: text; + vertical-align: middle; + line-height: normal; + transition: all .2s; +} + +.common-tag-input:hover { + border-color: #a2d98d; +} + +.common-tag-input.focus { + border-color: #a2d98d; + box-shadow: 0 0 0 2px rgba(139, 207, 112, 0.2); +} + +.common-tag-input .tags-item, .common-tag-input .tags-input { + position: relative; + float: left; + color: #495060; + background-color: #f1f8ff; + border-radius: 3px; + line-height: 22px; + margin: 2px 6px 2px 0; + padding: 0 20px 0 6px; +} + +.common-tag-input .tags-item .tags-content, .common-tag-input .tags-input .tags-content { + line-height: 22px; +} + +.common-tag-input .tags-item .tags-del, .common-tag-input .tags-input .tags-del { + width: 20px; + height: 22px; + text-align: center; + cursor: pointer; + position: absolute; + top: -1px; + right: 0; +} + +.common-tag-input .tags-input { + max-width: 80%; + padding: 0; + background-color: inherit; + border: none; + color: inherit; + height: 22px; + line-height: 22px; + -webkit-appearance: none; + outline: none; + resize: none; + overflow: hidden; +} + +.common-tag-input .tags-input::placeholder { + color: #bbbbbb; +} + +.common-tag-input .tags-placeholder { + position: absolute; + left: 0; + top: 0; + z-index: -1; + color: rgba(255, 255, 255, 0); +} + +.common-tag-input::after { + content: ""; + display: block; + height: 0; + clear: both; +} + +.ivu-form-item-error .common-tag-input { + border-color: #ed4014; +} + +.ivu-form-item-error .common-tag-input:hover { + border-color: #ed4014; +} + +.ivu-form-item-error .common-tag-input.focus { + border-color: #ed4014; + box-shadow: 0 0 0 2px rgba(237, 64, 20, 0.2); +} + +.common-avatar { + position: relative; +} + +.common-avatar.avatar-wrapper { + display: flex; + align-items: center; +} + +.common-avatar.avatar-wrapper .avatar-box { + position: relative; + border-radius: 50%; + display: flex; + align-items: center; +} + +.common-avatar.avatar-wrapper .avatar-box .avatar-default { + background-color: transparent; +} + +.common-avatar.avatar-wrapper .avatar-box .avatar-text { + background-color: #8bcf70; +} + +.common-avatar.avatar-wrapper .avatar-box .avatar-text > span { + display: inline-block; + font-size: 15px; + line-height: 1; +} + +.common-avatar.avatar-wrapper .avatar-box > em { + position: absolute; + right: 0; + bottom: 0; + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #ff9900; + border: 1px solid #ffffff; + transform-origin: right bottom; + z-index: 1; +} + +.common-avatar.avatar-wrapper .avatar-box.online > em { + background-color: #8bcf70; +} + +.common-avatar.avatar-wrapper .avatar-name { + padding-left: 8px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.common-avatar-transfer { + padding: 4px 2px; + line-height: 1.5; +} + +.common-avatar-transfer > p { + padding: 1px 2px; +} + +.common-avatar-transfer .avatar-icons { + margin-top: 12px; + border-top: 1px solid rgba(244, 244, 245, 0.5); + padding: 8px 0 2px; + display: flex; + align-items: center; +} + +.common-avatar-transfer .avatar-icons > i { + cursor: pointer; + font-size: 22px; + margin-right: 12px; + color: #F4F4F5; +} + +.common-avatar-transfer .avatar-icons > i:last-child { + margin-right: 0; +} + +.common-avatar-transfer .avatar-icons > i:hover { + color: #ffffff; +} + +.common-user { + position: relative; + white-space: normal; +} + +.common-user .common-user-loading { + position: absolute; + top: 2px; + bottom: 0; + right: 10px; + display: flex; + align-items: center; +} + +.common-user .common-user-loading .common-loading { + width: 14px; + height: 14px; +} + +.common-user.hidden-input .ivu-select-selection { + padding: 0 4px; +} + +.common-user.hidden-input .ivu-select-selection .ivu-select-input { + display: none; +} + +.common-user-transfer .user-input-option { + display: flex; + align-items: center; +} + +.common-user-transfer .user-input-option .user-input-avatar { + display: flex; + align-items: center; +} + +.common-user-transfer .user-input-option .user-input-avatar .avatar { + width: 26px; + height: 26px; +} + +.common-user-transfer .user-input-option .user-input-nickname { + margin-left: 10px; + flex: 1; +} + +.common-user-transfer .user-input-option .user-input-userid { + margin-left: 10px; + font-size: 12px; + color: #cccccc; + transition: margin 0.1s; +} + +.common-user-transfer .ivu-select-item.ivu-select-item-selected:after { + top: 8px; +} + +.common-user-transfer .ivu-select-item.ivu-select-item-selected .user-input-option .user-input-userid { + margin-right: 16px; +} + +.common-user-transfer .user-drop-prepend { + text-align: center; + color: #c5c8ce; + line-height: 20px; + padding-bottom: 5px; + font-size: 12px; + border-bottom: 1px solid #f1f1f1; + margin-bottom: 5px; +} + +body { + overflow: hidden; +} + +body .ivu-input, +body .ivu-select-selection { + border-color: #e8e8e8; +} + +body .ivu-select-dropdown { + max-height: 360px; +} + +body .ivu-select-dropdown.select-node .ivu-select-item { + display: flex; + align-items: center; + justify-content: space-between; +} + +body .ivu-select-dropdown.select-node .ivu-select-item .option-title { + flex: 1; +} + +body .ivu-select-dropdown.select-node .ivu-select-item .ivu-tag { + margin-left: 18px; + margin-right: 0; + transform: scale(0.9); + transform-origin: right center; +} + +body .ivu-tooltip-popper .ivu-tooltip-inner { + white-space: normal; +} + +body .ivu-table table { + width: 100% !important; +} + +body .ivu-table table .ivu-table-cell { + padding-left: 12px; + padding-right: 12px; +} + +body .ivu-table table thead .ivu-table-cell { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +body .ivu-table table tbody .tree-icon-loading .ivu-table-cell { + display: flex; + align-items: center; +} + +body .ivu-table table tbody .tree-icon-loading .ivu-table-cell .ivu-table-cell-tree { + margin-right: 6px; +} + +body .ivu-table .td-ellipsis { + display: flex; + align-items: center; + max-width: 100%; +} + +body .ivu-table .td-ellipsis .remark-text { + overflow: hidden; + text-overflow: ellipsis; + align-items: center; + white-space: nowrap; + height: 20px; + line-height: 20px; + margin-right: 6px; +} + +body .ivu-table .td-ellipsis .remark-icon { + display: none; + font-size: 16px; + cursor: pointer; +} + +body .ivu-table .td-ellipsis .remark-tag { + display: inline-block; + height: 22px; + line-height: 22px; + margin: 2px 4px 2px 0; + border: 1px solid #e8eaec; + border-radius: 3px; + background: #f7f7f7; + font-size: 12px; + vertical-align: middle; + opacity: 1; + color: #515a6e; + padding: 0 4px; + white-space: nowrap; + overflow: visible; +} + +body .ivu-table .td-ellipsis .remark-tag.pointer-tag { + cursor: pointer; + color: #1890ff; + background: #e6f7ff; + border-color: #91d5ff; +} + +body .ivu-table .td-ellipsis .icon-tooltip .ivu-tooltip-rel { + display: flex; + align-items: center; +} + +body .ivu-table .td-action { + max-width: 100%; + display: flex; + align-items: center; + justify-content: center; +} + +body .ivu-table .td-action .td-action-container { + flex-shrink: 0; +} + +body .ivu-table .td-action .td-action-container a { + font-size: 12px; + padding: 0 5px; +} + +body .ivu-table .td-action .td-action-container.td-action-menu { + display: flex; + align-items: center; +} + +body .ivu-table .td-action .td-action-container.td-action-menu .menu-dropdown { + display: flex; +} + +body .ivu-table .td-action .td-action-container.td-action-menu .menu-icon { + cursor: pointer; + font-size: 21px; + padding: 0 6px; +} + +body .ivu-table .ivu-table-row-hover:hover .td-ellipsis .remark-icon { + display: inline-block; +} + +body .ivu-table:before { + background-color: #efefef; +} + +body .ivu-modal-wrap { + overflow: overlay; +} + +body .ivu-modal-wrap .ivu-modal { + top: 100px; + padding-bottom: 100px; +} + +@media (max-height: 900px) { + body .ivu-modal-wrap .ivu-modal { + top: 35px; + padding-bottom: 35px; + } +} + +body .ivu-modal-wrap .ivu-modal.ivu-modal-fullscreen { + top: 0; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-header, +body .ivu-modal-wrap .ivu-modal .ivu-modal-footer { + border-color: transparent; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-header { + padding: 22px 24px 20px; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-header .ivu-modal-header-inner { + font-size: 18px; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-body { + padding: 16px 32px 2px; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-footer { + padding: 20px 30px 22px; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-footer .ivu-btn { + height: 34px; + line-height: 32px; + min-width: 94px; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-content { + border-radius: 18px; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close { + font-size: 38px; + top: 3px; + right: 2px; + transition: all 0.2s; +} + +body .ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close:hover .ivu-icon-ios-close { + transform: rotate(-90deg); +} + +body .ivu-modal-wrap .ivu-modal-confirm { + padding: 6px 0 20px; +} + +body .ivu-modal-wrap .ivu-modal-confirm .ivu-modal-confirm-body > div { + word-break: break-all; +} + +body .ivu-modal-wrap .form-network-add-tabs .ivu-tabs-tabpane { + padding: 10px 6px 0; +} + +body .ivu-modal-wrap .form-network-add-in-out { + padding: 0 6px; +} + +body .ivu-modal-wrap .form-network-add-in-out .select-in-type span.ivu-radio { + display: none; +} + +body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item-checked { + color: #8bcf70; + border: 1px solid #8bcf70 !important; +} + +body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item { + display: flex; + align-items: center; + min-width: 90px; + border: 1px solid #E8EBEE; + border-radius: 4px; + padding: 0 12px; + margin: 0 8px 0 0; +} + +body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item > span { + flex: 1; +} + +body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item:hover { + cursor: pointer; +} + +body .ivu-modal-wrap .form-network-add-in-out .select-in-type .select-in-type-item .select-in-type-icon { + margin-left: 12px; +} + +body .ivu-modal-wrap .form-network-add-in-out .select-in-node { + margin-top: 18px; +} + +body .ivu-progress { + display: flex; + align-items: center; +} + +body .ivu-progress .ivu-progress-outer { + display: flex; + align-items: center; +} + +body .ivu-progress.ivu-progress-show-info .ivu-progress-outer { + margin: 0; + padding: 0; +} + +body .ivu-progress.ivu-progress-show-info .ivu-progress-text { + flex-shrink: 0; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +body .ivu-drawer-right .ivu-drawer-content { + border-radius: 18px 0 0 18px; +} + +body .ivu-drawer-right .ivu-drawer-content .ivu-drawer-header { + padding-top: 16px; + padding-bottom: 6px; + border-bottom: 1px solid transparent; +} + +body .ivu-drawer-right .ivu-drawer-content .ivu-drawer-header .ivu-drawer-header-inner { + font-size: 18px; + padding: 0 4px; + height: 32px; + line-height: 32px; +} + +body .ivu-drawer-right .ivu-drawer-content .ivu-drawer-body { + padding: 10px 20px; +} + +body .ivu-drawer-bottom .ivu-drawer-content { + border-radius: 18px 18px 0 0; +} + +body .ivu-drawer-bottom .ivu-drawer-content .ivu-drawer-close { + top: -40px; +} + +body .ivu-drawer-bottom .ivu-drawer-content .ivu-drawer-close .ivu-icon { + font-size: 40px; + color: #ffffff; +} + +*[hidden="hidden"] { + display: none !important; +} + +.clearfix { + *zoom: 1; +} + +.clearfix:after, .clearfix:before { + display: table; + content: ""; +} + +.clearfix:after { + clear: both; +} + +.page-container { + text-align: center; + padding: 20px 0; +} + +.search-container { + margin-bottom: 24px; +} + +.search-container > ul { + display: flex; + align-items: flex-end; +} + +.search-container > ul > li { + flex: 1; + flex-shrink: 0; + margin-right: 12px; + list-style: none; + display: flex; + flex-direction: column; +} + +.search-container > ul > li:last-child { + margin-right: 0; +} + +.search-container > ul > li .search-label { + font-weight: 600; +} + +.search-container > ul > li .search-content { + margin-top: 6px; +} + +.search-container > ul > li.search-button { + flex: none; +} + +.search-container.auto { + display: flex; +} + +.search-container.auto > ul > li:not(.search-button) { + min-width: 180px; +} + +.icon-loading { + animation: icon-loading-load 0.6s infinite linear; +} + +@keyframes icon-loading-load { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +.page-calendar { + display: flex; + flex-direction: column; +} + +.page-calendar .calendar-head { + flex-shrink: 0; + display: flex; + align-items: flex-start; + margin: 32px 32px 16px; + border-bottom: 1px solid #F4F4F5; +} + +.page-calendar .calendar-head .calendar-titbox { + flex: 1; + display: flex; + align-items: center; + margin-bottom: 16px; +} + +.page-calendar .calendar-head .calendar-titbox .calendar-title { + display: flex; + align-items: center; + margin-right: 36px; +} + +.page-calendar .calendar-head .calendar-titbox .calendar-title > h1 { + color: #333333; + font-size: 28px; + font-weight: 600; +} + +.page-calendar .calendar-head .calendar-titbox .calendar-arrow { + margin-right: 12px; +} + +.page-calendar .calendar-head .calendar-titbox .calendar-arrow > button { + color: #888888; + font-size: 12px; +} + +.page-calendar .calendar-head .calendar-titbox .calendar-arrow > button:focus { + box-shadow: none; +} + +.page-calendar .calendar-head .calendar-titbox .calendar-view { + flex: 1; + display: flex; + justify-content: flex-end; +} + +.page-calendar .calendar-head .calendar-titbox .calendar-view > button:focus { + box-shadow: none; +} + +.page-calendar .calendar-box { + flex: 1; + display: flex; + flex-direction: column; + padding: 0 48px 6px; + overflow: hidden; +} + +.page-calendar .calendar-box .calendar-wrapper { + flex: 1; + position: relative; +} + +.page-calendar .calendar-box .calendar-wrapper:before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 2px; + background-color: #ffffff; + z-index: 1; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup { + box-shadow: none; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup .tui-full-calendar-popup-container { + border: 0; + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); + border-radius: 6px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup .tui-full-calendar-arrow-top .tui-full-calendar-popup-arrow-border { + top: -8px; + border-bottom-color: rgba(217, 217, 217, 0.5); +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-dropdown-menu { + border-color: #e8e8e8; + width: calc(100% - 14px); +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-icon.tui-full-calendar-ic-title, .page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-icon.tui-full-calendar-calendar-dot { + display: none; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-icon.tui-full-calendar-ic-date { + background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjIzODU5NjcwNjA3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE2Mzg4IiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTk2MCAxMjhIODMzYzAtNTMtNDMtOTYtOTYtOTZoLTE2Yy01MyAwLTk2IDQzLTk2IDk2SDQwMGMwLTI2LjUtMTAuNy01MC41LTI4LjEtNjcuOUMzNTQuNSA0Mi43IDMzMC41IDMyIDMwNCAzMmgtMTZjLTUzIDAtOTYgNDMtOTYgOTZINjRjLTM1LjMgMC02NCAyOC42LTY0IDY0djczNmMwIDM1LjMgMjguNyA2NCA2NCA2NGg4OTZjMzUuMyAwIDY0LTI4LjcgNjQtNjRWMTkyYzAtMzUuNC0yOC43LTY0LTY0LTY0eiBtLTI3MSA4YzAtMjIuMSAxNy45LTQwIDQwLTQwczQwIDE3LjkgNDAgNDB2ODBjMCAyMi4xLTE3LjkgNDAtNDAgNDAtMTEgMC0yMS00LjUtMjguMy0xMS43QzY5My41IDIzNyA2ODkgMjI3IDY4OSAyMTZ2LTgweiBtLTQzMyAwYzAtMjIuMSAxNy45LTQwIDQwLTQwczQwIDE3LjkgNDAgNDB2ODBjMCAyMi4xLTE3LjkgNDAtNDAgNDAtMTEgMC0yMS00LjUtMjguMy0xMS43QzI2MC41IDIzNyAyNTYgMjI3IDI1NiAyMTZ2LTgweiBtNzA0IDc2MGMwIDE3LjctMTQuMyAzMi0zMiAzMkg5NmMtMTcuNyAwLTMyLTE0LjMtMzItMzJWNDQ4aDg5NnY0NDh6IiBwLWlkPSIxNjM4OSIgZmlsbD0iIzUxNTE1MSI+PC9wYXRoPjwvc3ZnPg=="); + background-size: contain; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-content { + padding-left: 0; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-section { + display: flex; + justify-content: space-between; + margin-bottom: 10px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item { + height: 36px; + line-height: 34px; + border-color: #e8e8e8; + border-radius: 4px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-section .tui-full-calendar-popup-section-item input { + height: 34px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-title { + width: 100%; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-title input { + width: 100%; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-start-date, +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-end-date { + width: 210px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-start-date .tui-full-calendar-content, +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-end-date .tui-full-calendar-content { + padding-left: 8px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-popup-location, +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-private, +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-allday, +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-creation .tui-full-calendar-section-state { + display: none; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .priority { + color: #ffffff; + padding: 2px 4px; + border-radius: 4px; + margin-right: 6px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .overdue { + color: #f5222d; + background: #fff1f0; + border: 1px solid #ffa39e; + padding: 1px 3px; + border-radius: 4px; + margin-right: 6px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-calendar-dot, +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-ic-priority { + opacity: 0; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-ic-edit { + top: -2px; + background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjIzODU5MzY4MTg5IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMTkiIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48cGF0aCBkPSJNODMzLjQyODU3MTY4IDYySDE5MC41NzE0MjgzMmExMjguNTcxNDI4MzIgMTI4LjU3MTQyODMyIDAgMCAwLTEyOC41NzE0MjgzMiAxMjguNTcxNDI4MzJ2NjQyLjg1NzE0MzM2YTEyOC41NzE0MjgzMiAxMjguNTcxNDI4MzIgMCAwIDAgMTI4LjU3MTQyODMyIDEyOC41NzE0MjgzMmg2NDIuODU3MTQzMzZhMTI4LjU3MTQyODMyIDEyOC41NzE0MjgzMiAwIDAgMCAxMjguNTcxNDI4MzItMTI4LjU3MTQyODMyVjE5MC41NzE0MjgzMmExMjguNTcxNDI4MzIgMTI4LjU3MTQyODMyIDAgMCAwLTEyOC41NzE0MjgzMi0xMjguNTcxNDI4MzJ6IG02NC4yODU3MTQxNiA3NzEuNDI4NTcxNjhhNjQuMjg1NzE0MTYgNjQuMjg1NzE0MTYgMCAwIDEtNjQuMjg1NzE0MTcgNjQuMjg1NzE0MTZIMTkwLjU3MTQyODMyYTY0LjI4NTcxNDE2IDY0LjI4NTcxNDE2IDAgMCAxLTY0LjI4NTcxNDE2LTY0LjI4NTcxNDE2VjE5MC41NzE0MjgzMmE2NC4yODU3MTQxNiA2NC4yODU3MTQxNiAwIDAgMSA2NC4yODU3MTQxNy02NC4yODU3MTQxNmg2NDIuODU3MTQzMzVhNjQuMjg1NzE0MTYgNjQuMjg1NzE0MTYgMCAwIDEgNjQuMjg1NzE0MTYgNjQuMjg1NzE0MTd6IiBwLWlkPSIxMTIwIiBmaWxsPSIjNTE1MTUxIj48L3BhdGg+PHBhdGggZD0iTTE5MC41NzE0MjgzMiAyNTQuODU3MTQyNDhoNjQuMjg1NzE0MTZ2NjQuMjg1NzE1MDRIMTkwLjU3MTQyODMyek0zMTkuMTQyODU3NTIgMjU0Ljg1NzE0MjQ4aDQ1MHY2NC4yODU3MTUwNEgzMTkuMTQyODU3NTJ6TTE5MC41NzE0MjgzMiA0NDcuNzE0Mjg1ODRoNjQuMjg1NzE0MTZ2NjQuMjg1NzE0MTZIMTkwLjU3MTQyODMyek0zMTkuMTQyODU3NTIgNDQ3LjcxNDI4NTg0aDQ1MHY2NC4yODU3MTQxNkgzMTkuMTQyODU3NTJ6TTE5MC41NzE0MjgzMiA2NDAuNTcxNDI4MzJoNjQuMjg1NzE0MTZ2NjQuMjg1NzE0MTZIMTkwLjU3MTQyODMyek0zMTkuMTQyODU3NTIgNjQwLjU3MTQyODMyaDMyMS40Mjg1NzA4djY0LjI4NTcxNDE2SDMxOS4xNDI4NTc1MnoiIHAtaWQ9IjExMjEiIGZpbGw9IiM1MTUxNTEiPjwvcGF0aD48L3N2Zz4="); +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-ic-delete { + top: -2px; + background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjIzODU5MzMwMTc2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9Ijc5MiIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik04OTIuMjg4IDI1NmgtMTkxLjE2OEEyMDIuMjQgMjAyLjI0IDAgMCAwIDUwOS42MzIgNjIuMDggMjAxLjIxNiAyMDEuMjE2IDAgMCAwIDMxOC44NDggMjU2SDEyOGMtMTguNjg4IDAtNjYuMDQ4LTQuMjI0LTY2LjA0OCAyNC43NjhDNjEuOTUyIDMyNy43NDQgMTA5LjM3NiAzMjAgMTI4IDMyMGg2NHY1MTJhMTQ2LjQ5NiAxNDYuNDk2IDAgMCAwIDEyNy40MjQgMTI4aDM4Mi4yNzJBMTUwLjAxNiAxNTAuMDE2IDAgMCAwIDgzMiA4MzJsLTMuMzkyLTUxMmg2NGMxOC4zNjggMCA2NS4wMjQgMS40NzIgNjUuMDI0LTM5Ljc0NEE3Mi4zODQgNzIuMzg0IDAgMCAwIDg5Mi4yODggMjU2ek01MDkuNjMyIDEyOC41MTJBMTM4LjE3NiAxMzguMTc2IDAgMCAxIDYzNy40NCAyNTZIMzgyLjU5MmExMzcuOTIgMTM3LjkyIDAgMCAxIDEyNy4wNC0xMjcuNDg4ek03NjggODMyYTk3Ljk4NCA5Ny45ODQgMCAwIDEtNjYuODggNjRIMzE4Ljg0OGE5My41NjggOTMuNTY4IDAgMCAxLTY0LTY0VjMyMEg3Njh2NTEyeiBtLTM4NS40MDgtNjRWNTEyYzAtMTguNDk2IDAuOTYtNjAuOTkyIDM2LjczNi02MC45OTIgMjcuMzI4IDAgMjYuNDk2IDQzLjAwOCAyNi45NDQgNjAuOTkydjI1NmMwIDE4LjQ5Ni02LjQgMjAuMDMyLTI0Ljk2IDIwLjAzMnMtMzguNzItMS41MzYtMzguNzItMjAuMDMyeiBtMTkxLjE2OCAwVjUxMmE2NCA2NCAwIDAgMSAyMy44MDgtNjAuOTkyYzQyLjQzMiAwIDM5LjM2IDQzLjAwOCAzOS44NzIgNjAuOTkydjI1NmMwIDE4LjQ5Ni0xOS41ODQgMjAuMDMyLTM3Ljk1MiAyMC4wMzJzLTI1Ljc5Mi0xLjUzNi0yNS43OTItMjAuMDMyeiIgcC1pZD0iNzkzIiBmaWxsPSIjNTE1MTUxIj48L3BhdGg+PC9zdmc+"); +} + +.page-calendar .calendar-box .calendar-wrapper .tui-full-calendar-popup-task .tui-full-calendar-popup-detail-item-separate { + padding-left: 22px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-datepicker { + border-color: #e8e8e8; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar th, +.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar td { + height: 32px; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar .tui-calendar-prev-month.tui-calendar-date, +.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-calendar .tui-calendar-next-month.tui-calendar-date { + visibility: visible; +} + +.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-datepicker-body .tui-timepicker, +.page-calendar .calendar-box .calendar-wrapper .tui-datepicker .tui-datepicker-footer .tui-timepicker { + padding: 16px 46px 16px 47px; +} + +@media (max-width: 768px) { + .page-calendar .calendar-head .calendar-titbox .calendar-title { + flex: 1; + } + .page-calendar .calendar-head .calendar-titbox .calendar-arrow { + margin-left: 12px; + margin-right: 0; + } + .page-calendar .calendar-head .calendar-titbox .calendar-view { + display: none; + } + .page-calendar .calendar-box { + padding: 0 24px 5px; + } +} + +.page-dashboard { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.page-dashboard .dashboard-wrapper { + width: 664px; + max-width: 80%; + max-height: 80%; + margin-bottom: 2%; + display: flex; + flex-direction: column; +} + +.page-dashboard .dashboard-wrapper .dashboard-hello { + padding: 0 12px; + color: #333333; + font-size: 24px; + font-weight: 600; + word-wrap: break-word; +} + +.page-dashboard .dashboard-wrapper .dashboard-desc { + margin-top: 18px; + padding: 0 12px; + color: #888888; + font-size: 13px; +} + +.page-dashboard .dashboard-wrapper .dashboard-block { + margin-top: 18px; + padding: 0 12px; + display: flex; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li { + flex: 1; + flex-shrink: 0; + list-style: none; + margin-right: 24px; + border-radius: 8px; + padding: 16px 24px; + background-color: #fa8e8c; + display: flex; + flex-direction: column; + justify-content: center; + cursor: pointer; + transition: box-shadow 0.3s; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li:hover { + box-shadow: 0 0 10px #cccccc; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li:first-child { + background-color: #6f9ef6; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li:last-child { + background-color: #98de6e; + margin-right: 0; + cursor: default; + box-shadow: none; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li .block-title { + color: rgba(255, 255, 255, 0.6); + font-size: 12px; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li .block-data { + display: flex; + align-items: center; + padding-top: 10px; + line-height: 1; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li .block-data .block-num { + flex: 1; + color: #ffffff; + font-weight: 600; + font-size: 32px; +} + +.page-dashboard .dashboard-wrapper .dashboard-block > li .block-data .taskfont { + color: rgba(255, 255, 255, 0.7); + font-size: 20px; +} + +.page-dashboard .dashboard-wrapper .dashboard-title { + margin-top: 60px; + padding: 0 12px; + font-weight: 600; + font-size: 15px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list { + margin-top: 4px; + padding: 0 12px; + overflow: auto; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li { + position: relative; + list-style: none; + display: flex; + background: #F9FAFB; + margin-top: 12px; + padding: 8px 12px; + border-radius: 6px; + cursor: pointer; + transition: box-shadow 0.3s; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li:hover { + box-shadow: 0 0 6px #dfdfdf; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li:last-child { + margin-bottom: 12px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .priority-color { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + height: 12px; + width: 2px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .el-dropdown { + flex-shrink: 0; + width: 22px; + height: 22px; + line-height: 22px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .el-dropdown .taskfont { + color: #bbbbbb; + font-size: 18px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .item-title { + flex: 1; + padding-left: 6px; + line-height: 22px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .item-icon { + display: flex; + align-items: center; + font-size: 13px; + margin-left: 16px; + height: 22px; + color: #aaaaaa; + cursor: pointer; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .item-icon .taskfont { + font-size: 13px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .item-icon > em { + font-style: normal; + margin-left: 4px; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .item-icon.overdue { + color: #ed4014; +} + +.page-dashboard .dashboard-wrapper .dashboard-list > li .item-icon.today { + color: #ff9900; +} + +.page-dashboard .download-app { + position: absolute; + bottom: 26px; + right: 26px; + z-index: 1; +} + +.page-dashboard .nopage { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.page-dashboard .nopage .nopage-icon { + background-color: #f4f5f7; + padding: 20px; + border-radius: 50%; +} + +.page-dashboard .nopage .nopage-icon .ivu-icon { + color: #d1d8dd; + font-size: 46px; +} + +.page-dashboard .nopage .nopage-text { + margin-top: 16px; + color: #bec6cc; + background-color: #f4f5f7; + padding: 4px 15px; + border-radius: 14px; +} + +@media (max-width: 768px) { + .page-dashboard .dashboard-wrapper { + max-width: 86%; + max-height: 96%; + } + .page-dashboard .dashboard-wrapper .dashboard-block { + display: block; + margin-top: 10px; + } + .page-dashboard .dashboard-wrapper .dashboard-block > li { + margin: 0 0 10px; + padding: 8px 12px; + } + .page-dashboard .dashboard-wrapper .dashboard-title { + margin-top: 36px; + } + .page-dashboard .download-app { + display: none; + } +} + +.page-download { + overflow: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.page-download .download-load { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; +} + +.page-download .download-body { + position: relative; + margin-top: 50px; +} + +.page-download .download-body .orb-canvas-1 { + position: absolute; + top: 0; + left: 50%; + width: 500px; + height: 500px; + z-index: -1; + background: linear-gradient(rgba(186, 117, 255, 0.49) 26.56%, #3913b8 100%); + opacity: .1; + transform: translate(-50%, 0) rotate(-90deg); + margin-top: 20px; + margin-left: -50px; + border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%; +} + +.page-download .download-body .orb-canvas-2 { + position: absolute; + top: 0; + left: 50%; + width: 500px; + height: 500px; + background: linear-gradient(rgba(47, 184, 255, 0.42) 31.77%, #9eecd9 100%); + z-index: -1; + animation: 25s ease 0s infinite alternate none running izRuqW; + opacity: .1; + transform: translate(-50%, 0) rotate(-90deg); + margin-top: 120px; + margin-left: 50px; + border-radius: 51% 49% 58% 42% / 34% 78% 22% 66%; +} + +.page-download .download-body .download-name { + color: #2A2A2A; + text-align: center; + font-size: 24px; + padding-top: 64px; + line-height: 1; +} + +.page-download .download-body .download-version { + color: #8a919c; + text-align: center; + font-size: 14px; + padding-top: 20px; + line-height: 1; +} + +.page-download .download-body .download-list { + margin-top: 100px; + display: flex; + align-items: center; + justify-content: center; +} + +.page-download .download-body .download-list > li { + display: flex; + flex-direction: column; + align-items: center; + list-style: none; + background: rgba(255, 255, 255, 0.7); + border-radius: 20px; + overflow: hidden; + margin: 0 12px; + padding: 30px 46px; + position: relative; + z-index: 5; + box-shadow: 0 30px 70px 0 rgba(223, 227, 234, 0.5); +} + +.page-download .download-body .download-list > li .app-icon, +.page-download .download-body .download-list > li .app-name, +.page-download .download-body .download-list > li .app-size { + transition: all 0.3s ease-in-out; +} + +.page-download .download-body .download-list > li .app-icon { + display: flex; + align-items: center; + justify-content: center; + height: 60px; +} + +.page-download .download-body .download-list > li .app-icon > i { + font-size: 60px; +} + +.page-download .download-body .download-list > li .app-icon > i.ivu-icon-logo-windows { + font-size: 52px; +} + +.page-download .download-body .download-list > li .app-name { + margin-top: 15px; + font-size: 18px; +} + +.page-download .download-body .download-list > li .app-size { + margin-top: 15px; + opacity: 0.6; +} + +.page-download .download-body .download-list > li .app-button { + margin-top: 22px; +} + +.page-download .download-body .download-list > li .app-button > a { + display: inline-block; + position: relative; + z-index: 1; + line-height: 32px; + border-radius: 6px; + text-align: center; + padding: 0 18px; + text-transform: capitalize; + transition: all 0.3s ease-in-out; + color: #8bcf70; + border: 1px solid #8bcf70; +} + +.page-download .download-body .download-list > li .app-button > a:before { + content: ''; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + border-radius: 36px; + transition: all 0.3s ease-in-out; + transform: scale(0, 1); + z-index: -1; +} + +.page-download .download-body .download-list > li .app-button > a:hover:before { + border-radius: 4px; + background: #ffffff; + transform: scale(1); +} + +.page-download .download-body .download-list > li:before { + content: ''; + position: absolute; + z-index: -1; + width: 100%; + height: 100%; + top: 0; + left: 0; + background: linear-gradient(130deg, #83ef92 0%, #00d38b 100%); + opacity: 0; + transition: all 0.3s ease-in-out; +} + +.page-download .download-body .download-list > li:after { + content: ''; + position: absolute; + width: 160px; + height: 160px; + border-radius: 50%; + background: rgba(255, 255, 255, 0.13); + z-index: -1; + top: -80px; + right: -80px; + opacity: 0; + transform: scale(0.2); + transition: all 0.3s ease-in-out; +} + +.page-download .download-body .download-list > li:hover .app-icon, +.page-download .download-body .download-list > li:hover .app-name, +.page-download .download-body .download-list > li:hover .app-size { + color: #ffffff; +} + +.page-download .download-body .download-list > li:hover .app-button > a { + color: #ffffff; + border-color: #ffffff; +} + +.page-download .download-body .download-list > li:hover .app-button > a:hover { + color: #0de49d; +} + +.page-download .download-body .download-list > li:hover:before { + opacity: 1; +} + +.page-download .download-body .download-list > li:hover:after { + opacity: 1; + transform: scale(1); + transition-duration: 1s; +} + +@media (max-width: 720px) { + .page-download .download-body .download-list { + flex-direction: column; + } + .page-download .download-body .download-list > li { + padding: 52px 64px; + margin-bottom: 32px; + } +} + +.page-download.manage-box-view { + display: flex; + align-items: center; + justify-content: center; +} + +.page-download.manage-box-view .download-body { + transform: translateY(-16%); +} + +.page-download.manage-box-view .download-body .download-name { + padding-top: 16%; +} + +.page-file { + width: 100%; + height: 100%; + display: flex; + flex-direction: column; +} + +.page-file .file-wrapper { + flex: 1; + height: 0; + display: flex; + flex-direction: column; + position: relative; +} + +.page-file .file-wrapper .file-head { + display: flex; + align-items: center; + padding-bottom: 16px; + margin: 32px 32px 16px; + border-bottom: 1px solid #F4F4F5; +} + +.page-file .file-wrapper .file-head .file-nav { + flex: 1; + display: flex; + align-items: center; +} + +.page-file .file-wrapper .file-head .file-nav > h1 { + color: #333333; + font-size: 28px; + font-weight: 600; +} + +.page-file .file-wrapper .file-head .file-nav .file-refresh { + display: none; + cursor: pointer; + margin-left: 12px; +} + +.page-file .file-wrapper .file-head .file-nav .file-refresh > i { + font-size: 18px; +} + +.page-file .file-wrapper .file-head .file-nav:hover .file-refresh { + display: block; +} + +.page-file .file-wrapper .file-head .file-search { + flex-shrink: 0; + margin-left: 22px; + cursor: pointer; +} + +.page-file .file-wrapper .file-head .file-search .ivu-input-wrapper { + width: auto; + transform: translateZ(0); +} + +.page-file .file-wrapper .file-head .file-search .ivu-input-wrapper .ivu-input { + border-color: #dcdee2; + width: 0; + padding-left: 0; + padding-right: 30px; + border-radius: 16px; + transition: all 0.3s; +} + +.page-file .file-wrapper .file-head .file-search .ivu-input-wrapper .ivu-input-suffix i { + color: #515a6e; +} + +.page-file .file-wrapper .file-head .file-search.has-value .ivu-input-wrapper .ivu-input, .page-file .file-wrapper .file-head .file-search:hover .ivu-input-wrapper .ivu-input { + width: 160px; + padding-left: 14px; +} + +.page-file .file-wrapper .file-head .file-add { + flex-shrink: 0; + margin-left: 18px; + cursor: pointer; +} + +.page-file .file-wrapper .file-head .file-add .taskfont { + font-size: 18px; +} + +.page-file .file-wrapper .file-no { + flex: 1; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + margin-bottom: 5%; + opacity: 0.8; +} + +.page-file .file-wrapper .file-no > i { + font-size: 64px; +} + +.page-file .file-wrapper .file-no > p { + margin-top: 18px; + font-size: 14px; + font-weight: 500; + line-height: 1; +} + +.page-file .file-wrapper .file-navigator { + display: flex; + align-items: center; + height: 24px; + line-height: 24px; + margin: 0 32px 0; +} + +.page-file .file-wrapper .file-navigator > ul { + display: flex; + align-items: center; + overflow: auto; +} + +.page-file .file-wrapper .file-navigator > ul > li { + display: flex; + list-style: none; + align-items: center; + padding-left: 8px; + font-size: 14px; + color: #8bcf70; + cursor: pointer; +} + +.page-file .file-wrapper .file-navigator > ul > li:last-child { + color: #515a6e; + cursor: default; +} + +.page-file .file-wrapper .file-navigator > ul > li + li:before { + content: "\203a"; + margin-top: -2px; + padding-right: 8px; + color: #515a6e; + line-height: 1; + font-size: 16px; + font-weight: 500; + font-family: system-ui, sans-serif; +} + +.page-file .file-wrapper .file-navigator > ul > li .taskfont { + padding-right: 2px; +} + +.page-file .file-wrapper .file-navigator > ul > li > span { + display: inline-block; + max-width: 180px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.page-file .file-wrapper .file-navigator .nav-load { + margin-left: 8px; + width: 24px; + height: 24px; + display: flex; + align-items: center; + justify-content: center; +} + +.page-file .file-wrapper .file-navigator .nav-load .common-loading { + width: 12px; + height: 12px; +} + +.page-file .file-wrapper .file-navigator .nav-refresh { + margin-left: 8px; +} + +.page-file .file-wrapper .file-navigator .ivu-btn { + font-size: 12px; + margin-left: 12px; +} + +.page-file .file-wrapper .file-navigator .file-shear { + display: flex; + align-items: center; +} + +.page-file .file-wrapper .file-navigator .file-shear > span { + padding-right: 3px; +} + +.page-file .file-wrapper .file-navigator .file-shear > em { + display: inline-block; + max-width: 120px; + font-style: normal; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.page-file .file-wrapper .file-navigator .flex-full { + flex: 1; +} + +.page-file .file-wrapper .file-navigator .switch-button { + display: flex; + align-items: center; + background-color: #ffffff; + border-radius: 6px; + position: relative; + transition: box-shadow 0.2s; +} + +.page-file .file-wrapper .file-navigator .switch-button:hover { + box-shadow: 0 0 10px #e6ecfa; +} + +.page-file .file-wrapper .file-navigator .switch-button:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + z-index: 0; + color: #8bcf70; + border-radius: 6px; + border: 1px solid #8bcf70; + background-color: rgba(139, 207, 112, 0.1); + transition: left 0.2s; +} + +.page-file .file-wrapper .file-navigator .switch-button > div { + z-index: 1; + width: 32px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + cursor: pointer; + color: #515a6e; +} + +.page-file .file-wrapper .file-navigator .switch-button > div > i { + font-size: 17px; +} + +.page-file .file-wrapper .file-navigator .switch-button > div:first-child { + color: #8bcf70; +} + +.page-file .file-wrapper .file-navigator .switch-button.table:before { + left: 50%; +} + +.page-file .file-wrapper .file-navigator .switch-button.table > div:first-child { + color: #515a6e; +} + +.page-file .file-wrapper .file-navigator .switch-button.table > div:last-child { + color: #8bcf70; +} + +.page-file .file-wrapper .file-table { + flex: 1; + cursor: default; + margin: 16px 32px 32px; +} + +.page-file .file-wrapper .file-table .ivu-table:before { + display: none; +} + +.page-file .file-wrapper .file-table .ivu-table .ivu-table-tip { + opacity: 0.8; +} + +.page-file .file-wrapper .file-table .ivu-table .ivu-table-tip span { + font-size: 14px; + font-weight: 500; + line-height: 1.8; +} + +.page-file .file-wrapper .file-table .ivu-table .ivu-table-tip span:before { + display: block; + content: "\e60b"; + font-family: "taskfont", "serif" !important; + font-size: 64px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -webkit-text-stroke-width: 0.2px; +} + +.page-file .file-wrapper .file-table .file-nbox { + display: flex; + align-items: center; + position: relative; +} + +.page-file .file-wrapper .file-table .file-nbox .file-name { + flex: 1; + width: 0; + display: flex; + align-items: center; + position: relative; + margin-right: 46px; +} + +.page-file .file-wrapper .file-table .file-nbox .file-name:before { + flex-shrink: 0; + content: ""; + width: 22px; + height: 22px; + background-repeat: no-repeat; + background-size: contain; + margin-right: 8px; +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.upload:before { + background-image: url("../images/file/upload.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.updir:before { + background-image: url("../images/file/updir.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.folder:before { + background-image: url("../images/file/folder.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.document:before { + background-image: url("../images/file/document.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.mind:before { + background-image: url("../images/file/mind.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.sheet:before { + background-image: url("../images/file/sheet.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.flow:before { + background-image: url("../images/file/flow.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.word:before { + background-image: url("../images/file/word.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.excel:before { + background-image: url("../images/file/excel.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .file-name.ppt:before { + background-image: url("../images/file/ppt.svg"); +} + +.page-file .file-wrapper .file-table .file-nbox .taskfont { + color: #aaaaaa; + font-size: 16px; + margin: 0 3px; +} + +.page-file .file-wrapper .file-list { + flex: 1; + padding: 0 20px 20px; + margin-top: 16px; + overflow: auto; +} + +.page-file .file-wrapper .file-list > ul { + margin-top: -12px; +} + +.page-file .file-wrapper .file-list > ul > li { + list-style: none; + float: left; + margin: 12px; + width: 100px; + height: 110px; + position: relative; + border-radius: 5px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + cursor: pointer; +} + +.page-file .file-wrapper .file-list > ul > li .file-input { + margin: 0 4px 4px; + position: relative; +} + +.page-file .file-wrapper .file-list > ul > li .file-input input { + margin: 0; + padding: 1px 5px; + font-size: 13px; +} + +.page-file .file-wrapper .file-list > ul > li .file-input .file-load { + position: absolute; + top: 0; + right: 6px; + bottom: 0; + display: flex; +} + +.page-file .file-wrapper .file-list > ul > li .file-input .file-load .common-loading { + width: 10px; + height: 10px; +} + +.page-file .file-wrapper .file-list > ul > li .file-name { + display: block; + width: 100%; + height: 20px; + line-height: 20px; + color: #515a6e; + font-size: 12px; + text-align: center; + margin-bottom: 5px; + padding: 0 6px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} + +.page-file .file-wrapper .file-list > ul > li .file-menu { + opacity: 0; + position: absolute; + top: 2px; + right: 2px; + transition: opacity 0.2s; + display: flex; +} + +.page-file .file-wrapper .file-list > ul > li .file-menu .ivu-icon { + font-size: 16px; + color: #aaaaaa; + transition: color 0.2s; + padding: 2px 5px; +} + +.page-file .file-wrapper .file-list > ul > li .file-menu .ivu-icon:hover { + color: #515a6e; +} + +.page-file .file-wrapper .file-list > ul > li .file-icon { + display: inline-block; + width: 64px; + height: 64px; + background-repeat: no-repeat; + background-size: contain; + margin-top: 12px; + position: relative; +} + +.page-file .file-wrapper .file-list > ul > li .file-icon .share-icon, +.page-file .file-wrapper .file-list > ul > li .file-icon .share-avatar { + position: absolute; + right: 0; + bottom: 0; + background-color: #9ACD7B; + width: 20px; + height: 20px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + transform: scale(0.9); +} + +.page-file .file-wrapper .file-list > ul > li .file-icon .share-icon .taskfont, +.page-file .file-wrapper .file-list > ul > li .file-icon .share-avatar .taskfont { + font-size: 18px; + color: #ffffff; +} + +.page-file .file-wrapper .file-list > ul > li.shear { + opacity: 0.38; +} + +.page-file .file-wrapper .file-list > ul > li.upload .file-icon { + background-image: url("../images/file/upload.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.updir .file-icon { + background-image: url("../images/file/updir.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.folder .file-icon { + background-image: url("../images/file/folder.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.document .file-icon { + background-image: url("../images/file/document.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.mind .file-icon { + background-image: url("../images/file/mind.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.sheet .file-icon { + background-image: url("../images/file/sheet.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.flow .file-icon { + background-image: url("../images/file/flow.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.word .file-icon { + background-image: url("../images/file/word.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.excel .file-icon { + background-image: url("../images/file/excel.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.ppt .file-icon { + background-image: url("../images/file/ppt.svg"); +} + +.page-file .file-wrapper .file-list > ul > li.highlight { + background-color: #f4f5f7; +} + +.page-file .file-wrapper .file-list > ul > li:hover { + background-color: #f4f5f7; +} + +.page-file .file-wrapper .file-list > ul > li:hover .file-menu { + opacity: 1; +} + +.page-file .file-wrapper .file-menu { + position: absolute; +} + +.page-file-dropdown-menu .ivu-dropdown { + width: 100%; +} + +.page-file-dropdown-menu .ivu-dropdown .arrow-forward-item { + display: flex; + align-items: center; + justify-content: space-between; + margin-right: -6px; + min-width: 90px; +} + +.page-file-dropdown-menu .ivu-dropdown .arrow-forward-item .ivu-icon { + opacity: 0.7; +} + +.page-file-dropdown-menu .file-item { + display: flex; + align-items: center; + position: relative; +} + +.page-file-dropdown-menu .file-item:before { + flex-shrink: 0; + content: ""; + width: 20px; + height: 20px; + background-repeat: no-repeat; + background-size: contain; + margin-right: 8px; +} + +.page-file-dropdown-menu .file-item.upload:before { + background-image: url("../images/file/upload.svg"); +} + +.page-file-dropdown-menu .file-item.updir:before { + background-image: url("../images/file/updir.svg"); +} + +.page-file-dropdown-menu .file-item.folder:before { + background-image: url("../images/file/folder.svg"); +} + +.page-file-dropdown-menu .file-item.document:before { + background-image: url("../images/file/document.svg"); +} + +.page-file-dropdown-menu .file-item.mind:before { + background-image: url("../images/file/mind.svg"); +} + +.page-file-dropdown-menu .file-item.sheet:before { + background-image: url("../images/file/sheet.svg"); +} + +.page-file-dropdown-menu .file-item.flow:before { + background-image: url("../images/file/flow.svg"); +} + +.page-file-dropdown-menu .file-item.word:before { + background-image: url("../images/file/word.svg"); +} + +.page-file-dropdown-menu .file-item.excel:before { + background-image: url("../images/file/excel.svg"); +} + +.page-file-dropdown-menu .file-item.ppt:before { + background-image: url("../images/file/ppt.svg"); +} + +.page-file-drawer .overlay-content { + border-radius: 20px 20px 0 0 !important; +} + +@media (max-width: 768px) { + .page-file .file-wrapper .file-head { + margin: 24px 24px 16px; + } + .page-file .file-wrapper .file-navigator { + margin: 0 24px 0; + } + .page-file .file-wrapper .file-table { + margin: 16px 24px 24px; + } +} + +.page-login { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; + align-items: center; + justify-content: center; + background-color: #F3F6FE; +} + +.page-login .login-body { + display: flex; + flex-direction: column; + align-items: center; + padding: 32px 0; + width: 100%; + max-height: 100%; + overflow: auto; +} + +.page-login .login-body .login-logo { + flex-shrink: 0; + width: 68px; + height: 68px; + background: url("../images/logo.svg") no-repeat center center; + background-size: contain; +} + +.page-login .login-body .login-box { + margin-top: 32px; + width: 400px; + border-radius: 12px; + background-color: #ffffff; + box-shadow: 0 0 10px #e6ecfa; +} + +.page-login .login-body .login-box .login-title { + font-size: 24px; + font-weight: 600; + text-align: center; + margin-top: 36px; +} + +.page-login .login-body .login-box .login-subtitle { + font-size: 14px; + text-align: center; + margin-top: 12px; + padding: 0 12px; + color: #AAAAAA; +} + +.page-login .login-body .login-box .login-input { + margin: 32px 40px; +} + +.page-login .login-body .login-box .login-input > * { + margin-top: 26px; +} + +.page-login .login-body .login-box .login-input .ivu-input { + border-color: #f1f1f1; +} + +.page-login .login-body .login-box .login-input .ivu-input-large { + font-size: 15px; +} + +.page-login .login-body .login-box .login-input .login-code .ivu-input-group-prepend, +.page-login .login-body .login-box .login-input .login-code .ivu-input-group-append { + background: transparent; + border-color: #f1f1f1; +} + +.page-login .login-body .login-box .login-input .login-code .ivu-input { + border-left-color: transparent; + border-right-color: transparent; +} + +.page-login .login-body .login-box .login-input .login-code .login-code-end { + margin: -6px -7px; + height: 38px; + overflow: hidden; + cursor: pointer; +} + +.page-login .login-body .login-box .login-input .login-code .login-code-end img { + height: 100%; +} + +.page-login .login-body .login-box .login-input .login-switch { + color: #aaaaaa; +} + +.page-login .login-body .login-bottom { + margin-top: 18px; + display: flex; + align-items: center; + width: 388px; +} + +.page-login .login-body .login-bottom .login-language { + flex-shrink: 0; + display: flex; + align-items: center; + cursor: pointer; + color: #666666; +} + +.page-login .login-body .login-bottom .login-language .taskfont { + margin-top: 1px; + margin-left: 3px; + transform: scale(0.8); + font-size: 12px; +} + +.page-login .login-body .login-bottom .login-forgot { + flex: 1; + padding-left: 24px; + color: #aaaaaa; + text-align: right; +} + +.page-login .download-app { + position: absolute; + bottom: 26px; + right: 26px; + z-index: 1; +} + +@media (max-width: 768px) { + .page-login .download-app { + display: none; + } +} + +.page-manage { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; +} + +.page-manage .manage-box-menu { + position: relative; + flex-grow: 0; + flex-shrink: 0; + width: 255px; + height: 100%; + background: #F4F5F7; + display: flex; + flex-direction: column; + align-items: center; + transition: all 0.2s; +} + +.page-manage .manage-box-menu .manage-box-dropdown { + flex-shrink: 0; + width: 86%; +} + +.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown { + padding: 7px 0; +} + +.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown .ivu-dropdown-item { + padding: 9px 16px; +} + +.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown .ivu-dropdown-item-divided { + margin-top: 7px; +} + +.page-manage .manage-box-menu .manage-box-dropdown .ivu-select-dropdown .ivu-dropdown-item-divided:before { + top: -9px; +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title { + display: flex; + align-items: center; + flex-shrink: 0; + padding: 6px 10px; + margin-top: 27px; + border-radius: 8px; + background-color: #ffffff; + cursor: pointer; + transition: box-shadow 0.3s; +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title.menu-visible { + box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title .manage-box-avatar { + width: 36px; + height: 36px; +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title > span { + flex: 1; + padding-left: 12px; + font-size: 16px; + font-weight: 600; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title .manage-box-arrow { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding-left: 16px; + padding-right: 2px; +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-box-title .manage-box-arrow > i { + font-size: 12px; + margin: -1px; +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-menu-language { + display: flex; + align-items: center; + justify-content: space-between; +} + +.page-manage .manage-box-menu .manage-box-dropdown .manage-menu-language .ivu-icon { + color: #666666; +} + +.page-manage .manage-box-menu > ul { + flex: 1; + width: 100%; + margin-top: 16px; + overflow: auto; +} + +.page-manage .manage-box-menu > ul > li { + display: flex; + align-items: center; + height: 38px; + color: #6C7D8C; + cursor: pointer; + position: relative; + width: 80%; + max-width: 100%; + margin: 8px auto; + padding: 0 4%; + border-radius: 4px; +} + +.page-manage .manage-box-menu > ul > li > i { + opacity: 0.3; + font-size: 20px; + margin-right: 10px; +} + +.page-manage .manage-box-menu > ul > li .menu-title { + flex: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.page-manage .manage-box-menu > ul > li .menu-badge { + margin-left: 12px; + transform: scale(0.9); +} + +.page-manage .manage-box-menu > ul > li.menu-project { + display: flex; + flex-direction: column; + align-items: center; + height: auto; + padding: 14px 0 0; + cursor: default; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul { + width: 100%; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li { + display: flex; + flex-direction: column; + margin: 4px auto; + list-style: none; + cursor: pointer; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h1 { + position: relative; + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 8px 0 30px; + border-radius: 4px; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h1 > em { + position: absolute; + top: 50%; + left: 2px; + width: 24px; + height: 24px; + cursor: pointer; + transform: translateY(-50%); + display: flex; + align-items: center; + justify-content: center; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h1 > em:before { + content: ""; + width: 12px; + height: 12px; + background: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNjIyMzkwODExNTQxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI0OTk3IiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiPjxwYXRoIGQ9Ik0zNjYuMTgyNCAxMDguMjM2OEw4MTIuMDMyIDQyOC4wMzJhMTAyLjQgMTAyLjQgMCAwIDEgMCAxNjYuNTAyNEwzNjYuMTgyNCA5MTQuMzI5NmExMDIuNCAxMDIuNCAwIDAgMS0xNjIuMDk5Mi04My4yNTEyVjE5MS40ODhhMTAyLjQgMTAyLjQgMCAwIDEgMTYyLjA5OTItODMuMjUxMnoiIHAtaWQ9IjI0OTk4IiBmaWxsPSIjOTk5OTk5Ij48L3BhdGg+PC9zdmc+") no-repeat center center; + background-size: contain; + transition: transform 0.2s; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h1 .title { + flex: 1; + color: #333333; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + height: 38px; + line-height: 38px; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h1 .num { + font-size: 12px; + padding-left: 16px; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h2 { + display: none; + margin: 16px 4px; + padding: 0 8px 0 26px; + cursor: default; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h2 > p { + display: flex; + align-items: center; + padding: 4px 0; + height: 36px; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h2 > p em, +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h2 > p span { + font-style: normal; + font-size: 12px; + flex-shrink: 0; + padding-right: 6px; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h2 > p .ivu-progress { + margin-right: -18px; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li .project-h2 > p .ivu-progress .ivu-progress-inner { + background-color: #e4e4e4; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li.active .project-h1 { + background-color: #ffffff; +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li.open-menu .project-h1 > em:before { + transform: rotate(90deg); +} + +.page-manage .manage-box-menu > ul > li.menu-project > ul > li.open-menu .project-h2 { + display: block; +} + +.page-manage .manage-box-menu > ul > li.menu-project .common-loading { + margin: 6px; + width: 22px; + height: 22px; +} + +.page-manage .manage-box-menu > ul > li.active { + background-color: #ffffff; +} + +.page-manage .manage-box-menu .manage-box-new { + width: 80%; + height: 38px; + margin-top: 16px; + margin-bottom: 20px; +} + +.page-manage .manage-box-main { + flex: 1; + position: relative; +} + +.page-manage .manage-box-main .manage-box-view { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; +} + +.page-manage .manage-mini-menu { + display: none; +} + +@media (max-width: 768px) { + .page-manage .manage-box-menu { + position: fixed; + z-index: 49; + left: 0; + top: 0; + bottom: 0; + width: 100%; + transform: translateX(-120%); + } + .page-manage .manage-box-menu.show768-menu { + transform: translateX(0); + } + .page-manage .manage-mini-menu { + display: flex; + align-items: center; + justify-content: center; + width: 46px; + height: 42px; + font-size: 22px; + background-color: #ffffff; + white-space: nowrap; + border-radius: 4px; + box-shadow: 0 0 50px rgba(0, 0, 0, 0.3); + cursor: pointer; + } +} + +.page-messenger { + display: flex; +} + +.page-messenger .messenger-wrapper { + flex: 1; + display: flex; + align-items: flex-start; +} + +.page-messenger .messenger-wrapper .messenger-select { + position: relative; + height: 100%; + width: 30%; + min-width: 240px; + max-width: 320px; + flex-shrink: 0; + display: flex; + flex-direction: column; +} + +.page-messenger .messenger-wrapper .messenger-select:after { + content: ""; + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 1px; + background-color: #f4f5f5; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-search { + display: flex; + align-items: center; + justify-content: center; + height: 54px; + padding: 0 12px; + flex-shrink: 0; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper { + flex: 1; + background-color: #F7F7F7; + padding: 0 8px; + margin: 0 4px; + border-radius: 12px; + overflow: hidden; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper .ivu-input { + border-color: transparent; + background-color: transparent; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper .ivu-input:hover, .page-messenger .messenger-wrapper .messenger-select .messenger-search .search-wrapper .ivu-input:focus { + box-shadow: none; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-nav { + display: flex; + align-items: center; + justify-content: space-evenly; + padding: 2px 0 12px; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-nav > p { + position: relative; + line-height: 1; + padding: 0 6px; + color: #888888; + cursor: pointer; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-nav > p .nav-num { + position: absolute; + top: -12px; + right: -8px; + transform: scale(0.7); +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-nav > p.active { + color: #555555; + font-weight: 500; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-nav > p:hover { + color: #777777; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list { + flex: 1; + height: 0; + width: 100%; + overflow-x: hidden; + overflow-y: auto; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li { + display: flex; + flex-direction: row; + align-items: flex-start; + padding: 16px 12px; + position: relative; + cursor: pointer; + list-style: none; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .user-avatar, +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .icon-avatar { + width: 42px; + height: 42px; + margin: 2px; + flex-grow: 0; + flex-shrink: 0; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .icon-avatar { + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; + font-size: 26px; + background-color: #61B2F9; + color: #ffffff; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .icon-avatar.project { + background-color: #6E99EB; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .icon-avatar.task { + background-color: #9B96DF; + font-size: 24px; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .dialog-box { + flex: 1; + width: 0; + display: flex; + flex-direction: column; + padding-left: 12px; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .dialog-box .dialog-title { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + line-height: 24px; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .dialog-box .dialog-title > span { + flex: 1; + color: #333333; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .dialog-box .dialog-title > i { + flex-shrink: 0; + margin-left: 8px; + transform: scale(0.9); + font-size: 12px; + color: #8bcf70; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .dialog-box .dialog-title > em { + flex-shrink: 0; + margin-left: 8px; + font-style: normal; + color: #999999; + font-size: 12px; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .dialog-box .dialog-text { + max-width: 170px; + color: #999999; + font-size: 12px; + line-height: 24px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li .dialog-num { + position: absolute; + top: 10px; + left: 42px; + transform: scale(0.8); +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li.active { + background-color: #F4F5F7; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li.loading { + margin: 0; + height: 52px; + display: flex; + align-items: center; + justify-content: center; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.dialog > li.loading .common-loading { + width: 20px; + height: 20px; + margin: 0; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.contacts > li { + list-style: none; + margin-left: 24px; + position: relative; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.contacts > li .label { + padding-left: 4px; + margin-top: 6px; + margin-bottom: 6px; + height: 34px; + line-height: 34px; + border-bottom: 1px solid #efefef; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.contacts > li.loading { + margin: 0; + height: 52px; + display: flex; + align-items: center; + justify-content: center; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.contacts > li.loading .common-loading { + width: 20px; + height: 20px; + margin: 0; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.contacts > li > ul > li { + list-style: none; + display: flex; + flex-direction: row; + align-items: center; + height: 52px; + cursor: pointer; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.contacts > li > ul > li .avatar { + flex-grow: 0; + flex-shrink: 0; + width: 30px; + height: 30px; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-list > ul.contacts > li > ul > li .nickname { + padding: 0 12px; + font-size: 14px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-menu { + display: flex; + align-items: center; + justify-content: center; + height: 52px; + flex-shrink: 0; + border-top: 1px solid #f4f5f5; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-menu > i { + cursor: pointer; + font-size: 24px; + margin: 0 24px; + color: #aaaaaa; + opacity: 0.9; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-menu > i.active { + opacity: 1; + color: #8bcf70; +} + +.page-messenger .messenger-wrapper .messenger-select .messenger-menu > i:hover { + opacity: 1; +} + +.page-messenger .messenger-wrapper .messenger-msg { + flex: 1; + width: 0; + height: 100%; + display: flex; + position: relative; +} + +.page-messenger .messenger-wrapper .messenger-msg .dialog-wrapper .dialog-footer .dialog-back { + display: none; +} + +.page-messenger .messenger-wrapper .messenger-msg .dialog-no { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.page-messenger .messenger-wrapper .messenger-msg .dialog-no .dialog-no-icon { + background-color: #f4f5f7; + padding: 20px; + border-radius: 50%; +} + +.page-messenger .messenger-wrapper .messenger-msg .dialog-no .dialog-no-icon .ivu-icon { + color: #d1d8dd; + font-size: 46px; +} + +.page-messenger .messenger-wrapper .messenger-msg .dialog-no .dialog-no-text { + margin-top: 16px; + color: #bec6cc; + background-color: #f4f5f7; + padding: 4px 15px; + border-radius: 14px; +} + +@media (max-width: 768px) { + .page-messenger .messenger-wrapper .messenger-select { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + max-width: none; + background-color: #ffffff; + z-index: 48; + transition: all 0.2s; + transform: translateX(-120%); + } + .page-messenger .messenger-wrapper .messenger-select.show768-menu { + transform: translateX(0); + } + .page-messenger .messenger-wrapper .messenger-msg .dialog-wrapper .dialog-title { + height: 54px; + align-items: center; + } + .page-messenger .messenger-wrapper .messenger-msg .dialog-wrapper .dialog-footer { + position: relative; + } + .page-messenger .messenger-wrapper .messenger-msg .dialog-wrapper .dialog-footer .dialog-back { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 64px; + z-index: 1; + font-size: 26px; + display: flex; + align-items: center; + justify-content: center; + } + .page-messenger .messenger-wrapper .messenger-msg .dialog-wrapper .dialog-footer .dialog-input { + width: calc(100% - 44px); + } +} + +.page-project { + flex: 1; + display: flex; + align-items: flex-start; +} + +.page-project .project-list { + flex: 1; + width: 0; + height: 100%; + background-color: #fafafa; +} + +.page-project .project-dialog { + position: relative; + height: 100%; + width: 35%; + min-width: 320px; + max-width: 520px; + flex-shrink: 0; +} + +@media (max-width: 768px) { + .page-project .project-dialog { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + max-width: none; + } +} + +.page-setting { + display: flex; + flex-direction: column; +} + +.page-setting .setting-head { + display: flex; + align-items: center; + margin: 32px 32px 16px; + border-bottom: 1px solid #F4F4F5; +} + +.page-setting .setting-head .setting-titbox { + flex: 1; + margin-bottom: 16px; +} + +.page-setting .setting-head .setting-titbox .setting-title { + display: flex; + align-items: center; +} + +.page-setting .setting-head .setting-titbox .setting-title > h1 { + flex: 1; + color: #333333; + font-size: 28px; + font-weight: 600; +} + +.page-setting .setting-head .setting-titbox .setting-title .setting-more { + display: none; +} + +.page-setting .setting-box { + flex: 1; + height: 0; + display: flex; + padding-bottom: 16px; +} + +.page-setting .setting-box .setting-menu { + width: 200px; + flex-shrink: 0; + border-right: 1px solid #F4F4F5; + overflow: auto; +} + +.page-setting .setting-box .setting-menu > ul { + padding: 12px 0 0 32px; +} + +.page-setting .setting-box .setting-menu > ul > li { + cursor: pointer; + color: #6C7D8C; + list-style: none; + line-height: 42px; + padding: 0 20px; + margin: 5px 0; + position: relative; +} + +.page-setting .setting-box .setting-menu > ul > li.active, .page-setting .setting-box .setting-menu > ul > li:hover { + background-color: #F4F5F7; +} + +.page-setting .setting-box .setting-menu > ul > li.divided { + position: relative; + margin-top: 10px; + padding-top: 10px; +} + +.page-setting .setting-box .setting-menu > ul > li.divided:before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + z-index: 1; + height: 1px; + background-color: #F4F4F5; +} + +.page-setting .setting-box .setting-menu > ul > li.divided:after { + content: ""; + position: absolute; + top: 1px; + left: 0; + right: 0; + z-index: 2; + height: 9px; + background-color: #ffffff; +} + +.page-setting .setting-box .setting-content { + flex: 1; + overflow: auto; + position: relative; + display: flex; + flex-direction: column; +} + +.page-setting .setting-box .setting-content .setting-content-title { + font-size: 20px; + font-weight: 500; + padding: 12px 32px; +} + +.page-setting .setting-box .setting-content .setting-content-view { + flex: 1; + position: relative; +} + +.page-setting .setting-box .setting-content .setting-content-view .setting-router-view { + padding: 24px 40px; +} + +.page-setting .setting-item .ivu-input, +.page-setting .setting-item .ivu-select-selection { + max-width: 460px; +} + +.page-setting .setting-item .ivu-form { + overflow: auto; +} + +.page-setting .setting-item .form-tip { + color: #999999; +} + +.page-setting .setting-item .setting-color { + min-width: 400px; + max-width: 600px; + margin-bottom: 12px; +} + +.page-setting .setting-item .setting-color > div { + text-align: center; + padding-right: 12px; +} + +.page-setting .setting-item .setting-color > div:first-child { + text-align: left; +} + +.page-setting .setting-item .setting-color > div:last-child { + padding-right: 0; + width: 60px; + flex: auto; + flex-shrink: 0; + max-width: 60px; +} + +.page-setting .setting-item .setting-color > div .ivu-color-picker { + width: 100%; +} + +.page-setting .setting-item .setting-color .information { + color: #999999; +} + +.page-setting .setting-item .setting-footer > button { + height: 34px; + line-height: 32px; + min-width: 94px; +} + +.page-setting .setting-item.submit { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.page-setting .setting-item.submit .setting-footer { + position: absolute; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + padding: 16px 24px 0; + border-top: 1px solid #F4F4F5; +} + +@media (max-width: 768px) { + .page-setting .setting-head .setting-titbox .setting-title .setting-more { + display: flex; + font-size: 24px; + width: 42px; + height: 42px; + align-items: center; + justify-content: center; + } + .page-setting .setting-box { + position: relative; + } + .page-setting .setting-box .setting-menu { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 9; + transition: all 0.2s; + background-color: #ffffff; + transform: translateX(-120%); + } + .page-setting .setting-box .setting-menu.show768-menu { + transform: translateX(0); + } + .page-setting .setting-box .setting-menu > ul { + padding: 12px 32px; + } +} + +.dialog-wrapper { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; + flex-direction: column; + background-color: #ffffff; + z-index: 1; +} + +.dialog-wrapper .dialog-title { + display: flex; + flex-direction: column; + justify-content: center; + padding: 0 30px; + height: 68px; + position: relative; +} + +.dialog-wrapper .dialog-title:after { + content: ""; + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 1px; + background-color: #f4f5f5; +} + +.dialog-wrapper .dialog-title .main-title { + display: flex; + align-items: center; + line-height: 22px; + max-width: 100%; +} + +.dialog-wrapper .dialog-title .main-title > h2 { + font-size: 17px; + font-weight: 600; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dialog-wrapper .dialog-title .main-title > em { + font-style: normal; + font-size: 17px; + font-weight: 500; + padding-left: 6px; +} + +.dialog-wrapper .dialog-title .sub-title { + flex-shrink: 0; + font-size: 12px; + line-height: 20px; + color: #aaaaaa; +} + +.dialog-wrapper .dialog-title .sub-title.pointer { + cursor: pointer; +} + +.dialog-wrapper .dialog-title .sub-title.pointer:hover { + color: #888888; +} + +.dialog-wrapper .dialog-scroller { + position: relative; + flex: 1; + padding: 0 32px; + overflow: auto; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li { + display: flex; + flex-direction: row; + align-items: flex-end; + list-style: none; + margin-bottom: 16px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li:first-child { + margin-top: 16px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-avatar { + position: relative; + margin-bottom: 20px; + flex-shrink: 0; + width: 30px; + height: 30px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view { + max-width: 70%; + display: flex; + flex-direction: column; + align-items: flex-start; + margin: 0 0 0 8px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content { + color: #333333; + background-color: #F4F5F7; + padding: 8px; + min-width: 32px; + border-radius: 6px 6px 6px 0; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.loading { + display: flex; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.loading .common-loading { + width: 20px; + height: 20px; + margin: 4px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.file { + display: inline-block; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.file .file-box { + background-color: #ffffff; + display: flex; + align-items: center; + padding: 10px 14px; + border-radius: 3px; + width: 220px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.file .file-box .file-thumb { + width: 36px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.file .file-box .file-info { + margin-left: 12px; + display: flex; + flex-direction: column; + justify-content: center; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.file .file-box .file-info .file-name { + color: #333333; + font-size: 14px; + line-height: 18px; + word-break: break-all; + text-overflow: ellipsis; + overflow: hidden; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.file .file-box .file-info .file-size { + padding-top: 4px; + color: #666666; + font-size: 14px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.img { + padding: 0; + display: flex; + max-width: 220px; + max-height: 220px; + border-radius: 6px; + background-color: transparent; + overflow: hidden; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.img .file-img { + display: flex; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-content.unknown { + text-decoration: underline; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-foot { + display: flex; + align-items: center; + padding-top: 4px; + height: 21px; + line-height: 1; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-foot .common-loading { + margin: 0 2px; + width: 10px; + height: 10px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-foot .time { + color: #bbbbbb; + font-size: 12px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-foot .done { + display: none; + margin-left: 4px; + transform: scale(0.9); + font-size: 12px; + color: #8bcf70; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li .dialog-view .dialog-foot .percent { + display: none; + margin-left: 4px; + cursor: pointer; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.history { + cursor: pointer; + justify-content: center; + font-size: 13px; + padding: 3px 0; + margin: 12px 0; + opacity: 0.6; + transition: opacity 0.2s; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.history:hover { + opacity: 1; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.history-tip { + position: relative; + padding-top: 60px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.history-tip .history-text { + font-style: normal; + position: absolute; + top: 10px; + left: 50%; + height: 22px; + line-height: 22px; + padding: 0 48px; + text-align: center; + font-size: 12px; + border-radius: 2px; + background: #f5f5f5; + transform: translateX(-50%); +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.loading { + padding: 12px 0; + justify-content: center; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.loading .common-loading { + margin: 0; + width: 18px; + height: 18px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.nothing { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #999999; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.bottom { + height: 0; + margin: 0; + padding: 0; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.self { + flex-direction: row-reverse; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.self .dialog-view { + align-items: flex-end; + margin: 0 8px 0 0; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.self .dialog-view .dialog-content { + color: #ffffff; + background-color: #8bcf70; + border-radius: 6px 6px 0 6px; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.self .dialog-view .dialog-content.file { + background-color: #F4F5F7; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.self .dialog-view .dialog-content.img { + border-radius: 6px; + background-color: transparent; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.self .dialog-view .dialog-foot .done { + display: inline-block; +} + +.dialog-wrapper .dialog-scroller .dialog-list > ul > li.self .dialog-view .dialog-foot .percent { + display: inline-block; +} + +.dialog-wrapper .dialog-footer { + display: flex; + flex-direction: column; + align-items: flex-end; + padding: 0 28px; + margin-bottom: 20px; +} + +.dialog-wrapper .dialog-footer .dialog-newmsg { + display: none; + height: 30px; + line-height: 30px; + color: #ffffff; + font-size: 12px; + background-color: rgba(0, 0, 0, 0.6); + padding: 0 12px; + margin-bottom: 20px; + margin-right: 10px; + border-radius: 16px; + cursor: pointer; + z-index: 2; +} + +.dialog-wrapper .dialog-footer .dialog-input { + background-color: #F4F5F7; + padding: 10px 12px; + border-radius: 10px; +} + +.dialog-wrapper .dialog-footer .dialog-input .ivu-input { + border: 0; + resize: none; + background-color: transparent; +} + +.dialog-wrapper .dialog-footer .dialog-input .ivu-input:focus { + box-shadow: none; +} + +.dialog-wrapper .dialog-footer .chat-upload { + display: none; + width: 0; + height: 0; + overflow: hidden; +} + +.dialog-wrapper .dialog-footer.newmsg { + margin-top: -50px; +} + +.dialog-wrapper .dialog-footer.newmsg .dialog-newmsg { + display: block; +} + +.dialog-wrapper .drag-over { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 3; + background-color: rgba(255, 255, 255, 0.78); + display: flex; + align-items: center; + justify-content: center; +} + +.dialog-wrapper .drag-over:before { + content: ""; + position: absolute; + top: 16px; + left: 16px; + right: 16px; + bottom: 16px; + border: 2px dashed #7b7b7b; + border-radius: 12px; +} + +.dialog-wrapper .drag-over .drag-text { + padding: 12px; + font-size: 18px; + color: #666666; +} + +.dialog-wrapper-read-poptip-content { + display: flex; + position: relative; +} + +.dialog-wrapper-read-poptip-content .read, +.dialog-wrapper-read-poptip-content .unread { + flex: 1; + max-height: 300px; + overflow: auto; +} + +.dialog-wrapper-read-poptip-content .read > li, +.dialog-wrapper-read-poptip-content .unread > li { + list-style: none; + margin-bottom: 12px; +} + +.dialog-wrapper-read-poptip-content .read > li .common-avatar, +.dialog-wrapper-read-poptip-content .unread > li .common-avatar { + width: 100%; +} + +.dialog-wrapper-read-poptip-content .read > li:last-child, +.dialog-wrapper-read-poptip-content .unread > li:last-child { + margin-bottom: 6px; +} + +.dialog-wrapper-read-poptip-content .read > li.read-title > em, +.dialog-wrapper-read-poptip-content .unread > li.read-title > em { + font-size: 18px; + font-weight: 600; + font-style: normal; + padding-right: 6px; +} + +.dialog-wrapper-read-poptip-content .unread > li { + padding-left: 16px; +} + +.dialog-wrapper-read-poptip-content:before { + content: ""; + position: absolute; + left: 50%; + top: 0; + bottom: 0; + width: 1px; + background-color: #F4F4F5; +} + +@media (max-width: 768px) { + .dialog-wrapper .dialog-footer { + padding: 0 20px; + margin-bottom: 16px; + } +} + +.file-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: flex; + flex-direction: column; + border-radius: 18px 18px 0 0; + overflow: hidden; +} + +.file-content .edit-header { + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + height: 42px; + background-color: #ffffff; + box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.05); + position: relative; + z-index: 99; +} + +.file-content .edit-header .header-title { + flex: 1; + color: #333333; + padding-left: 24px; + padding-right: 24px; + line-height: 24px; + font-size: 16px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.file-content .edit-header .header-title .file-unsave-tip { + color: #333333; + padding-right: 6px; + font-weight: 500; + cursor: pointer; + transition: color 0.3s; +} + +.file-content .edit-header .header-title .file-unsave-tip:hover { + color: #000000; +} + +.file-content .edit-header .header-user { + margin-right: 24px; +} + +.file-content .edit-header .header-user > ul { + display: flex; + align-items: center; +} + +.file-content .edit-header .header-user > ul > li { + list-style: none; + margin-right: -4px; +} + +.file-content .edit-header .header-user > ul > li.more { + width: 28px; + height: 28px; + text-align: center; + line-height: 24px; + font-size: 12px; + border: 2px solid #ffffff; + background-color: #8bcf70; + color: #ffffff; + z-index: 1; + border-radius: 50%; +} + +.file-content .edit-header .header-hint { + padding-right: 22px; + font-size: 12px; + color: #666; + white-space: nowrap; +} + +.file-content .edit-header .header-hint .ivu-btn { + font-size: 12px; + padding: 0 10px; +} + +.file-content .edit-header .header-hint .ivu-dropdown-item { + font-size: 12px !important; +} + +.file-content .edit-header .header-button { + font-size: 12px; + margin-right: 24px; +} + +.file-content .content-body { + flex: 1; + display: flex; + position: relative; +} + +.file-content .content-body .teditor-wrapper, +.file-content .content-body .mdeditor-wrapper { + flex: 1; + display: flex; +} + +.file-content .content-body .mdeditor-box { + position: relative; + width: 100%; +} + +.file-content .content-body .mdeditor-box .markdown { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: auto; + transform: translateZ(0); +} + +.file-content .content-body .mdeditor-box .markdown .markdown-toolbars { + border-bottom: 1px solid #eeeeee; +} + +.file-content .content-body .mdeditor-box .markdown.border { + border: 0 !important; +} + +.file-content .content-body .teditor-loadedstyle { + height: 100%; +} + +.file-content .content-body .teditor-loadedstyle .tox-tinymce { + border: 0; + border-radius: 0; +} + +.file-content .content-body .teditor-loadedstyle .tox-mbtn { + height: 36px; +} + +.file-content .content-body .teditor-loadedstyle .tox-menubar, +.file-content .content-body .teditor-loadedstyle .tox-toolbar-overlord { + padding: 0 12%; + background: #ffffff; +} + +.file-content .content-body .teditor-loadedstyle .tox-toolbar__overflow, +.file-content .content-body .teditor-loadedstyle .tox-toolbar__primary { + background: none !important; + border-top: 1px solid #eaeaea !important; +} + +.file-content .content-body .teditor-loadedstyle .tox-toolbar-overlord { + border-bottom: 1px solid #E9E9E9 !important; +} + +.file-content .content-body .teditor-loadedstyle .tox-toolbar__group:not(:last-of-type) { + border-right: 1px solid #eaeaea !important; +} + +.file-content .content-body .teditor-loadedstyle .tox-sidebar-wrap { + margin: 22px 12%; + border: 1px solid #e8e8e8; + border-radius: 2px; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08); +} + +.file-content .content-body .teditor-loadedstyle .tox-sidebar-wrap .tox-edit-area { + border-top: 0; +} + +.file-content .content-body .teditor-loadedstyle .tox-statusbar { + border-top: 1px solid #E9E9E9; +} + +.file-content .content-body .teditor-loadedstyle .tox-statusbar .tox-statusbar__resize-handle { + display: none; +} + +.file-content .content-body .luckysheet { + border: 0; +} + +.file-content .content-load { + display: flex; + align-items: center; + justify-content: center; + position: absolute; + top: 42px; + left: 0; + right: 0; + bottom: 0; + z-index: 1000; +} + +.file-content .content-load .common-loading { + margin: 0; +} + +.luckysheet-input-box { + z-index: 99999 !important; +} + +@media (max-width: 1200px) { + .file-content { + overflow: auto; + } + .file-content .edit-header, + .file-content .content-body { + min-width: 1200px; + } +} + +.project-archived { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + overflow: auto; +} + +.project-archived .archived-title { + color: #333333; + font-size: 20px; + font-weight: 500; + line-height: 1; + margin-bottom: 24px; +} + +.project-dialog { + display: flex; + flex-direction: column; + background-color: #ffffff; + border-left: 1px solid #f4f5f5; + z-index: 1; + position: relative; +} + +.project-dialog .project-dialog-wrapper .dialog-user { + margin-top: 36px; + padding: 0 32px; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-head { + display: flex; + align-items: center; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-title { + flex: 1; + font-size: 18px; + font-weight: 600; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-title > span { + padding-left: 6px; + color: #8bcf70; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-view-all { + color: #999; + font-size: 13px; + cursor: pointer; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-head .member-view-all:hover { + color: #777; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-list { + display: flex; + align-items: center; + margin-top: 14px; + overflow: auto; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-list > li { + position: relative; + list-style: none; + margin-right: 14px; + margin-bottom: 8px; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-list.member-all { + display: block; +} + +.project-dialog .project-dialog-wrapper .dialog-user .member-list.member-all > li { + display: inline-block; +} + +.project-dialog .project-dialog-wrapper .dialog-footer .dialog-back { + display: none; +} + +@media (max-width: 768px) { + .project-dialog .project-dialog-wrapper .dialog-user { + margin-top: 24px; + padding: 0 20px; + } + .project-dialog .project-dialog-wrapper .dialog-title { + padding: 0 20px; + } + .project-dialog .project-dialog-wrapper .dialog-scroller { + padding: 0 20px; + } + .project-dialog .project-dialog-wrapper .dialog-footer { + position: relative; + } + .project-dialog .project-dialog-wrapper .dialog-footer .dialog-back { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 64px; + z-index: 1; + font-size: 26px; + display: flex; + align-items: center; + justify-content: center; + } + .project-dialog .project-dialog-wrapper .dialog-footer .dialog-input { + width: calc(100% - 44px); + } +} + +.project-list { + display: flex; + flex-direction: column; +} + +.project-list .project-head { + display: flex; + flex-direction: column; + align-items: flex-start; + margin: 32px 32px 0; +} + +.project-list .project-head .project-titbox { + width: 100%; + display: flex; + align-items: flex-start; + justify-content: space-between; + margin-bottom: 24px; +} + +.project-list .project-head .project-titbox .project-title { + display: flex; + align-items: center; +} + +.project-list .project-head .project-titbox .project-title > h1 { + color: #333333; + font-size: 28px; + font-weight: 600; +} + +.project-list .project-head .project-titbox .project-title .project-load { + display: flex; + align-items: center; + margin-left: 18px; +} + +.project-list .project-head .project-titbox .project-title .project-load .common-loading { + width: 22px; + height: 22px; +} + +.project-list .project-head .project-titbox .project-icons { + display: flex; + align-items: center; + flex-shrink: 0; + margin-top: 3px; +} + +.project-list .project-head .project-titbox .project-icons > li { + list-style: none; + display: flex; + align-items: center; + justify-content: center; + width: 36px; + height: 36px; + border-radius: 50%; + position: relative; + margin-left: 16px; + cursor: pointer; + transition: box-shadow 0.3s; +} + +.project-list .project-head .project-titbox .project-icons > li:hover { + box-shadow: 0 0 6px #cccccc; +} + +.project-list .project-head .project-titbox .project-icons > li.project-icon { + border-radius: 50%; + background-color: #F2F3F5; +} + +.project-list .project-head .project-titbox .project-icons > li.project-icon .menu-icon { + font-size: 20px; + width: 36px; + height: 36px; + line-height: 36px; +} + +.project-list .project-head .project-titbox .project-icons > li.project-icon .menu-badge { + position: absolute; + top: -6px; + left: 20px; + transform: scale(0.8); +} + +.project-list .project-head .project-titbox .project-icons > li.project-icon .search-input { + margin: 2px 0; + width: 170px; +} + +.project-list .project-head .project-titbox .project-icons > li.project-icon.active { + color: #ffffff; + background-color: #8bcf70; +} + +.project-list .project-head .project-subtitle { + width: 100%; + color: #999999; + line-height: 24px; + margin-top: -6px; + margin-bottom: -18px; + padding-right: 260px; +} + +.project-list .project-head .project-switch { + width: 100%; + display: flex; + justify-content: flex-end; +} + +.project-list .project-head .project-switch .project-checkbox { + display: flex; + align-items: center; + margin-right: 14px; + opacity: 0.9; +} + +.project-list .project-head .project-switch .project-checkbox .ivu-checkbox-focus { + box-shadow: none; +} + +.project-list .project-head .project-switch .project-switch-button { + display: flex; + align-items: center; + background-color: #ffffff; + border-radius: 6px; + position: relative; + transition: box-shadow 0.2s; +} + +.project-list .project-head .project-switch .project-switch-button:hover { + box-shadow: 0 0 10px #e6ecfa; +} + +.project-list .project-head .project-switch .project-switch-button:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + z-index: 0; + color: #8bcf70; + border-radius: 6px; + border: 1px solid #8bcf70; + background-color: rgba(139, 207, 112, 0.1); + transition: left 0.2s; +} + +.project-list .project-head .project-switch .project-switch-button > div { + z-index: 1; + width: 32px; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + border-radius: 6px; + cursor: pointer; + color: #515a6e; +} + +.project-list .project-head .project-switch .project-switch-button > div > i { + font-size: 17px; +} + +.project-list .project-head .project-switch .project-switch-button > div:first-child { + color: #8bcf70; +} + +.project-list .project-head .project-switch .project-switch-button.menu:before { + left: 50%; +} + +.project-list .project-head .project-switch .project-switch-button.menu > div:first-child { + color: #515a6e; +} + +.project-list .project-head .project-switch .project-switch-button.menu > div:last-child { + color: #8bcf70; +} + +.project-list .project-column { + display: flex; + height: 100%; + padding-top: 18px; + overflow-x: auto; + overflow-y: hidden; +} + +.project-list .project-column > ul { + display: inline-flex; + justify-content: space-between; + align-items: flex-start; +} + +.project-list .project-column > ul > li { + flex-shrink: 0; + list-style: none; + width: 260px; + height: 100%; + display: flex; + flex-direction: column; +} + +.project-list .project-column > ul > li:first-child { + margin-left: 22px; +} + +.project-list .project-column > ul > li:last-child { + margin-right: 22px; +} + +.project-list .project-column > ul > li.add-column { + height: 36px; + color: #888888; + cursor: pointer; + background-color: #F2F3F5; + border-radius: 4px; +} + +.project-list .project-column > ul > li.add-column .add-column-text { + display: flex; + flex-direction: row; + align-items: center; + line-height: 36px; + padding: 0 12px; +} + +.project-list .project-column > ul > li.add-column .add-column-text > i { + font-size: 16px; + padding-right: 8px; +} + +.project-list .project-column > ul > li.add-column .add-column-text:hover { + color: #777777; +} + +.project-list .project-column > ul > li.add-column .add-column-input { + display: none; + align-items: center; + height: 36px; +} + +.project-list .project-column > ul > li.add-column .add-column-input .ivu-input { + height: 36px; + padding: 4px 10px; +} + +.project-list .project-column > ul > li.add-column .add-column-input .ivu-input-icon { + width: 36px; + height: 36px; + line-height: 36px; +} + +.project-list .project-column > ul > li.add-column.show-input .add-column-text { + display: none; +} + +.project-list .project-column > ul > li.add-column.show-input .add-column-input { + display: flex; +} + +.project-list .project-column > ul > li .column-head { + display: flex; + align-items: center; + padding: 7px 10px; + margin: 0 10px; + background-color: #F2F3F5; + border-radius: 4px; +} + +.project-list .project-column > ul > li .column-head .column-head-title { + flex: 1; + width: 0; + display: flex; + align-items: center; + font-weight: 500; +} + +.project-list .project-column > ul > li .column-head .column-head-title > span { + font-size: 15px; +} + +.project-list .project-column > ul > li .column-head .column-head-title > em { + color: #888888; + font-style: normal; + font-size: 14px; + padding-left: 6px; +} + +.project-list .project-column > ul > li .column-head .column-head-icon { + display: flex; + align-items: center; + margin-left: 16px; +} + +.project-list .project-column > ul > li .column-head .column-head-icon .loading, +.project-list .project-column > ul > li .column-head .column-head-icon .ivu-icon { + width: 24px; + height: 24px; + display: flex; + align-items: center; + justify-content: center; + padding-right: 8px; +} + +.project-list .project-column > ul > li .column-head .column-head-icon .loading .common-loading, +.project-list .project-column > ul > li .column-head .column-head-icon .ivu-icon .common-loading { + width: 16px; + height: 16px; + margin: 0; +} + +.project-list .project-column > ul > li .column-head .column-head-icon .ivu-icon { + cursor: pointer; + font-size: 16px; + color: #aaaaaa; + font-weight: 600; + transition: color 0.3s; +} + +.project-list .project-column > ul > li .column-head .column-head-icon .ivu-icon:hover { + color: #888888; +} + +.project-list .project-column > ul > li .column-head .column-head-icon .last { + padding-right: 0; +} + +.project-list .project-column > ul > li .column-head.custom-color { + color: #ffffff; +} + +.project-list .project-column > ul > li .column-head.custom-color .column-head-title > em { + color: rgba(255, 255, 255, 0.6); +} + +.project-list .project-column > ul > li .column-head.custom-color .ivu-icon { + color: rgba(255, 255, 255, 0.5); +} + +.project-list .project-column > ul > li .column-head.custom-color .ivu-icon:hover { + color: rgba(255, 255, 255, 0.9); +} + +.project-list .project-column > ul > li .column-task { + flex: 1; + display: flex; + flex-direction: column; + overflow-x: hidden; + overflow-y: auto; +} + +.project-list .project-column > ul > li .column-task .task-list > div:last-child { + margin-bottom: 16px; +} + +.project-list .project-column > ul > li .column-task .task-item { + cursor: pointer; + margin: 16px 10px 0; + background-color: #ffffff; + border-radius: 12px; + padding: 12px; + transition: box-shadow 0.3s, opacity 0.3s; + position: relative; +} + +.project-list .project-column > ul > li .column-task .task-item:hover { + box-shadow: 0 0 10px #e6ecfa; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head { + display: flex; + align-items: flex-start; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head .task-title { + flex: 1; + padding-top: 1px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head .task-title > pre { + margin: 0; + padding: 0; + line-height: 1.5; + white-space: pre-wrap; + word-wrap: break-word; + word-break: break-word; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head .task-menu { + margin-left: 8px; + width: 22px; + height: 22px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head .task-menu .loading, +.project-list .project-column > ul > li .column-task .task-item .task-head .task-menu .ivu-icon { + width: 22px; + height: 22px; + display: flex; + align-items: center; + justify-content: center; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head .task-menu .loading .common-loading, +.project-list .project-column > ul > li .column-task .task-item .task-head .task-menu .ivu-icon .common-loading { + width: 16px; + height: 16px; + margin: 0; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head .task-menu .ivu-icon { + font-size: 22px; + color: #777777; + cursor: pointer; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head .task-menu .ivu-icon:hover { + color: #555555; +} + +.project-list .project-column > ul > li .column-task .task-item .task-head.has-desc .task-title { + font-weight: 600; +} + +.project-list .project-column > ul > li .column-task .task-item .task-desc { + color: #999999; + margin-top: 10px; + line-height: 20px; + word-break: break-all; +} + +.project-list .project-column > ul > li .column-task .task-item .task-tags { + margin-top: 10px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users { + margin-top: 10px; + display: flex; + align-items: center; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users > ul { + flex: 1; + width: 0; + display: flex; + align-items: center; + overflow: auto; + margin-right: 24px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users > ul > li { + list-style: none; + margin-left: -6px; + width: 32px; + height: 32px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users > ul > li:first-child { + margin-left: 0; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users > ul > li.no-owner { + width: auto; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users > ul > li.no-owner .ivu-btn-small { + font-size: 12px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users .task-icon { + margin-left: 6px; + font-size: 12px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-users .task-icon .ivu-icon { + margin-left: 1px; + font-size: 14px; +} + +.project-list .project-column > ul > li .column-task .task-item .task-progress { + margin-top: 10px; + display: flex; + align-items: center; + justify-content: flex-end; +} + +.project-list .project-column > ul > li .column-task .task-item .task-progress .task-sub-num { + font-size: 12px; + margin-right: 8px; + color: #777777; +} + +.project-list .project-column > ul > li .column-task .task-item .task-progress .task-time { + flex-shrink: 0; + color: #777777; + background-color: #EAEDF2; + padding: 1px 4px; + margin-left: 18px; + font-size: 12px; + border-radius: 3px; + display: flex; + align-items: center; +} + +.project-list .project-column > ul > li .column-task .task-item .task-progress .task-time.overdue { + font-weight: 600; + color: #ffffff; + background-color: #ed4014; +} + +.project-list .project-column > ul > li .column-task .task-item .task-progress .task-time.today { + font-weight: 500; + color: #ffffff; + background-color: #ff9900; +} + +.project-list .project-column > ul > li .column-task .task-item .task-progress .task-time .taskfont { + margin-right: 3px; + font-size: 12px; +} + +.project-list .project-column > ul > li .column-task .task-item .priority-color { + position: absolute; + top: 12px; + left: 0; + width: 3px; + height: 42px; + max-height: 50%; + border-radius: 2px; +} + +.project-list .project-column > ul > li .column-task .task-item.additem { + cursor: default; + padding: 0; +} + +.project-list .project-column > ul > li .column-task .task-item.complete { + opacity: 0.5; +} + +.project-list .project-column > ul > li .column-task .task-item.complete:hover { + opacity: 0.8; +} + +.project-list .project-column > ul > li .column-task .task-item.complete .task-head .task-title { + text-decoration: line-through; +} + +.project-list .project-column > ul > li .column-task .task-item.complete .task-desc, +.project-list .project-column > ul > li .column-task .task-item.complete .task-tags, +.project-list .project-column > ul > li .column-task .task-item.complete .task-users, +.project-list .project-column > ul > li .column-task .task-item.complete .task-progress, +.project-list .project-column > ul > li .column-task .task-item.complete .priority-color { + display: none; +} + +.project-list .project-column > ul > li .column-task .task-item.hidden { + display: none; +} + +.project-list .project-table { + height: 100%; + margin-top: 18px; + overflow-x: hidden; + overflow-y: auto; +} + +.project-list .project-table .task-row { + background-color: #ffffff; + border-bottom: 1px solid #F4F4F5; + position: relative; +} + +.project-list .project-table .task-row > div { + display: flex; + align-items: center; + padding: 8px 12px; + border-right: 1px solid #F4F4F5; +} + +.project-list .project-table .task-row > div:first-child { + padding-left: 32px; +} + +.project-list .project-table .task-row > div:last-child { + border-right: 0; +} + +.project-list .project-table .task-row > div.complete .item-title { + color: #aaaaaa; + text-decoration: line-through; +} + +.project-list .project-table .task-row .priority-color { + position: absolute; + top: 0; + left: 0; + bottom: -1px; + width: 3px; +} + +.project-list .project-table .project-table-head, +.project-list .project-table .project-table-body { + margin: 0 32px 12px; + border-radius: 5px; + border: 1px solid #F4F4F5; + border-bottom: 0; + overflow: hidden; +} + +.project-list .project-table .project-table-head.project-table-hide .task-rows, +.project-list .project-table .project-table-body.project-table-hide .task-rows { + display: none; +} + +.project-list .project-table .project-table-head.project-table-hide .row-title .taskfont, +.project-list .project-table .project-table-body.project-table-hide .row-title .taskfont { + transform: rotate(-90deg); +} + +.project-list .project-table .project-table-head .task-row > div { + color: #888888; + font-size: 13px; + font-weight: 500; +} + +.project-list .project-table .project-table-body { + transition: box-shadow 0.3s; +} + +.project-list .project-table .project-table-body:hover { + box-shadow: 0 0 10px #e6ecfa; +} + +.project-list .project-table .project-table-body .task-row > div { + padding: 10px 12px; +} + +.project-list .project-table .project-table-body .task-row > div.row-title { + font-size: 14px; + font-weight: 500; + color: #333333; + padding-left: 14px; +} + +.project-list .project-table .project-table-body .task-row > div.row-title .taskfont { + cursor: pointer; + transition: transform 0.3s; + font-size: 12px; +} + +.project-list .project-table .project-table-body .task-row > div.row-title .row-h1 { + padding-left: 18px; +} + +.project-list .project-table .project-table-body .task-row > div.row-title .row-num { + color: #999999; + padding-left: 6px; +} + +.project-list .project-table .project-table-body .task-row > div.row-name { + align-items: flex-start; + padding: 12px 12px 12px 34px; + line-height: 24px; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .drop-icon { + position: relative; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .loading { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 16px; + display: flex; + align-items: center; + justify-content: center; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .loading .common-loading { + margin: 0; + width: 14px; + height: 14px; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .ivu-icon { + cursor: pointer; + font-size: 16px; + color: #cccccc; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .ivu-icon.completed { + color: #8bcf70; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .ivu-icon.sub-icon { + font-size: 16px; + width: 16px; + height: 16px; + margin-top: 4px; + margin-left: -20px; + margin-right: 4px; + color: #cfcfcf; + transition: transform 0.2s; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .ivu-icon.sub-icon.active { + transform: rotate(90deg); +} + +.project-list .project-table .project-table-body .task-row > div.row-name .item-title { + flex: 1; + padding: 0 22px 0 8px; + cursor: pointer; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .item-icons { + display: flex; + align-items: center; + margin-left: 4px; + flex-shrink: 0; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .item-icons .item-icon { + display: flex; + font-size: 12px; + margin-left: 16px; + color: #aaaaaa; + cursor: pointer; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .item-icons .item-icon .taskfont { + font-size: 12px; +} + +.project-list .project-table .project-table-body .task-row > div.row-name .item-icons .item-icon > em { + font-style: normal; + margin-left: 4px; +} + +.project-list .project-table .project-table-body .task-row > div.row-column .task-column { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.project-list .project-table .project-table-body .task-row > div.row-priority .el-dropdown { + display: flex; + align-items: center; + overflow: hidden; +} + +.project-list .project-table .project-table-body .task-row > div.row-user { + padding: 8px; +} + +.project-list .project-table .project-table-body .task-row > div.row-user > ul { + height: 32px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.project-list .project-table .project-table-body .task-row > div.row-user > ul > li { + list-style: none; + display: inline-block; + margin-left: -6px; +} + +.project-list .project-table .project-table-body .task-row > div.row-user > ul > li:first-child { + margin-left: 0; +} + +.project-list .project-table .project-table-body .task-row > div.row-user > ul > li.no-owner { + height: 32px; + display: flex; + align-items: center; +} + +.project-list .project-table .project-table-body .task-row > div.row-time .task-time { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.project-list .project-table .project-table-body .task-row > div.row-time .task-time.overdue, .project-list .project-table .project-table-body .task-row > div.row-time .task-time.today { + color: #ffffff; + padding: 1px 5px; + font-size: 13px; + border-radius: 3px; +} + +.project-list .project-table .project-table-body .task-row > div.row-time .task-time.overdue { + font-weight: 600; + background-color: #ed4014; +} + +.project-list .project-table .project-table-body .task-row > div.row-time .task-time.today { + font-weight: 500; + background-color: #ff9900; +} + +.project-list .project-table .project-table-body .task-rows .task-rows { + position: relative; + overflow: hidden; +} + +.project-list .project-table .project-table-body .task-rows .task-rows:before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + box-shadow: rgba(0, 0, 0, 0.08) 0 0 8px 1px; + z-index: 1; +} + +.project-list .project-table .project-table-body .task-rows .task-rows .task-row { + background-color: #fcfcfd; +} + +.project-list .project-table .project-table-body .task-rows .task-rows .task-row > div.row-name { + padding-left: 56px; +} + +.project-list .project-table .project-table-body .task-rows .task-rows .task-row > div.row-name .item-title { + color: #6C7D8C; +} + +.project-list .project-table .project-table-body .task-rows .task-rows .task-add-row { + background-color: #fcfcfd; +} + +.project-list .project-table .project-table-body .task-rows .task-rows .task-add-row > div.row-add { + padding-left: 56px; +} + +.project-list-more-dropdown-menu > li .item { + display: flex; + align-items: center; +} + +.project-list-more-dropdown-menu > li .item > i { + width: 18px; + height: 18px; + line-height: 18px; + font-size: 18px; + margin-right: 8px; + padding: 0; + color: #bbbbbb; +} + +.project-list-more-dropdown-menu > li .item > i.ivu-icon { + font-size: 16px; +} + +@media (max-width: 768px) { + .project-list .project-head { + margin: 24px 24px 0; + } + .project-list .project-head .project-titbox { + display: block; + } + .project-list .project-head .project-titbox .project-title { + float: left; + padding-bottom: 4px; + } + .project-list .project-head .project-titbox .project-icons { + float: right; + margin-left: 24px; + margin-top: 4px; + justify-content: flex-end; + } + .project-list .project-head .project-subtitle { + padding-right: 12px; + margin-bottom: 6px; + } + .project-list .project-column > ul > li:first-child { + margin-left: 10px; + } + .project-list .project-column > ul > li:last-child { + margin-right: 10px; + } + .project-list .project-table { + overflow-x: auto; + } + .project-list .project-table .project-table-head, + .project-list .project-table .project-table-body { + min-width: 768px; + margin: 0 24px 12px; + } +} + +.project-log .log-title { + display: none; +} + +.project-log.is-drawer { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + overflow: auto; +} + +.project-log.is-drawer .log-title { + color: #333333; + font-size: 20px; + font-weight: 500; + line-height: 1; + margin-bottom: 24px; +} + +.project-log .logs-activity { + position: relative; + word-break: break-all; + padding: 12px 12px; +} + +.project-log .logs-activity > li { + list-style: none; + padding-top: 0; +} + +.project-log .logs-activity > li.logs-loading, .project-log .logs-activity > li.logs-more, .project-log .logs-activity > li.logs-none { + height: 22px; + line-height: 22px; +} + +.project-log .logs-activity > li.logs-loading { + display: flex; +} + +.project-log .logs-activity > li.logs-loading .common-loading { + margin: 0; +} + +.project-log .logs-activity > li.logs-more { + cursor: pointer; +} + +.project-log .logs-activity > li.logs-more:hover { + color: #048be0; +} + +.project-log .logs-activity > li.logs-none { + cursor: pointer; + color: #bbbbbb; +} + +.project-log .logs-activity > li .logs-date { + color: rgba(0, 0, 0, 0.36); + padding-bottom: 14px; +} + +.project-log .logs-activity > li .logs-section { + margin: 4px; +} + +.project-log .logs-activity > li .logs-section .ivu-timeline > li { + padding-bottom: 8px; +} + +.project-log .logs-activity > li .logs-section .ivu-timeline > li:last-child { + padding-bottom: 0; +} + +.project-log .logs-activity > li .logs-section .ivu-timeline > li .ivu-timeline-item-head-custom { + margin-top: 8px; +} + +.project-log .logs-activity > li .logs-dot { + width: 18px; + height: 18px; + margin-left: 10px; +} + +.project-log .logs-activity > li .logs-dot .avatar-box > em { + transform-origin: bottom right; +} + +.project-log .logs-activity > li .log-summary > span, +.project-log .logs-activity > li .log-summary > a { + padding-right: 6px; + word-wrap: break-word; + word-break: break-word; +} + +.project-log .logs-activity > li .log-summary .log-creator { + color: rgba(0, 0, 0, 0.85); +} + +.project-log .logs-activity > li .log-summary .log-text { + color: rgba(0, 0, 0, 0.54); +} + +.project-log .logs-activity > li .log-summary .log-time { + color: rgba(0, 0, 0, 0.3); + font-size: 12px; +} + +.project-management { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + overflow: auto; +} + +.project-management .management-title { + color: #333333; + font-size: 20px; + font-weight: 500; + line-height: 1; + margin-bottom: 24px; +} + +.project-management .project-name { + line-height: 1; +} + +.project-management .project-name .ivu-tag { + height: 18px; + line-height: 18px; + padding: 0 4px; + margin: 0 -2px 0 0; + transform: scale(0.8); + transform-origin: left bottom; +} + +.project-management .project-percent { + line-height: 1; +} + +.project-management .project-percent .ivu-progress { + margin-top: 2px; +} + +.task-add .task-add-form, +.task-add .task-add-advanced { + margin: 0 0 -18px; +} + +.task-add .task-add-form .ivu-form-item-label, +.task-add .task-add-advanced .ivu-form-item-label { + font-weight: 600; +} + +.task-add .task-add-form .teditor-box .tox-tinymce, +.task-add .task-add-advanced .teditor-box .tox-tinymce { + border-color: #e8e8e8; +} + +.task-add .task-add-form .teditor-box .tox .tox-statusbar, +.task-add .task-add-form .teditor-box .tox .tox-menubar + .tox-toolbar, +.task-add .task-add-form .teditor-box .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary, +.task-add .task-add-form .teditor-box .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type), +.task-add .task-add-advanced .teditor-box .tox .tox-statusbar, +.task-add .task-add-advanced .teditor-box .tox .tox-menubar + .tox-toolbar, +.task-add .task-add-advanced .teditor-box .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary, +.task-add .task-add-advanced .teditor-box .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) { + border-color: #e8e8e8; +} + +.task-add .task-add-form .teditor-box .tox .tox-toolbar, +.task-add .task-add-form .teditor-box .tox .tox-toolbar__overflow, +.task-add .task-add-form .teditor-box .tox .tox-toolbar__primary, +.task-add .task-add-advanced .teditor-box .tox .tox-toolbar, +.task-add .task-add-advanced .teditor-box .tox .tox-toolbar__overflow, +.task-add .task-add-advanced .teditor-box .tox .tox-toolbar__primary { + background-image: none; + border-bottom: 1px solid #e8e8e8; +} + +.task-add .task-add-form .advanced-option, +.task-add .task-add-advanced .advanced-option { + margin-top: -6px; + z-index: 1; + display: flex; + align-items: center; +} + +.task-add .task-add-form .advanced-option > button, +.task-add .task-add-advanced .advanced-option > button { + transition: margin 0.2s; +} + +.task-add .task-add-form .advanced-option > button.advanced, +.task-add .task-add-advanced .advanced-option > button.advanced { + margin-left: 22px; +} + +.task-add .task-add-form .advanced-option > button:focus, +.task-add .task-add-advanced .advanced-option > button:focus { + box-shadow: none; +} + +.task-add .task-add-form .advanced-option .advanced-priority, +.task-add .task-add-advanced .advanced-option .advanced-priority { + display: flex; + align-items: center; + margin-left: 24px; + height: 34px; +} + +.task-add .task-add-form .advanced-option .advanced-priority > li, +.task-add .task-add-advanced .advanced-option .advanced-priority > li { + list-style: none; + margin-left: 3px; +} + +.task-add .task-add-form .advanced-option .advanced-priority > li .taskfont, +.task-add .task-add-advanced .advanced-option .advanced-priority > li .taskfont { + font-size: 34px; + cursor: pointer; +} + +.task-add .task-add-advanced { + margin: 1px 0 0; + padding: 34px 32px 6px; + border-radius: 8px; + border: 1px solid #e8e8e8; +} + +.task-add .task-add-advanced .subtasks { + margin-bottom: 24px; + padding: 12px 16px; + border-radius: 6px; + background-color: #f8f8f8; +} + +.task-add .task-add-advanced .subtasks .enter-input.empty .ivu-input { + background: transparent; + border-color: transparent; +} + +.task-add .task-add-advanced .subtasks .enter-input.empty .ivu-input:hover, .task-add .task-add-advanced .subtasks .enter-input.empty .ivu-input:focus { + box-shadow: none; +} + +.task-add .task-add-advanced .subtasks .sublist .ivu-row { + margin-bottom: 12px; +} + +.task-add .task-add-advanced .subtasks .sublist .ivu-row > div { + padding-right: 7px; +} + +.task-add .task-add-advanced .subtasks .sublist .ivu-row > div:last-child { + padding-right: 0; +} + +.task-add .task-add-advanced .ivu-date-picker { + width: 100%; +} + +.task-add-advanced-transfer .task-drop-prepend { + text-align: center; + color: #c5c8ce; + line-height: 20px; + padding-bottom: 5px; + font-size: 12px; + border-bottom: 1px solid #f1f1f1; + margin-bottom: 5px; +} + +.task-add-simple { + padding: 12px; +} + +.task-add-simple .ivu-input-wrapper { + display: none; +} + +.task-add-simple .add-placeholder { + cursor: pointer; + color: #888888; + margin: -12px; + padding: 12px; +} + +.task-add-simple .add-placeholder .ivu-icon { + margin-right: 4px; +} + +.task-add-simple .add-placeholder:hover { + color: #666666; +} + +.task-add-simple .priority { + display: none; + align-items: center; + min-height: 22px; + margin-top: 10px; + margin-bottom: -3px; +} + +.task-add-simple .priority > ul { + flex: 1; + display: flex; + align-items: center; +} + +.task-add-simple .priority > ul > li { + list-style: none; + margin-right: 3px; +} + +.task-add-simple .priority > ul > li .taskfont { + font-size: 22px; + cursor: pointer; +} + +.task-add-simple .priority .ivu-icon { + cursor: pointer; + font-size: 16px; +} + +.task-add-simple.active .ivu-input-wrapper { + display: block; +} + +.task-add-simple.active .add-placeholder { + display: none; +} + +.task-add-simple.active .priority { + display: flex; +} + +.task-add-row { + background-color: #ffffff; + border-bottom: 1px solid #F4F4F5; + position: relative; +} + +.task-add-row > div { + display: flex; + padding: 8px 12px; + border-right: 1px solid #F4F4F5; +} + +.task-add-row > div:last-child { + border-right: 0; +} + +.task-add-row > div.row-add { + display: flex; + flex-direction: column; + justify-content: center; + min-height: 48px; + padding-left: 34px; +} + +.task-add-row > div.row-add .add-btn { + display: block; + cursor: pointer; + opacity: 0.5; + transition: opacity 0.3s; +} + +.task-add-row > div.row-add .add-btn .add-icon { + font-size: 16px; + margin-right: 8px; +} + +.task-add-row > div.row-add .add-btn:hover { + opacity: 1; +} + +.task-add-row > div.row-add .add-input { + display: none; + align-items: flex-start; + border: 1px solid #dcdee2; + border-radius: 4px; + color: #515a6e; + background-color: #fff; +} + +.task-add-row > div.row-add .add-input:hover { + border-color: #57a3f3; +} + +.task-add-row > div.row-add .add-input textarea { + border-color: transparent; + resize: none; +} + +.task-add-row > div.row-add .add-input textarea:focus { + box-shadow: none; +} + +.task-add-row > div.row-add .add-input .priority { + margin: 0 4px; + display: flex; + align-items: center; + height: 31px; +} + +.task-add-row > div.row-add .add-input .priority > ul { + flex: 1; + display: flex; + align-items: center; +} + +.task-add-row > div.row-add .add-input .priority > ul > li { + list-style: none; + margin-right: 4px; +} + +.task-add-row > div.row-add .add-input .priority > ul > li .taskfont { + font-size: 17px; + cursor: pointer; +} + +.task-add-row > div.row-add .add-input .priority .ivu-icon { + cursor: pointer; + font-size: 15px; + margin: 0 5px 0 3px; +} + +.task-add-row > div.row-add.active { + padding-top: 7px; + padding-bottom: 7px; +} + +.task-add-row > div.row-add.active .add-btn { + display: none; +} + +.task-add-row > div.row-add.active .add-input { + display: flex; +} + +.task-archived { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + overflow: auto; +} + +.task-archived .archived-title { + color: #333333; + font-size: 20px; + font-weight: 500; + line-height: 1; + margin-bottom: 24px; +} + +.task-detail { + display: flex; + flex-direction: column; + margin: 0 -10px 30px; +} + +.task-detail .task-info { + flex: 1; + display: flex; + flex-direction: column; + position: relative; +} + +.task-detail .task-info .head { + display: flex; + align-items: center; + height: 40px; + padding-bottom: 10px; + color: #888888; + position: relative; +} + +.task-detail .task-info .head:before { + content: ""; + position: absolute; + left: 36px; + right: 0; + bottom: 0; + height: 1px; + background-color: #f4f5f5; +} + +.task-detail .task-info .head .icon { + width: 18px; + font-size: 18px; + cursor: pointer; +} + +.task-detail .task-info .head .icon.completed { + color: #8bcf70; +} + +.task-detail .task-info .head .nav { + flex: 1; + display: flex; + align-items: center; + padding-left: 18px; + font-size: 12px; +} + +.task-detail .task-info .head .nav > p { + display: flex; + align-items: center; + padding-right: 5px; +} + +.task-detail .task-info .head .nav > p:after { + content: "/"; + padding-left: 5px; +} + +.task-detail .task-info .head .nav > p:last-child:after { + display: none; +} + +.task-detail .task-info .head .pick { + margin-left: 16px; + margin-right: -16px; +} + +.task-detail .task-info .head .menu { + font-size: 22px; + margin: 0 32px; + cursor: pointer; +} + +.task-detail .task-info .scroller { + margin-left: 36px; + padding-right: 36px; + overflow-x: hidden; + overflow-y: auto; +} + +.task-detail .task-info .scroller .title { + margin-top: 18px; +} + +.task-detail .task-info .scroller .title .ivu-input { + font-weight: 500; + font-size: 24px; + padding: 4px 0; + line-height: 1.4; + resize: none; + border-color: transparent; +} + +.task-detail .task-info .scroller .title .ivu-input:focus { + box-shadow: none; +} + +.task-detail .task-info .scroller .desc { + margin-top: 10px; +} + +.task-detail .task-info .scroller .desc div[contenteditable="true"] { + outline: none; +} + +.task-detail .task-info .scroller .desc .mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before { + color: #bbbbbb; +} + +.task-detail .task-info .scroller .items { + margin-top: 12px; +} + +.task-detail .task-info .scroller .items .ivu-form-item { + margin-bottom: 10px; +} + +.task-detail .task-info .scroller .items .item-label { + display: flex; + align-items: center; + color: #bbbbbb; +} + +.task-detail .task-info .scroller .items .item-label .taskfont { + margin-right: 4px; +} + +.task-detail .task-info .scroller .items .item-content { + margin-top: 5px; + margin-left: 12px; +} + +.task-detail .task-info .scroller .items .item-content > li { + display: flex; + align-items: center; + list-style: none; + line-height: 26px; +} + +.task-detail .task-info .scroller .items .item-content > li .el-dropdown { + display: flex; + cursor: pointer; +} + +.task-detail .task-info .scroller .items .item-content > li .task-priority { + padding: 0 7px; +} + +.task-detail .task-info .scroller .items .item-content > li .picker-time { + display: flex; + align-items: center; + line-height: 26px; +} + +.task-detail .task-info .scroller .items .item-content > li .picker-time .time { + cursor: pointer; +} + +.task-detail .task-info .scroller .items .item-content > li .picker-time .ivu-tag { + flex-shrink: 0; + margin-left: 10px; + padding: 0 4px; + height: 20px; + line-height: 18px; +} + +.task-detail .task-info .scroller .items .item-content > li .picker-time .ivu-tag .ivu-tag-text { + display: flex; + align-items: center; +} + +.task-detail .task-info .scroller .items .item-content > li .picker-time .ivu-tag .ivu-tag-text .taskfont { + transform: scale(0.9); + font-size: 14px; + padding-right: 3px; +} + +.task-detail .task-info .scroller .items .item-content.user { + margin-top: 1px; + cursor: pointer; +} + +.task-detail .task-info .scroller .items .item-content.user .user-list > div { + display: inline-block; + margin-right: 6px; +} + +.task-detail .task-info .scroller .items .item-content.file { + margin-bottom: -3px; +} + +.task-detail .task-info .scroller .items .item-content.file > li { + margin-bottom: 2px; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-load { + margin: 0; + padding: 2px; + width: 16px; + height: 16px; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-ext { + width: 16px; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-name { + color: #515a6e; + padding-left: 8px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-name:hover { + color: #8bcf70; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-size { + flex-shrink: 0; + padding-left: 10px; + height: 24px; + font-size: 12px; + color: #bbbbbb; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-delete { + padding-left: 12px; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-delete .taskfont { + display: none; + font-size: 14px; + color: #aaaaaa; + transition: color 0.3s; + cursor: pointer; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-delete .taskfont:hover { + color: #ff0000; +} + +.task-detail .task-info .scroller .items .item-content.file > li .file-delete .taskfont.deling { + display: inline-block; +} + +.task-detail .task-info .scroller .items .item-content.file > li:hover .file-delete .taskfont { + display: inline-block; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li { + align-items: flex-start; + margin-bottom: 4px; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li:last-child { + margin-bottom: -6px; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-icon { + width: 16px; + height: 26px; + line-height: 26px; + margin-right: 6px; + cursor: pointer; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-icon .loading { + width: 16px; + height: 16px; + margin: 0; + padding: 2px; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-icon .ivu-icon { + font-size: 16px; + color: #cccccc; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-icon .ivu-icon.completed { + color: #8bcf70; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-icon.sub-icon { + font-size: 16px; + width: 16px; + height: 16px; + margin-left: -20px; + margin-right: 4px; + color: #cfcfcf; + transition: transform 0.2s; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-icon.sub-icon.active { + transform: rotate(90deg); +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-name { + flex: 1; + margin-right: 16px; + display: flex; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-name .ivu-input { + margin: -2px 0; + padding: 4px 0; + resize: none; + border-color: transparent; + line-height: 20px; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-name .ivu-input:focus { + box-shadow: none; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-time { + margin-right: 8px; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-time .time { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 13px; + height: 26px; + line-height: 26px; + cursor: pointer; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-time .time.overdue { + font-weight: 600; + color: #ed4014; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-time .time.today { + font-weight: 500; + color: #ff9900; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .subtask-avatar { + height: 26px; + line-height: 26px; + cursor: pointer; +} + +.task-detail .task-info .scroller .items .item-content.subtask > li .ivu-icon-ios-loading { + animation: icon-loading-load 0.6s infinite linear; +} + +.task-detail .task-info .scroller .items .item-content.nosub { + margin-top: 0; +} + +.task-detail .task-info .scroller .items .item-content.nosub > li .add-input, +.task-detail .task-info .scroller .items .item-content.nosub > li .add-button { + margin-top: -2px; +} + +.task-detail .task-info .scroller .add { + margin-top: 12px; + margin-bottom: 10px; +} + +.task-detail .task-info .scroller .add-input { + margin-top: 6px; +} + +.task-detail .task-info .scroller .add-button { + cursor: pointer; + color: #bbbbbb; + display: flex; + align-items: center; + margin-top: 6px; + height: 32px; +} + +.task-detail .task-info .scroller .add-button > i { + font-size: 14px; + padding-right: 8px; +} + +.task-detail .task-info .scroller .add-button > em { + font-style: normal; + padding-left: 4px; +} + +.task-detail .task-info .scroller .add-button > em:after { + content: "/"; + padding-left: 4px; +} + +.task-detail .task-info .scroller .add-button > em:last-child:after { + display: none; +} + +.task-detail .task-info .scroller .add-button:hover { + color: #999999; +} + +.task-detail .task-info .upload { + display: none; +} + +.task-detail .task-dialog { + flex: 1; + display: flex; + flex-direction: column; + margin-top: 22px; + position: relative; +} + +.task-detail .task-dialog .head { + display: flex; + align-items: center; + height: 40px; + padding-bottom: 10px; + color: #888888; + position: relative; +} + +.task-detail .task-dialog .head:before { + content: ""; + position: absolute; + left: 36px; + right: 0; + bottom: 0; + height: 1px; + background-color: #f4f5f5; +} + +.task-detail .task-dialog .head .icon { + width: 18px; + font-size: 18px; +} + +.task-detail .task-dialog .head .nav { + flex: 1; + display: flex; + align-items: center; + padding-left: 18px; + font-weight: 500; + color: #666666; +} + +.task-detail .task-dialog .head .nav > p { + display: flex; + align-items: center; + margin-right: 24px; + cursor: pointer; +} + +.task-detail .task-dialog .head .nav > p.active { + margin-top: -2px; + font-size: 16px; + font-weight: 600; + color: #555555; + cursor: default; +} + +.task-detail .task-dialog .no-dialog { + flex: 1; + display: flex; + flex-direction: column; +} + +.task-detail .task-dialog .no-dialog .no-tip { + flex: 1; + display: none; + margin-left: 36px; +} + +.task-detail .task-dialog .no-dialog .no-input { + margin: 32px 0 0 36px; + background-color: #F4F5F7; + padding: 10px 12px; + border-radius: 10px; +} + +.task-detail .task-dialog .no-dialog .no-input .ivu-input { + border: 0; + resize: none; + background-color: transparent; +} + +.task-detail .task-dialog .no-dialog .no-input .ivu-input:focus { + box-shadow: none; +} + +.task-detail .task-dialog .project-log { + margin-left: 36px; +} + +.task-detail .task-dialog .project-log .logs-activity { + padding: 22px 0 0; +} + +.task-detail .task-dialog .project-log .logs-activity > li { + list-style: none; + padding-top: 0; +} + +.task-detail .task-dialog .project-log .logs-activity > li.logs-loading, .task-detail .task-dialog .project-log .logs-activity > li.logs-more, .task-detail .task-dialog .project-log .logs-activity > li.logs-none { + height: 59px; + line-height: 59px; +} + +.task-detail .task-dialog .project-log .logs-activity > li.logs-loading { + display: flex; + align-items: center; +} + +.task-detail .task-dialog .project-log .logs-activity > li.logs-loading .common-loading { + width: 22px; + height: 22px; + margin: 0; +} + +.task-detail .task-dialog .dialog-wrapper .dialog-scroller { + padding: 0 16px 0 32px; +} + +.task-detail .task-dialog .dialog-wrapper .dialog-footer { + padding: 0 14px 0 28px; +} + +.task-detail.open-dialog { + flex-direction: row; +} + +.task-detail.open-dialog .task-info { + overflow: auto; +} + +.task-detail.open-dialog .task-info .head .menu { + margin: 0 2px; +} + +.task-detail.open-dialog .task-dialog { + margin: 0 0 0 18px; + min-width: 320px; + max-width: 450px; +} + +.task-detail.open-dialog .task-dialog:before { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + z-index: 1; + width: 1px; + background-color: #f4f5f5; +} + +.task-detail.open-dialog .task-dialog .head:before { + left: 18px; +} + +.task-detail.open-dialog .task-dialog .head .icon:before { + display: none; +} + +.task-detail.open-dialog .task-dialog .head .nav { + padding-left: 0; +} + +.task-detail.open-dialog .task-dialog .head .nav > p { + margin-right: 28px; +} + +.task-detail.open-dialog .task-dialog .head .nav > p.active { + font-size: 18px; +} + +.task-detail.open-dialog .task-dialog .no-dialog .no-tip { + display: flex; + align-items: center; + justify-content: center; + margin-left: 18px; + color: #999999; +} + +.task-detail.open-dialog .task-dialog .no-dialog .no-input { + margin: 0 0 0 18px; +} + +.task-detail.open-dialog .task-dialog .dialog-wrapper { + z-index: 0; +} + +.task-detail.open-dialog .task-dialog .dialog-wrapper .dialog-footer { + margin-bottom: 0; +} + +.task-detail.open-dialog .task-dialog .project-log { + position: absolute; + top: 40px; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + padding: 8px 8px; + margin-left: 8px; + background-color: #ffffff; + overflow: auto; +} + +.task-detail.open-dialog .task-dialog .project-log .logs-activity { + padding: 22px 0 0 10px; +} + +.task-detail.completed .task-info:before { + content: "\f373"; + font-family: Ionicons, serif; + pointer-events: none; + position: absolute; + top: 0; + right: 13%; + font-size: 72px; + color: #19be6b; + opacity: .2; + z-index: 1; +} + +.task-detail-delete-file-popover { + max-width: 200px; +} + +.task-detail-delete-file-popover .buttons { + text-align: right; + margin-top: 12px; +} + +.task-detail-delete-file-popover .buttons .ivu-btn-small { + font-size: 12px; +} + +.task-detail-avatar-buttons { + margin-top: 12px; + margin-bottom: 4px; + text-align: right; + position: absolute; + top: 5px; + right: 14px; +} + +.task-detail-avatar-buttons > button { + font-size: 12px; + transform: scale(0.9); +} + +.task-priority { + font-size: 13px; + display: inline-block; + padding: 2px 6px; + border-radius: 3px; + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.team-management { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + padding: 20px; + overflow: auto; +} + +.team-management .management-title { + color: #333333; + font-size: 20px; + font-weight: 500; + line-height: 1; + margin-bottom: 24px; +} + +.team-management .team-email { + display: flex; + align-items: center; +} + +.team-management .team-email .ivu-tag { + height: 18px; + line-height: 18px; + padding: 0 4px; + transform: scale(0.8); + transform-origin: right center; +} + diff --git a/public/js/app.js b/public/js/app.js index ef6bee96..0d3d8b5a 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -1,2 +1,2 @@ /*! For license information please see app.js.LICENSE.txt */ -(()=>{var e,t,n,i,r,a={12631:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>C});var i=n(88239),r=n(72444),a=/%[sdj%]/g;function o(){for(var e=arguments.length,t=Array(e),n=0;n=o)return e;switch(e){case"%s":return String(t[i++]);case"%d":return Number(t[i++]);case"%j":try{return JSON.stringify(t[i++])}catch(e){return"[Circular]"}break;default:return e}})),l=t[i];i()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,url:new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$","i"),hex:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/i},m={integer:function(e){return m.number(e)&&parseInt(e,10)===e},float:function(e){return m.number(e)&&!m.integer(e)},array:function(e){return Array.isArray(e)},regexp:function(e){if(e instanceof RegExp)return!0;try{return!!new RegExp(e)}catch(e){return!1}},date:function(e){return"function"==typeof e.getTime&&"function"==typeof e.getMonth&&"function"==typeof e.getYear},number:function(e){return!isNaN(e)&&"number"==typeof e},object:function(e){return"object"===(void 0===e?"undefined":(0,r.Z)(e))&&!m.array(e)},method:function(e){return"function"==typeof e},email:function(e){return"string"==typeof e&&!!e.match(p.email)&&e.length<255},url:function(e){return"string"==typeof e&&!!e.match(p.url)},hex:function(e){return"string"==typeof e&&!!e.match(p.hex)}};const v=function(e,t,n,i,a){if(e.required&&void 0===t)h(e,t,n,i,a);else{var s=e.type;["integer","float","array","regexp","object","method","email","number","date","url","hex"].indexOf(s)>-1?m[s](t)||i.push(o(a.messages.types[s],e.fullField,e.type)):s&&(void 0===t?"undefined":(0,r.Z)(t))!==e.type&&i.push(o(a.messages.types[s],e.fullField,e.type))}};const g={required:h,whitespace:f,type:v,range:function(e,t,n,i,r){var a="number"==typeof e.len,s="number"==typeof e.min,l="number"==typeof e.max,u=t,c=null,d="number"==typeof t,h="string"==typeof t,f=Array.isArray(t);if(d?c="number":h?c="string":f&&(c="array"),!c)return!1;f&&(u=t.length),h&&(u=t.replace(/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,"_").length),a?u!==e.len&&i.push(o(r.messages[c].len,e.fullField,e.len)):s&&!l&&ue.max?i.push(o(r.messages[c].max,e.fullField,e.max)):s&&l&&(ue.max)&&i.push(o(r.messages[c].range,e.fullField,e.min,e.max))},enum:function(e,t,n,i,r){e.enum=Array.isArray(e.enum)?e.enum:[],-1===e.enum.indexOf(t)&&i.push(o(r.messages.enum,e.fullField,e.enum.join(", ")))},pattern:function(e,t,n,i,r){if(e.pattern)if(e.pattern instanceof RegExp)e.pattern.lastIndex=0,e.pattern.test(t)||i.push(o(r.messages.pattern.mismatch,e.fullField,t,e.pattern));else if("string"==typeof e.pattern){new RegExp(e.pattern).test(t)||i.push(o(r.messages.pattern.mismatch,e.fullField,t,e.pattern))}}};const y=function(e,t,n,i,r){var a=e.type,o=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t,a)&&!e.required)return n();g.required(e,t,i,o,r,a),s(t,a)||g.type(e,t,i,o,r)}n(o)},b={string:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t,"string")&&!e.required)return n();g.required(e,t,i,a,r,"string"),s(t,"string")||(g.type(e,t,i,a,r),g.range(e,t,i,a,r),g.pattern(e,t,i,a,r),!0===e.whitespace&&g.whitespace(e,t,i,a,r))}n(a)},method:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),void 0!==t&&g.type(e,t,i,a,r)}n(a)},number:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),void 0!==t&&(g.type(e,t,i,a,r),g.range(e,t,i,a,r))}n(a)},boolean:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),void 0!==t&&g.type(e,t,i,a,r)}n(a)},regexp:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),s(t)||g.type(e,t,i,a,r)}n(a)},integer:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),void 0!==t&&(g.type(e,t,i,a,r),g.range(e,t,i,a,r))}n(a)},float:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),void 0!==t&&(g.type(e,t,i,a,r),g.range(e,t,i,a,r))}n(a)},array:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t,"array")&&!e.required)return n();g.required(e,t,i,a,r,"array"),s(t,"array")||(g.type(e,t,i,a,r),g.range(e,t,i,a,r))}n(a)},object:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),void 0!==t&&g.type(e,t,i,a,r)}n(a)},enum:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();g.required(e,t,i,a,r),t&&g.enum(e,t,i,a,r)}n(a)},pattern:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t,"string")&&!e.required)return n();g.required(e,t,i,a,r),s(t,"string")||g.pattern(e,t,i,a,r)}n(a)},date:function(e,t,n,i,r){var a=[];if(e.required||!e.required&&i.hasOwnProperty(e.field)){if(s(t)&&!e.required)return n();if(g.required(e,t,i,a,r),!s(t)){var o=void 0;o="number"==typeof t?new Date(t):t,g.type(e,o,i,a,r),o&&g.range(e,o.getTime(),i,a,r)}}n(a)},url:y,hex:y,email:y,required:function(e,t,n,i,a){var o=[],s=Array.isArray(t)?"array":void 0===t?"undefined":(0,r.Z)(t);g.required(e,t,i,o,a,s),n(o)}};function _(){return{default:"Validation error on field %s",required:"%s is required",enum:"%s must be one of %s",whitespace:"%s cannot be empty",date:{format:"%s date %s is invalid for format %s",parse:"%s date could not be parsed, %s is invalid ",invalid:"%s date %s is invalid"},types:{string:"%s is not a %s",method:"%s is not a %s (function)",array:"%s is not an %s",object:"%s is not an %s",number:"%s is not a %s",date:"%s is not a %s",boolean:"%s is not a %s",integer:"%s is not an %s",float:"%s is not a %s",regexp:"%s is not a valid %s",email:"%s is not a valid %s",url:"%s is not a valid %s",hex:"%s is not a valid %s"},string:{len:"%s must be exactly %s characters",min:"%s must be at least %s characters",max:"%s cannot be longer than %s characters",range:"%s must be between %s and %s characters"},number:{len:"%s must equal %s",min:"%s cannot be less than %s",max:"%s cannot be greater than %s",range:"%s must be between %s and %s"},array:{len:"%s must be exactly %s in length",min:"%s cannot be less than %s in length",max:"%s cannot be greater than %s in length",range:"%s must be between %s and %s in length"},pattern:{mismatch:"%s value %s does not match pattern %s"},clone:function(){var e=JSON.parse(JSON.stringify(this));return e.clone=this.clone,e}}}var w=_();function x(e){this.rules=null,this._messages=w,this.define(e)}x.prototype={messages:function(e){return e&&(this._messages=d(_(),e)),this._messages},define:function(e){if(!e)throw new Error("Cannot configure a schema with no rules");if("object"!==(void 0===e?"undefined":(0,r.Z)(e))||Array.isArray(e))throw new Error("Rules must be an object");this.rules={};var t=void 0,n=void 0;for(t in e)e.hasOwnProperty(t)&&(n=e[t],this.rules[t]=Array.isArray(n)?n:[n])},validate:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},a=arguments[2],s=e,l=n,h=a;if("function"==typeof l&&(h=l,l={}),this.rules&&0!==Object.keys(this.rules).length){if(l.messages){var f=this.messages();f===w&&(f=_()),d(f,l.messages),l.messages=f}else l.messages=this.messages();var p=void 0,m=void 0,v={},g=l.keys||Object.keys(this.rules);g.forEach((function(n){p=t.rules[n],m=s[n],p.forEach((function(r){var a=r;"function"==typeof a.transform&&(s===e&&(s=(0,i.Z)({},s)),m=s[n]=a.transform(m)),(a="function"==typeof a?{validator:a}:(0,i.Z)({},a)).validator=t.getValidationMethod(a),a.field=n,a.fullField=a.fullField||n,a.type=t.getType(a),a.validator&&(v[n]=v[n]||[],v[n].push({rule:a,value:m,source:s,field:n}))}))}));var y={};u(v,l,(function(e,t){var n=e.rule,a=!("object"!==n.type&&"array"!==n.type||"object"!==(0,r.Z)(n.fields)&&"object"!==(0,r.Z)(n.defaultField));function s(e,t){return(0,i.Z)({},t,{fullField:n.fullField+"."+e})}function u(){var r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],u=r;if(Array.isArray(u)||(u=[u]),u.length,u.length&&n.message&&(u=[].concat(n.message)),u=u.map(c(n)),l.first&&u.length)return y[n.field]=1,t(u);if(a){if(n.required&&!e.value)return u=n.message?[].concat(n.message).map(c(n)):l.error?[l.error(n,o(l.messages.required,n.field))]:[],t(u);var d={};if(n.defaultField)for(var h in e.value)e.value.hasOwnProperty(h)&&(d[h]=n.defaultField);for(var f in d=(0,i.Z)({},d,e.rule.fields))if(d.hasOwnProperty(f)){var p=Array.isArray(d[f])?d[f]:[d[f]];d[f]=p.map(s.bind(null,f))}var m=new x(d);m.messages(l.messages),e.rule.options&&(e.rule.options.messages=l.messages,e.rule.options.error=l.error),m.validate(e.value,e.rule.options||l,(function(e){t(e&&e.length?u.concat(e):e)}))}else t(u)}a=a&&(n.required||!n.required&&e.value),n.field=e.field;var d=n.validator(n,e.value,u,e.source,l);d&&d.then&&d.then((function(){return u()}),(function(e){return u(e)}))}),(function(e){b(e)}))}else h&&h();function b(e){var t,n=void 0,i=void 0,r=[],a={};for(n=0;n{var t=/^(attrs|props|on|nativeOn|class|style|hook)$/;function n(e,t){return function(){e&&e.apply(this,arguments),t&&t.apply(this,arguments)}}e.exports=function(e){return e.reduce((function(e,i){var r,a,o,s,l;for(o in i)if(r=e[o],a=i[o],r&&t.test(o))if("class"===o&&("string"==typeof r&&(l=r,e[o]=r={},r[l]=!0),"string"==typeof a&&(l=a,i[o]=a={},a[l]=!0)),"on"===o||"nativeOn"===o||"hook"===o)for(s in a)r[s]=n(r[s],a[s]);else if(Array.isArray(r))e[o]=r.concat(a);else if(Array.isArray(a))e[o]=[r].concat(a);else for(s in a)r[s]=a[s];else e[o]=i[o];return e}),{})}},73989:(e,t,n)=>{"use strict";var i=n(70538),r=n(20629);const a={name:"Spinner"};var o=n(51900);const s={components:{Spinner:(0,o.Z)(a,(function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"common-spinner",attrs:{id:"common-spinner"}},[t("Loading",{staticClass:"common-circular"})],1)}),[],!1,null,null,null).exports},data:function(){return{transitionName:null}},mounted:function(){var e=this,t=window.location.hash;0===t.indexOf("#")&&(t=t.substr(1))&&this.$nextTick((function(){t=$A.removeURLParameter(t,"token"),e.goForward({path:t})})),this.sessionStorage("/",1);var n=window.location.pathname;n&&0===this.sessionStorage(n)&&this.sessionStorage(n,this.sessionStorage("::count")+1),setInterval(this.searchEnter,1e3)},watch:{$route:function(e,t){null!==this.transitionName?void 0!==e.name&&void 0!==t.name&&this.slideType(e,t):this.transitionName="app-slide-no"}},methods:{slideType:function(e,t){var n=this.$router.isBack;this.$router.isBack=!1;var i=this.sessionStorage(e.path),r=this.sessionStorage(t.path);i&&i=0&&(t=e.slice(i),e=e.slice(0,i));var r=e.indexOf("?");return r>=0&&(n=e.slice(r+1),e=e.slice(0,r)),{path:e,query:n,hash:t}}(r.path||""),u=t&&t.path||"/",c=l.path?j(l.path,u,n||r.append):u,d=function(e,t,n){void 0===t&&(t={});var i,r=n||w;try{i=r(e||"")}catch(e){i={}}for(var a in t){var o=t[a];i[a]=Array.isArray(o)?o.map(_):_(o)}return i}(l.query,r.query,i&&i.options.parseQuery),h=r.hash||l.hash;return h&&"#"!==h.charAt(0)&&(h="#"+h),{_normalized:!0,path:c,query:d,hash:h}}var te,ne=function(){},ie={name:"RouterLink",props:{to:{type:[String,Object],required:!0},tag:{type:String,default:"a"},custom:Boolean,exact:Boolean,exactPath:Boolean,append:Boolean,replace:Boolean,activeClass:String,exactActiveClass:String,ariaCurrentValue:{type:String,default:"page"},event:{type:[String,Array],default:"click"}},render:function(e){var t=this,n=this.$router,i=this.$route,r=n.resolve(this.to,i,this.append),a=r.location,o=r.route,s=r.href,l={},u=n.options.linkActiveClass,c=n.options.linkExactActiveClass,d=null==u?"router-link-active":u,h=null==c?"router-link-exact-active":c,f=null==this.activeClass?d:this.activeClass,m=null==this.exactActiveClass?h:this.exactActiveClass,v=o.redirectedFrom?k(null,ee(o.redirectedFrom),null,n):o;l[m]=D(i,v,this.exactPath),l[f]=this.exact||this.exactPath?l[m]:function(e,t){return 0===e.path.replace(C,"/").indexOf(t.path.replace(C,"/"))&&(!t.hash||e.hash===t.hash)&&function(e,t){for(var n in t)if(!(n in e))return!1;return!0}(e.query,t.query)}(i,v);var g=l[m]?this.ariaCurrentValue:null,y=function(e){re(e)&&(t.replace?n.replace(a,ne):n.push(a,ne))},b={click:re};Array.isArray(this.event)?this.event.forEach((function(e){b[e]=y})):b[this.event]=y;var _={class:l},w=!this.$scopedSlots.$hasNormal&&this.$scopedSlots.default&&this.$scopedSlots.default({href:s,route:o,navigate:y,isActive:l[f],isExactActive:l[m]});if(w){if(1===w.length)return w[0];if(w.length>1||!w.length)return 0===w.length?e():e("span",{},w)}if("a"===this.tag)_.on=b,_.attrs={href:s,"aria-current":g};else{var x=ae(this.$slots.default);if(x){x.isStatic=!1;var S=x.data=p({},x.data);for(var O in S.on=S.on||{},S.on){var $=S.on[O];O in b&&(S.on[O]=Array.isArray($)?$:[$])}for(var T in b)T in S.on?S.on[T].push(b[T]):S.on[T]=y;var E=x.data.attrs=p({},x.data.attrs);E.href=s,E["aria-current"]=g}else _.on=b}return e(this.tag,_,this.$slots.default)}};function re(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey||e.defaultPrevented||void 0!==e.button&&0!==e.button)){if(e.currentTarget&&e.currentTarget.getAttribute){var t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function ae(e){if(e)for(var t,n=0;n-1&&(s.params[h]=n.params[h]);return s.path=Q(c.path,s.params),l(c,s,o)}if(s.path){s.params={};for(var f=0;f=e.length?n():e[r]?t(e[r],(function(){i(r+1)})):i(r+1)};i(0)}var Pe={redirected:2,aborted:4,cancelled:8,duplicated:16};function Ie(e,t){return Ne(e,t,Pe.redirected,'Redirected when going from "'+e.fullPath+'" to "'+function(e){if("string"==typeof e)return e;if("path"in e)return e.path;var t={};return Ae.forEach((function(n){n in e&&(t[n]=e[n])})),JSON.stringify(t,null,2)}(t)+'" via a navigation guard.')}function je(e,t){return Ne(e,t,Pe.cancelled,'Navigation cancelled from "'+e.fullPath+'" to "'+t.fullPath+'" with a new navigation.')}function Ne(e,t,n,i){var r=new Error(i);return r._isRouter=!0,r.from=e,r.to=t,r.type=n,r}var Ae=["params","query","hash"];function Fe(e){return Object.prototype.toString.call(e).indexOf("Error")>-1}function Le(e,t){return Fe(e)&&e._isRouter&&(null==t||e.type===t)}function Ve(e){return function(t,n,i){var r=!1,a=0,o=null;Re(e,(function(e,t,n,s){if("function"==typeof e&&void 0===e.cid){r=!0,a++;var l,u=We((function(t){var r;((r=t).__esModule||ze&&"Module"===r[Symbol.toStringTag])&&(t=t.default),e.resolved="function"==typeof t?t:te.extend(t),n.components[s]=t,--a<=0&&i()})),c=We((function(e){var t="Failed to resolve async component "+s+": "+e;o||(o=Fe(e)?e:new Error(t),i(o))}));try{l=e(u,c)}catch(e){c(e)}if(l)if("function"==typeof l.then)l.then(u,c);else{var d=l.component;d&&"function"==typeof d.then&&d.then(u,c)}}})),r||i()}}function Re(e,t){return Be(e.map((function(e){return Object.keys(e.components).map((function(n){return t(e.components[n],e.instances[n],e,n)}))})))}function Be(e){return Array.prototype.concat.apply([],e)}var ze="function"==typeof Symbol&&"symbol"==typeof Symbol.toStringTag;function We(e){var t=!1;return function(){for(var n=[],i=arguments.length;i--;)n[i]=arguments[i];if(!t)return t=!0,e.apply(this,n)}}var He=function(e,t){this.router=e,this.base=function(e){if(!e)if(oe){var t=document.querySelector("base");e=(e=t&&t.getAttribute("href")||"/").replace(/^https?:\/\/[^\/]+/,"")}else e="/";"/"!==e.charAt(0)&&(e="/"+e);return e.replace(/\/$/,"")}(t),this.current=O,this.pending=null,this.ready=!1,this.readyCbs=[],this.readyErrorCbs=[],this.errorCbs=[],this.listeners=[]};function qe(e,t,n,i){var r=Re(e,(function(e,i,r,a){var o=function(e,t){"function"!=typeof e&&(e=te.extend(e));return e.options[t]}(e,t);if(o)return Array.isArray(o)?o.map((function(e){return n(e,i,r,a)})):n(o,i,r,a)}));return Be(i?r.reverse():r)}function Ke(e,t){if(t)return function(){return e.apply(t,arguments)}}He.prototype.listen=function(e){this.cb=e},He.prototype.onReady=function(e,t){this.ready?e():(this.readyCbs.push(e),t&&this.readyErrorCbs.push(t))},He.prototype.onError=function(e){this.errorCbs.push(e)},He.prototype.transitionTo=function(e,t,n){var i,r=this;try{i=this.router.match(e,this.current)}catch(e){throw this.errorCbs.forEach((function(t){t(e)})),e}var a=this.current;this.confirmTransition(i,(function(){r.updateRoute(i),t&&t(i),r.ensureURL(),r.router.afterHooks.forEach((function(e){e&&e(i,a)})),r.ready||(r.ready=!0,r.readyCbs.forEach((function(e){e(i)})))}),(function(e){n&&n(e),e&&!r.ready&&(Le(e,Pe.redirected)&&a===O||(r.ready=!0,r.readyErrorCbs.forEach((function(t){t(e)}))))}))},He.prototype.confirmTransition=function(e,t,n){var i=this,r=this.current;this.pending=e;var a,o,s=function(e){!Le(e)&&Fe(e)&&(i.errorCbs.length?i.errorCbs.forEach((function(t){t(e)})):console.error(e)),n&&n(e)},l=e.matched.length-1,u=r.matched.length-1;if(D(e,r)&&l===u&&e.matched[l]===r.matched[u])return this.ensureURL(),s(((o=Ne(a=r,e,Pe.duplicated,'Avoided redundant navigation to current location: "'+a.fullPath+'".')).name="NavigationDuplicated",o));var c=function(e,t){var n,i=Math.max(e.length,t.length);for(n=0;n0)){var t=this.router,n=t.options.scrollBehavior,i=Te&&n;i&&this.listeners.push(ye());var r=function(){var n=e.current,r=Ye(e.base);e.current===O&&r===e._startLocation||e.transitionTo(r,(function(e){i&&be(t,e,n,!0)}))};window.addEventListener("popstate",r),this.listeners.push((function(){window.removeEventListener("popstate",r)}))}},t.prototype.go=function(e){window.history.go(e)},t.prototype.push=function(e,t,n){var i=this,r=this.current;this.transitionTo(e,(function(e){De(N(i.base+e.fullPath)),be(i.router,e,r,!1),t&&t(e)}),n)},t.prototype.replace=function(e,t,n){var i=this,r=this.current;this.transitionTo(e,(function(e){Ee(N(i.base+e.fullPath)),be(i.router,e,r,!1),t&&t(e)}),n)},t.prototype.ensureURL=function(e){if(Ye(this.base)!==this.current.fullPath){var t=N(this.base+this.current.fullPath);e?De(t):Ee(t)}},t.prototype.getCurrentLocation=function(){return Ye(this.base)},t}(He);function Ye(e){var t=window.location.pathname,n=t.toLowerCase(),i=e.toLowerCase();return!e||n!==i&&0!==n.indexOf(N(i+"/"))||(t=t.slice(e.length)),(t||"/")+window.location.search+window.location.hash}var Ge=function(e){function t(t,n,i){e.call(this,t,n),i&&function(e){var t=Ye(e);if(!/^\/#/.test(t))return window.location.replace(N(e+"/#"+t)),!0}(this.base)||Xe()}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.setupListeners=function(){var e=this;if(!(this.listeners.length>0)){var t=this.router.options.scrollBehavior,n=Te&&t;n&&this.listeners.push(ye());var i=function(){var t=e.current;Xe()&&e.transitionTo(Je(),(function(i){n&&be(e.router,i,t,!0),Te||et(i.fullPath)}))},r=Te?"popstate":"hashchange";window.addEventListener(r,i),this.listeners.push((function(){window.removeEventListener(r,i)}))}},t.prototype.push=function(e,t,n){var i=this,r=this.current;this.transitionTo(e,(function(e){Qe(e.fullPath),be(i.router,e,r,!1),t&&t(e)}),n)},t.prototype.replace=function(e,t,n){var i=this,r=this.current;this.transitionTo(e,(function(e){et(e.fullPath),be(i.router,e,r,!1),t&&t(e)}),n)},t.prototype.go=function(e){window.history.go(e)},t.prototype.ensureURL=function(e){var t=this.current.fullPath;Je()!==t&&(e?Qe(t):et(t))},t.prototype.getCurrentLocation=function(){return Je()},t}(He);function Xe(){var e=Je();return"/"===e.charAt(0)||(et("/"+e),!1)}function Je(){var e=window.location.href,t=e.indexOf("#");return t<0?"":e=e.slice(t+1)}function Ze(e){var t=window.location.href,n=t.indexOf("#");return(n>=0?t.slice(0,n):t)+"#"+e}function Qe(e){Te?De(Ze(e)):window.location.hash=e}function et(e){Te?Ee(Ze(e)):window.location.replace(Ze(e))}var tt=function(e){function t(t,n){e.call(this,t,n),this.stack=[],this.index=-1}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.push=function(e,t,n){var i=this;this.transitionTo(e,(function(e){i.stack=i.stack.slice(0,i.index+1).concat(e),i.index++,t&&t(e)}),n)},t.prototype.replace=function(e,t,n){var i=this;this.transitionTo(e,(function(e){i.stack=i.stack.slice(0,i.index).concat(e),t&&t(e)}),n)},t.prototype.go=function(e){var t=this,n=this.index+e;if(!(n<0||n>=this.stack.length)){var i=this.stack[n];this.confirmTransition(i,(function(){var e=t.current;t.index=n,t.updateRoute(i),t.router.afterHooks.forEach((function(t){t&&t(i,e)}))}),(function(e){Le(e,Pe.duplicated)&&(t.index=n)}))}},t.prototype.getCurrentLocation=function(){var e=this.stack[this.stack.length-1];return e?e.fullPath:"/"},t.prototype.ensureURL=function(){},t}(He),nt=function(e){void 0===e&&(e={}),this.app=null,this.apps=[],this.options=e,this.beforeHooks=[],this.resolveHooks=[],this.afterHooks=[],this.matcher=ce(e.routes||[],this);var t=e.mode||"hash";switch(this.fallback="history"===t&&!Te&&!1!==e.fallback,this.fallback&&(t="hash"),oe||(t="abstract"),this.mode=t,t){case"history":this.history=new Ue(this,e.base);break;case"hash":this.history=new Ge(this,e.base,this.fallback);break;case"abstract":this.history=new tt(this,e.base);break;default:0}},it={currentRoute:{configurable:!0}};function rt(e,t){return e.push(t),function(){var n=e.indexOf(t);n>-1&&e.splice(n,1)}}nt.prototype.match=function(e,t,n){return this.matcher.match(e,t,n)},it.currentRoute.get=function(){return this.history&&this.history.current},nt.prototype.init=function(e){var t=this;if(this.apps.push(e),e.$once("hook:destroyed",(function(){var n=t.apps.indexOf(e);n>-1&&t.apps.splice(n,1),t.app===e&&(t.app=t.apps[0]||null),t.app||t.history.teardown()})),!this.app){this.app=e;var n=this.history;if(n instanceof Ue||n instanceof Ge){var i=function(e){n.setupListeners(),function(e){var i=n.current,r=t.options.scrollBehavior;Te&&r&&"fullPath"in e&&be(t,e,i,!1)}(e)};n.transitionTo(n.getCurrentLocation(),i,i)}n.listen((function(e){t.apps.forEach((function(t){t._route=e}))}))}},nt.prototype.beforeEach=function(e){return rt(this.beforeHooks,e)},nt.prototype.beforeResolve=function(e){return rt(this.resolveHooks,e)},nt.prototype.afterEach=function(e){return rt(this.afterHooks,e)},nt.prototype.onReady=function(e,t){this.history.onReady(e,t)},nt.prototype.onError=function(e){this.history.onError(e)},nt.prototype.push=function(e,t,n){var i=this;if(!t&&!n&&"undefined"!=typeof Promise)return new Promise((function(t,n){i.history.push(e,t,n)}));this.history.push(e,t,n)},nt.prototype.replace=function(e,t,n){var i=this;if(!t&&!n&&"undefined"!=typeof Promise)return new Promise((function(t,n){i.history.replace(e,t,n)}));this.history.replace(e,t,n)},nt.prototype.go=function(e){this.history.go(e)},nt.prototype.back=function(){this.go(-1)},nt.prototype.forward=function(){this.go(1)},nt.prototype.getMatchedComponents=function(e){var t=e?e.matched?e:this.resolve(e).route:this.currentRoute;return t?[].concat.apply([],t.matched.map((function(e){return Object.keys(e.components).map((function(t){return e.components[t]}))}))):[]},nt.prototype.resolve=function(e,t,n){var i=ee(e,t=t||this.history.current,n,this),r=this.match(i,t),a=r.redirectedFrom||r.fullPath;return{location:i,route:r,href:function(e,t,n){var i="hash"===n?"#"+t:t;return e?N(e+"/"+i):i}(this.history.base,a,this.mode),normalizedTo:i,resolved:r}},nt.prototype.getRoutes=function(){return this.matcher.getRoutes()},nt.prototype.addRoute=function(e,t){this.matcher.addRoute(e,t),this.history.current!==O&&this.history.transitionTo(this.history.getCurrentLocation())},nt.prototype.addRoutes=function(e){this.matcher.addRoutes(e),this.history.current!==O&&this.history.transitionTo(this.history.getCurrentLocation())},Object.defineProperties(nt.prototype,it),nt.install=function e(t){if(!e.installed||te!==t){e.installed=!0,te=t;var n=function(e){return void 0!==e},i=function(e,t){var i=e.$options._parentVnode;n(i)&&n(i=i.data)&&n(i=i.registerRouteInstance)&&i(e,t)};t.mixin({beforeCreate:function(){n(this.$options.router)?(this._routerRoot=this,this._router=this.$options.router,this._router.init(this),t.util.defineReactive(this,"_route",this._router.history.current)):this._routerRoot=this.$parent&&this.$parent._routerRoot||this,i(this,this)},destroyed:function(){i(this)}}),Object.defineProperty(t.prototype,"$router",{get:function(){return this._routerRoot._router}}),Object.defineProperty(t.prototype,"$route",{get:function(){return this._routerRoot._route}}),t.component("RouterView",P),t.component("RouterLink",ie);var r=t.config.optionMergeStrategies;r.beforeRouteEnter=r.beforeRouteLeave=r.beforeRouteUpdate=r.created}},nt.version="3.5.2",nt.isNavigationFailure=Le,nt.NavigationFailureType=Pe,nt.START_LOCATION=O,oe&&window.Vue&&window.Vue.use(nt);const at=nt;var ot=n(40158),st=n.n(ot);function lt(e){return function(e){if(Array.isArray(e))return ut(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return ut(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return ut(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ut(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n=t)return e;for(var i="",r=0;r1&&void 0!==arguments[1]?arguments[1]:null,n=this.storage(e);return n||t},getStorageString:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=this.storage(e);return"string"==typeof n||"number"==typeof n?n:t},getStorageInt:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.storage(e);return"number"==typeof n?n:t},getStorageBoolean:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=this.storage(e);return"boolean"==typeof n?n:t},getStorageArray:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=this.storage(e);return this.isArray(n)?n:t},getStorageJson:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.storage(e);return this.isJson(n)?n:t},isArray:function(e){return"object"==mt(e)&&"[object array]"==Object.prototype.toString.call(e).toLowerCase()&&"number"==typeof e.length},isJson:function(e){return"object"==mt(e)&&"[object object]"==Object.prototype.toString.call(e).toLowerCase()&&void 0===e.length},inArray:function(e,t){return!!this.isArray(t)&&t.includes(e)},storage:function(e,t){if(e){var n="__state__";if("cache"===e.substring(0,5)&&(n="__state:"+e+"__"),void 0===t)return this.loadFromlLocal(e,"",n);this.savaToLocal(e,t,n)}},savaToLocal:function(e,t,n){try{void 0===n&&(n="__seller__");var i=window.localStorage[n];(i=i?JSON.parse(i):{})[e]=t,window.localStorage[n]=JSON.stringify(i)}catch(e){}},loadFromlLocal:function(e,t,n){try{void 0===n&&(n="__seller__");var i=window.localStorage[n];return i&&((i=JSON.parse(i))&&void 0!==i[e])?i[e]:t}catch(e){return t}},clearLocal:function(){try{window.localStorage.clear()}catch(e){}},runNum:function(e,t){var n=Number(e);if((n+""=="NaN"&&(n=0),/^[0-9]*[1-9][0-9]*$/.test(t))&&(n=n.toFixed(t)).indexOf(".")<0){n+=".";for(var i=0;i0){window.__projectId=t;var n=e.method.cloneJSON(e.projects.find((function(e){return e.id==t})));if(n)return n.columns=e.method.cloneJSON(e.columns.filter((function(e){return e.project_id==n.id}))).sort((function(e,t){return e.sort!=t.sort?e.sort-t.sort:e.id-t.id})),n.columns.forEach((function(t){t.tasks=e.method.cloneJSON(e.tasks.filter((function(e){return e.column_id==t.id}))).sort((function(e,t){return e.sort!=t.sort?e.sort-t.sort:e.id-t.id}))})),Object.freeze(n)}return{columns:[],project_user:[]}},taskData:function(e){var t=e.taskId;if(0==t&&(t=e.method.runNum(window.__taskId)),t>0){window.__taskId=t;var n=e.tasks.find((function(e){return e.id==t}));if(n)return n}return{}},tablePanel:function(e){return function(t){if(!e.projectId)return!1;var n=e.cacheTablePanel.find((function(t){return t.project_id==e.projectId}));return n||(n={project_id:e.projectId,card:!0,chat:!1,showMy:!0,showUndone:!0,showCompleted:!1,completedTask:!1},e.cacheTablePanel.push(n)),n&&!!n[t]}}};function bt(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const _t={call:function(e,t){var n=e.state,i=e.dispatch;return n.method.isJson(t)||(t={url:t}),n.method.isJson(t.header)||(t.header={}),t.url=n.method.apiUrl(t.url),t.data=n.method.date2string(t.data),t.header["Content-Type"]="application/json",t.header.language=$A.getLanguage(),t.header.token=n.userToken,t.header.fd=n.method.getStorageString("userWsFd"),new Promise((function(e,r){if(!0===t.spinner){var a=document.getElementById("common-spinner");if(a){var o=t.before;t.before=function(){n.ajaxLoadNum++,a.style.display="block","function"==typeof o&&o()};var s=t.complete;t.complete=function(){n.ajaxLoadNum--,n.ajaxLoadNum<=0&&(a.style.display="none"),"function"==typeof s&&s()}}}if(t.success=function(a,o,s){if(!n.method.isJson(a))return console.log(a,o,s),void r({data:{},msg:"Return error"});var l=a.ret,u=a.data,c=a.msg;-1!==l||!1===t.checkRole?1===l?e({data:u,msg:c}):r({data:u,msg:c||"Unknown error"}):$A.modalError({content:c,onOk:function(){i("logout")}})},t.error=function(){r({data:{},msg:"System error"})},!0===t.websocket||!0===t.ws){var l=n.method.randomString(16),u=setTimeout((function(){var e=n.ajaxWsListener.find((function(e){return e.apiWebsocket==l}));e&&(e.complete(),e.error("timeout"),e.after()),n.ajaxWsListener=n.ajaxWsListener.filter((function(e){return e.apiWebsocket!=l}))}),t.timeout||3e4);n.ajaxWsListener.push({apiWebsocket:l,complete:"function"==typeof t.complete?t.complete:function(){},success:"function"==typeof t.success?t.success:function(){},error:"function"==typeof t.error?t.error:function(){},after:"function"==typeof t.after?t.after:function(){}}),t.complete=function(){},t.success=function(){},t.error=function(){},t.after=function(){},t.header["Api-Websocket"]=l,!1===n.ajaxWsReady&&(n.ajaxWsReady=!0,i("websocketMsgListener",{name:"apiWebsocket",callback:function(e){switch(e.type){case"apiWebsocket":clearTimeout(u);var t=e.apiWebsocket,i=e.apiSuccess,r=e.data,a=n.ajaxWsListener.find((function(e){return e.apiWebsocket==t}));a&&(a.complete(),i?a.success(r):a.error(r),a.after()),n.ajaxWsListener=n.ajaxWsListener.filter((function(e){return e.apiWebsocket!=t}))}}}))}$A.ajaxc(t)}))},toggleTablePanel:function(e,t){var n=e.state;if(n.projectId){var i=n.cacheTablePanel.findIndex((function(e){return e.project_id==n.projectId}));-1===i&&(n.cacheTablePanel.push({project_id:n.projectId}),i=n.cacheTablePanel.findIndex((function(e){return e.project_id==n.projectId})));var r=n.cacheTablePanel[i];n.cacheTablePanel.splice(i,1,Object.assign(r,bt({},t,!r[t]))),n.method.setStorage("cacheTablePanel",n.cacheTablePanel)}},getUserInfo:function(e){var t=e.dispatch;return new Promise((function(e,n){t("call",{url:"users/info"}).then((function(n){t("saveUserInfo",n.data),e(n)})).catch((function(e){console.error(e),n(e)}))}))},saveUserInfo:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e){var r=n.method.cloneJSON(t);r.userid=n.method.runNum(r.userid),r.token=r.userid>0?r.token||n.userToken:"",n.userInfo=r,n.userId=r.userid,n.userToken=r.token,n.userIsAdmin=n.method.inArray("admin",r.identity),n.method.setStorage("userInfo",n.userInfo),i("getProjects"),i("getDialogs"),i("websocketConnection"),e()}))},saveUserOnlineStatus:function(e,t){var n=e.state,i=t.userid,r=t.online;n.userOnline[i]!==r&&(n.userOnline=Object.assign({},n.userOnline,bt({},i,r)))},getUserBasic:function(e,t){var n=e.state,i=e.dispatch;if(n.method.isJson(t)){var r=t.userid,a=t.success,o=t.complete;if(r!==n.userId){var s=Math.round((new Date).getTime()/1e3),l=[];(n.method.isArray(r)?r:[r]).some((function(e){if(n.cacheUserBasic[e]&&("function"==typeof a&&a(n.cacheUserBasic[e].data,!1),s-n.cacheUserBasic[e].time<=30))return!1;l.push(e)})),0!==l.length?!0!==n.cacheUserBasic["::load"]?(n.cacheUserBasic["::load"]=!0,i("call",{url:"users/basic",data:{userid:l}}).then((function(e){n.cacheUserBasic["::load"]=!1,"function"==typeof o&&o(),e.data.forEach((function(e){n.cacheUserBasic[e.userid]={time:s,data:e},n.method.setStorage("cacheUserBasic",n.cacheUserBasic),i("saveUserOnlineStatus",e),"function"==typeof a&&a(e,!0)}))})).catch((function(e){console.error(e),n.cacheUserBasic["::load"]=!1,"function"==typeof o&&o()}))):setTimeout((function(){i("getUserBasic",t)}),20):"function"==typeof o&&o()}else"function"==typeof a&&a(n.userInfo,!0)}},logout:function(e){var t=e.state,n=e.dispatch;t.method.clearLocal(),n("saveUserInfo",{}).then((function(){var e="/"==window.location.pathname?"":encodeURIComponent(window.location.href);$A.goForward({path:"/login",query:e?{from:e}:{}},!0)}))},saveFile:function(e,t){var n=e.state,i=e.dispatch;if(n.method.isArray(t))t.forEach((function(e){i("saveFile",e)}));else if(n.method.isJson(t)){var r=n.files.findIndex((function(e){return e.id==t.id}));r>-1?n.files.splice(r,1,Object.assign(n.files[r],t)):n.files.push(t)}},forgetFile:function(e,t){var n=e.state,i=e.dispatch;n.files=n.files.filter((function(e){return e.id!=t})),n.files.forEach((function(e){e.pid==t&&i("forgetFile",e.id)}))},getFiles:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){i("call",{url:"file/lists",data:{pid:t}}).then((function(r){var a=r.data.map((function(e){return e.id}));n.files=n.files.filter((function(e){return e.pid!=t||a.includes(e.id)})),i("saveFile",r.data),e(r)})).catch((function(e){console.error(e),r(e)}))}))},searchFiles:function(e,t){e.state;var n=e.dispatch;return new Promise((function(e,i){n("call",{url:"file/search",data:{key:t}}).then((function(t){n("saveFile",t.data),e(t)})).catch((function(e){console.error(e),i(e)}))}))},saveProject:function(e,t){var n=e.state,i=e.dispatch;if(n.method.isArray(t))t.forEach((function(e){i("saveProject",e)}));else if(n.method.isJson(t)){var r=n.projects.findIndex((function(e){return e.id==t.id}));r>-1?n.projects.splice(r,1,Object.assign(n.projects[r],t)):n.projects.push(t),setTimeout((function(){n.method.setStorage("cacheProjects",n.cacheProjects=n.projects)}))}},forgetProject:function(e,t){var n=e.state,i=n.projects.findIndex((function(e){return e.id==t}));if(i>-1&&n.projects.splice(i,1),n.projectId==t){var r=n.projects.find((function(e){var n=e.id;return n&&n!=t}));r?$A.goForward({path:"/manage/project/"+r.id}):$A.goForward({path:"/manage/dashboard"})}setTimeout((function(){n.method.setStorage("cacheProjects",n.cacheProjects=n.projects)}))},getProjects:function(e){var t=e.state,n=e.dispatch;0!==t.userId?(t.cacheProjects.length>0&&(t.projects=t.cacheProjects),n("call",{url:"project/lists"}).then((function(e){t.projects=[],n("saveProject",e.data.data)})).catch((function(e){console.error(e)}))):t.projects=[]},getProjectOne:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?(n.projectLoad++,i("call",{url:"project/one",data:{project_id:t}}).then((function(t){n.projectLoad--,i("saveProject",t.data),e(t)})).catch((function(e){console.error(e),n.projectLoad--,r(e)}))):r({msg:"Parameter error"})}))},archivedProject:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/archived",data:{project_id:t}}).then((function(n){i("forgetProject",t),e(n)})).catch((function(e){console.error(e),i("getProjectOne",t),r(e)})):r({msg:"Parameter error"})}))},removeProject:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/remove",data:{project_id:t}}).then((function(n){i("forgetProject",t),e(n)})).catch((function(e){console.error(e),i("getProjectOne",t),r(e)})):r({msg:"Parameter error"})}))},exitProject:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/exit",data:{project_id:t}}).then((function(n){i("forgetProject",t),e(n)})).catch((function(e){console.error(e),i("getProjectOne",t),r(e)})):r({msg:"Parameter error"})}))},getProjectStatistics:function(e){var t=e.state;(0,e.dispatch)("call",{url:"project/statistics"}).then((function(e){var n=e.data;t.projectStatistics=n}))},saveColumn:function(e,t){var n=e.state,i=e.dispatch;if(n.method.isArray(t))t.forEach((function(e){i("saveColumn",e)}));else if(n.method.isJson(t)){var r=n.columns.findIndex((function(e){return e.id==t.id}));r>-1?n.columns.splice(r,1,Object.assign(n.columns[r],t)):n.columns.push(t),setTimeout((function(){n.method.setStorage("cacheColumns",n.cacheColumns=n.columns)}))}},forgetColumn:function(e,t){var n=e.state,i=e.dispatch,r=n.columns.findIndex((function(e){return e.id==t}));r>-1&&(i("getProjectOne",n.columns[r].project_id),n.columns.splice(r,1)),setTimeout((function(){n.method.setStorage("cacheColumns",n.cacheColumns=n.columns)}))},getColumns:function(e,t){var n=e.state,i=e.dispatch;0!==n.userId?(n.cacheColumns.length>0&&(n.columns=n.cacheColumns),n.projectLoad++,i("call",{url:"project/column/lists",data:{project_id:t}}).then((function(e){n.projectLoad--;var r=e.data.data.map((function(e){return e.id}));r.length>0&&(n.columns=n.columns.filter((function(e){return e.project_id!=t||r.includes(e.id)}))),i("saveColumn",e.data.data)})).catch((function(e){console.error(e),n.projectLoad--}))):n.columns=[]},removeColumn:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/column/remove",data:{column_id:t}}).then((function(n){i("forgetColumn",t),e(n)})).catch((function(e){console.error(e),r(e)})):r({msg:"Parameter error"})}))},saveTask:function(e,t){var n=e.state,i=e.dispatch;if(n.method.isArray(t))t.forEach((function(e){i("saveTask",e)}));else if(n.method.isJson(t)){var r=t.parent_id>0?"taskSubs":"tasks",a=n[r].findIndex((function(e){return e.id==t.id}));a>-1?n[r].splice(a,1,Object.assign(n[r][a],t)):n[r].push(t),a>-1&&t.parent_id&&i("getTaskOne",t.parent_id),t.is_update_complete&&i("getProjectOne",t.project_id),t.is_update_content&&i("getTaskContent",t.id),setTimeout((function(){"taskSubs"==r?n.method.setStorage("cacheTaskSubs",n.cacheTaskSubs=n[r]):n.method.setStorage("cacheTasks",n.cacheTasks=n[r])}))}},forgetTask:function(e,t){var n=e.state,i=e.dispatch,r=n.tasks.findIndex((function(e){return e.id==t})),a="tasks";-1===r&&(r=n.taskSubs.findIndex((function(e){return e.id==t})),a="taskSubs"),r>-1&&(n[a][r].parent_id&&i("getTaskOne",n[a][r].parent_id),"tasks"==a&&i("getProjectOne",n[a][r].project_id),n[a].splice(r,1)),n.taskId==t&&(n.taskId=0),setTimeout((function(){"taskSubs"==a?n.method.setStorage("cacheTaskSubs",n.cacheTaskSubs=n[a]):n.method.setStorage("cacheTasks",n.cacheTasks=n[a])}))},increaseTaskMsgNum:function(e,t){var n=e.state.tasks.find((function(e){return e.dialog_id===t}));n&&n.msg_num++},getTasks:function(e,t){var n=e.state,i=e.dispatch;0!==n.userId?(n.cacheTasks.length>0&&(n.tasks=n.cacheTasks),t.project_id&&n.projectLoad++,i("call",{url:"project/task/lists",data:t}).then((function(e){t.project_id&&n.projectLoad--;var r=e.data,a=r.data.map((function(e){return e.id}));if(a.length>0&&(t.project_id&&(n.tasks=n.tasks.filter((function(e){return e.project_id!=t.project_id||a.includes(e.id)}))),t.parent_id&&(n.taskSubs=n.taskSubs.filter((function(e){return e.parent_id!=t.parent_id||a.includes(e.id)})))),i("saveTask",r.data),r.next_page_url){var o=Object.assign(t,{page:r.current_page+1});r.current_page%5==0?$A.modalWarning({content:"数据已超过"+r.to+"条，是否继续加载？",onOk:function(){i("getTasks",o)}}):i("getTasks",o)}})).catch((function(e){console.error(e),t.project_id&&n.projectLoad--}))):n.tasks=[]},getTaskOne:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/task/one",data:{task_id:t}}).then((function(t){i("saveTask",t.data),e(t)})).catch((function(e){console.error(e),r(e)})):r({msg:"Parameter error"})}))},removeTask:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/task/remove",data:{task_id:t}}).then((function(n){i("forgetTask",t),e(n)})).catch((function(e){console.error(e),i("getTaskOne",t),r(e)})):r({msg:"Parameter error"})}))},archivedTask:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/task/archived",data:{task_id:t}}).then((function(n){i("forgetTask",t),e(n)})).catch((function(e){console.error(e),i("getTaskOne",t),r(e)})):r({msg:"Parameter error"})}))},getTaskContent:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/task/content",data:{task_id:t}}).then((function(t){var i=n.taskContents.findIndex((function(e){return e.id==t.data.id}));i>-1?n.taskContents.splice(i,1,t.data):n.taskContents.push(t.data),e(t)})).catch((function(e){console.error(e),r(e)})):r({msg:"Parameter error"})}))},getTaskFiles:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"project/task/files",data:{task_id:t}}).then((function(r){r.data.forEach((function(e){var t=n.taskFiles.findIndex((function(t){return t.id==e.id}));t>-1?n.taskFiles.splice(t,1,e):n.taskFiles.push(e)})),i("saveTask",{id:t,file_num:r.data.length}),e(r)})).catch((function(e){console.error(e),r(e)})):r({msg:"Parameter error"})}))},forgetTaskFile:function(e,t){var n=e.state,i=(e.dispatch,n.taskFiles.findIndex((function(e){return e.id==t})));i>-1&&n.taskFiles.splice(i,1)},openTask:function(e,t){var n=e.state,i=e.dispatch;n.taskId=t,t>0&&i("getTaskOne",t).then((function(){i("getTaskContent",t),i("getTaskFiles",t),i("getTasks",{parent_id:t})})).catch((function(e){var t=e.msg;$A.modalWarning({content:t,onOk:function(){n.taskId=0}})}))},taskAdd:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){var a=n.method.cloneJSON(n.method.date2string(t));n.method.isArray(a.column_id)&&(a.column_id=a.column_id.find((function(e){return e}))),i("call",{url:"project/task/add",data:a,method:"post"}).then((function(t){i("addTaskSuccess",t.data),e(t)})).catch((function(e){console.error(e),r(e)}))}))},taskAddSub:function(e,t){var n=e.dispatch;return new Promise((function(e,i){n("call",{url:"project/task/addsub",data:t}).then((function(t){n("addTaskSuccess",t.data),e(t)})).catch((function(e){console.error(e),i(e)}))}))},addTaskSuccess:function(e,t){var n=e.dispatch,i=t.new_column,r=t.task;i&&n("saveColumn",i),n("saveTask",r),r.parent_id?n("getTaskOne",r.parent_id):n("getProjectOne",r.project_id)},taskUpdate:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){var a=n.method.cloneJSON(n.method.date2string(t));i("call",{url:"project/task/update",data:a,method:"post"}).then((function(t){i("saveTask",t.data),e(t)})).catch((function(e){console.error(e),i("getTaskOne",a.task_id),r(e)}))}))},getTaskPriority:function(e){var t=e.state,n=e.dispatch;return new Promise((function(e,i){n("call",{url:"system/priority"}).then((function(n){t.taskPriority=n.data,e(n)})).catch((function(e){console.error(e),i(e)}))}))},saveDialog:function(e,t){var n=e.state,i=e.dispatch;if(n.method.isArray(t))t.forEach((function(e){i("saveDialog",e)}));else if(n.method.isJson(t)){var r=n.dialogs.findIndex((function(e){return e.id==t.id}));r>-1?n.dialogs.splice(r,1,Object.assign(n.dialogs[r],t)):n.dialogs.push(t),setTimeout((function(){n.method.setStorage("cacheDialogs",n.cacheDialogs=n.dialogs)}))}},updateDialogLastMsg:function(e,t){var n=e.state,i=e.dispatch;n.dialogs.find((function(e){return e.id==t.dialog_id}))?i("saveDialog",{id:t.dialog_id,last_msg:t,last_at:n.method.formatDate("Y-m-d H:i:s")}):i("getDialogOne",t.dialog_id)},getDialogs:function(e){var t=e.state,n=e.dispatch;0!==t.userId?n("call",{url:"dialog/lists"}).then((function(e){n("saveDialog",e.data.data.reverse())})).catch((function(e){console.error(e)})):t.dialogs=[]},getDialogOne:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){0!==n.method.runNum(t)?i("call",{url:"dialog/one",data:{dialog_id:t}}).then((function(t){i("saveDialog",t.data),e(t)})).catch((function(e){console.error(e),r(e)})):r({msg:"Parameter error"})}))},openDialogUserid:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){t!==n.userId?i("call",{url:"dialog/open/user",data:{userid:t}}).then((function(t){i("saveDialog",t.data),n.method.setStorage("messenger::dialogId",t.data.id),n.dialogOpenId=t.data.id,e(t)})).catch((function(e){console.error(e),r(e)})):r({msg:"Parameter error"})}))},moveDialogTop:function(e,t){var n=e.state,i=n.dialogs.findIndex((function(e){return e.id==t}));if(i>-1){var r=n.method.cloneJSON(n.dialogs[i]);n.dialogs.splice(i,1),n.dialogs.unshift(r)}},saveDialogMsg:function(e,t){var n=e.state,i=e.dispatch;if(n.method.isArray(t))t.forEach((function(e){i("saveDialogMsg",e)}));else if(n.method.isJson(t)){var r=n.dialogMsgs.findIndex((function(e){return e.id==t.id}));r>-1?n.dialogMsgs.splice(r,1,Object.assign(n.dialogMsgs[r],t)):n.dialogMsgs.push(t),setTimeout((function(){n.method.setStorage("cacheDialogMsgs",n.cacheDialogMsgs=n.dialogMsgs)}))}},getDialogMsgs:function(e,t){var n=e.state,i=e.dispatch,r=n.dialogs.find((function(e){return e.id==t}));r||(r={id:t},n.dialogs.push(r)),r.loading||(r.loading=!0,r.currentPage=1,r.hasMorePages=!1,i("call",{url:"dialog/msg/lists",data:{dialog_id:t,page:r.currentPage}}).then((function(e){r.loading=!1,r.currentPage=e.data.current_page,r.hasMorePages=!!e.data.next_page_url,i("saveDialog",r);var a=e.data.data.map((function(e){return e.id}));a.length>0&&(n.dialogMsgs=n.dialogMsgs.filter((function(e){return e.dialog_id!=t||a.includes(e.id)}))),i("saveDialog",e.data.dialog),i("saveDialogMsg",e.data.data)})).catch((function(e){console.error(e),r.loading=!1})))},getDialogMsgNextPage:function(e,t){var n=e.state,i=e.dispatch;return new Promise((function(e,r){var a=n.dialogs.find((function(e){return e.id==t}));a?a.hasMorePages?a.loading?r({msg:"Loading"}):(a.loading=!0,a.currentPage++,i("call",{url:"dialog/msg/lists",data:{dialog_id:t,page:a.currentPage}}).then((function(t){a.loading=!1,a.currentPage=t.data.current_page,a.hasMorePages=!!t.data.next_page_url,i("saveDialogMsg",t.data.data),e(t)})).catch((function(e){console.error(e),a.loading=!1,r(e)}))):r({msg:"No more page"}):r({msg:"Parameter error"})}))},dialogMsgRead:function(e,t){var n=e.state,i=e.dispatch;if(t.userid!=n.userId&&!0!==t.is_read){t.is_read=!0;var r=n.dialogs.find((function(e){return e.id==t.dialog_id}));r&&r.unread>0&&r.unread--,n.wsReadWaitList.push(t.id),clearTimeout(n.wsReadTimeout),n.wsReadTimeout=setTimeout((function(){i("websocketSend",{type:"readMsg",data:{id:n.method.cloneJSON(n.wsReadWaitList)}}),n.wsReadWaitList=[]}),20)}},websocketConnection:function(e){var t=e.state,n=e.dispatch;e.commit;if(clearTimeout(t.wsTimeout),0!==t.userId){var i=t.method.apiUrl("../ws");i=(i=i.replace("https://","wss://")).replace("http://","ws://"),i+="?action=web&token="+t.userToken,t.ws=new WebSocket(i),t.ws.onopen=function(e){},t.ws.onclose=function(e){t.ws=null,clearTimeout(t.wsTimeout),t.wsTimeout=setTimeout((function(){n("websocketConnection")}),3e3)},t.ws.onerror=function(e){t.ws=null,clearTimeout(t.wsTimeout),t.wsTimeout=setTimeout((function(){n("websocketConnection")}),3e3)},t.ws.onmessage=function(e){var i=t.method.jsonParse(event.data),r=i.type,a=i.msgId;switch(r){case"open":t.method.setStorage("userWsFd",i.data.fd);break;case"receipt":"function"==typeof t.wsCall[a]&&t.wsCall[a](i.body,!0),delete t.wsCall[a];break;case"line":n("saveUserOnlineStatus",i.data);break;default:switch(a&&n("websocketSend",{type:"receipt",msgId:a}),t.wsMsg=i,Object.values(t.wsListener).forEach((function(e){if("function"==typeof e)try{e(i)}catch(e){}})),r){case"dialog":!function(e){var i=e.mode,r=e.data,a=r.dialog_id;if("add"===i||"chat"===i){if(n("increaseTaskMsgNum",a),"chat"===i)return;var o=t.dialogs.find((function(e){return e.id==r.dialog_id}));o&&(r.userid!==t.userId&&-1===t.dialogMsgs.findIndex((function(e){return e.id==r.id}))&&o.unread++,n("moveDialogTop",a)),t.dialogMsgPush=r}n("saveDialogMsg",r),n("updateDialogLastMsg",r)}(i);break;case"project":!function(e){var t=e.action,i=e.data;switch(t){case"add":case"update":n("saveProject",i);break;case"detail":n("getProjectOne",i.id),n("getTasks",{project_id:i.id});break;case"archived":case"delete":n("forgetProject",i.id);break;case"sort":n("getTasks",{project_id:i.id})}}(i);break;case"projectColumn":!function(e){var t=e.action,i=e.data;switch(t){case"add":case"update":n("saveColumn",i);break;case"delete":n("forgetColumn",i.id)}}(i);break;case"projectTask":!function(e){var t=e.action,i=e.data;switch(t){case"add":n("addTaskSuccess",i);break;case"update":n("saveTask",i);break;case"dialog":n("saveTask",i),n("getDialogOne",i.dialog_id);break;case"upload":n("getTaskFiles",i.task_id);break;case"filedelete":n("forgetTaskFile",i.id);break;case"archived":case"delete":n("forgetTask",i.id)}}(i);break;case"file":!function(e){var t=e.action,i=e.data;switch(t){case"add":case"update":n("saveFile",i);break;case"delete":n("forgetFile",i.id)}}(i)}}}}else t.ws&&(t.ws.close(),t.ws=null)},websocketSend:function(e,t){var n=e.state;if(n.method.isJson(t)){var i=t.type,r=t.data,a=t.callback,o=void 0;if(n.ws){"function"==typeof a&&(o=n.method.randomString(16),n.wsCall[o]=a);try{n.ws.send(JSON.stringify({type:i,msgId:o,data:r}))}catch(e){"function"==typeof a&&a(null,!1)}}else"function"==typeof a&&a(null,!1)}else"function"==typeof a&&a(null,!1)},websocketPath:function(e,t){var n=e.state,i=e.dispatch;clearTimeout(n.wsPathTimeout),n.wsPathValue=t,n.wsPathTimeout=setTimeout((function(){n.wsPathValue==t&&i("websocketSend",{type:"path",data:{path:t}})}),1e3)},websocketMsgListener:function(e,t){var n=e.state,i=t.name,r=t.callback;"function"==typeof r?n.wsListener[i]=r:n.wsListener[i]&&delete n.wsListener[i]},websocketClose:function(e){var t=e.state;t.ws&&t.ws.close()}};i.default.use(r.ZP);const wt=new r.ZP.Store({state:gt,getters:yt,mutations:{},actions:_t});n(90091),n(92693);function xt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function Ct(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const kt={name:"PageTitle",props:{title:{type:[String,Number],default:""}},data:function(){return{pagePath:""}},activated:function(){this.updateTitle()},computed:function(e){for(var t=1;tMath.floor(e.offsetWidth),this.showTooltip&&this.existSlot){var i=this.$slots.default.map((function(e){return e.text?e.text:e.elm.innerText?e.elm.innerText:""}));this.tooltipContent=i.join("")}t=null},onClick:function(e){this.$emit("on-click",e)}}};const Dt=(0,o.Z)(Tt,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("ETooltip",{attrs:{content:e.tipText,placement:e.placement,effect:e.tooltipTheme,delay:e.delay,disabled:!e.showTooltip,"max-width":e.tooltipMaxWidth,transfer:""}},[n("span",{ref:"content",staticClass:"common-auto-tip",on:{mouseenter:e.handleTooltipIn,click:e.onClick}},[e.existSlot?[e._t("default")]:[e._v(e._s(e.content))]],2)])}),[],!1,null,null,null).exports;const Et={name:"TagInput",props:{value:{default:""},cut:{default:","},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},placeholder:{default:""},max:{default:0}},data:function(){var e=[];return this.value.split(",").forEach((function(t){t&&e.push(t)})),{minWidth:80,tis:"",tisTimeout:null,showPlaceholder:!0,content:"",disSource:e,isFocus:!1}},mounted:function(){this.wayMinWidth()},watch:{placeholder:function(){this.wayMinWidth()},value:function(e){var t=[];$A.count(e)>0&&e.split(",").forEach((function(e){e&&t.push(e)})),this.disSource=t},disSource:function(e){var t=this,n="";e.forEach((function(e){""!=n&&(n+=t.cut),n+=e})),this.$emit("input",n),this.$emit("on-change")}},computed:{placeholderText:function(){return this.disSource.length>0?"":this.placeholder}},methods:{focus:function(e){var t=this.$refs.myTextarea;t.focus(e);var n=(e||{}).cursor;if(n){var i=t.value.length;switch(n){case"start":t.setSelectionRange(0,0);break;case"end":t.setSelectionRange(i,i);break;default:t.setSelectionRange(0,i)}}},wayMinWidth:function(){var e=this;this.showPlaceholder=!0,this.$nextTick((function(){e.$refs.myPlaceholder&&(e.minWidth=Math.max(e.minWidth,e.$refs.myPlaceholder.offsetWidth)),setTimeout((function(){try{e.minWidth=Math.max(e.minWidth,e.$refs.myPlaceholder.offsetWidth),e.showPlaceholder=!1}catch(e){}$A(e.$refs.myPlaceholder).is(":visible")||e.wayMinWidth()}),500)}))},pasteText:function(e){e.preventDefault();var t=(e.clipboardData||window.clipboardData).getData("text");this.addTag(!1,t)},downEnter:function(e){e.preventDefault()},onFocus:function(){this.isFocus=!0},onBlur:function(){this.isFocus=!1,this.addTag(!1,this.content)},addTag:function(e,t){var n=this;if(!1===e||13===e.keyCode)return""!=t.trim()&&-1===this.disSource.indexOf(t.trim())&&this.disSource.push(t.trim()),this.content="",void(13===e.keyCode&&this.$nextTick((function(){n.$emit("on-enter",e)})));if(this.max>0&&this.disSource.length>=this.max)return this.content="",this.tis="最多只能添加"+this.max+"个",clearInterval(this.tisTimeout),void(this.tisTimeout=setTimeout((function(){n.tis=""}),2e3));var i=t.trim(),r=i.length-this.cut.length;""!=i&&i.substring(r)===this.cut&&(""!=(i=i.substring(0,r)).trim()&&-1===this.disSource.indexOf(i.trim())&&this.disSource.push(i.trim()),this.content="")},delTag:function(e){if(!1===e){if(""!==this.content)return;e=this.disSource.length-1}this.disSource.splice(e,1),this.focus()}}};const Mt=(0,o.Z)(Et,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"common-tag-input",class:{focus:e.isFocus},on:{paste:function(t){return e.pasteText(t)},click:e.focus}},[e._l(e.disSource,(function(t,i){return n("div",{staticClass:"tags-item"},[n("span",{staticClass:"tags-content",on:{click:function(e){e.stopPropagation()}}},[e._v(e._s(t))]),n("span",{staticClass:"tags-del",on:{click:function(t){return t.stopPropagation(),e.delTag(i)}}},[e._v("×")])])})),e._v(" "),n("textarea",{directives:[{name:"model",rawName:"v-model",value:e.content,expression:"content"}],ref:"myTextarea",staticClass:"tags-input",style:{minWidth:e.minWidth+"px"},attrs:{placeholder:e.tis||e.placeholderText,disabled:e.disabled,readonly:e.readonly},domProps:{value:e.content},on:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.downEnter(t)},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"delete",[8,46],t.key,["Backspace","Delete","Del"])?null:e.delTag(!1)}],keyup:function(t){return e.addTag(t,e.content)},focus:e.onFocus,blur:e.onBlur,input:function(t){t.target.composing||(e.content=t.target.value)}}}),e._v(" "),e.showPlaceholder||""!==e.tis?n("span",{ref:"myPlaceholder",staticClass:"tags-placeholder"},[e._v(e._s(e.tis||e.placeholderText))]):e._e()],2)}),[],!1,null,null,null).exports;var Pt=n(3869),It=n.n(Pt);i.default.use(It());const jt={name:"TableAction",props:{column:{type:Object,default:function(){return{}}},autoWidth:{type:Boolean,default:!0},minWidth:{type:Number,default:80},align:{type:String,default:""},menu:{type:Array,default:function(){return[]}}},data:function(){return{width:0,height:0}},mounted:function(){this.onUpdate()},activated:function(){this.onUpdate()},beforeUpdate:function(){this.onUpdate()},computed:{tdStyle:function(){var e={};switch(this.align.toLowerCase()){case"left":e.justifyContent="flex-start";break;case"center":e.justifyContent="center";break;case"right":e.justifyContent="flex-end"}return e}},methods:{handleIn:function(){this.$refs.action.offsetWidth!=this.width&&this.onUpdate()},onUpdate:function(){this.onResize({width:this.$refs.action.offsetWidth,height:this.$refs.action.offsetHeight})},onResize:function(e){var t=this,n=e.width,i=e.height;if(this.autoWidth){$A(".ivu-table-column-"+this.column.__id).each((function(e,t){var r=$A(t).find(".td-action-container");r.length>0&&(n=Math.max(n,r[0].offsetWidth),i=Math.max(i,r[0].offsetHeight))})),this.width=n,this.height=i;var r=Math.max(this.minWidth,this.width+26);this.column.minWidth&&(r=Math.max(this.column.minWidth,r)),this.column.maxWidth&&(r=Math.min(this.column.maxWidth,r)),r!=this.column.width&&this.$nextTick((function(){t.$set(t.column,"width",r)}))}},onClick:function(e){this.$emit("action",e)}}};const Nt=(0,o.Z)(jt,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"td-action",style:e.tdStyle,attrs:{"data-width":e.width,"data-height":e.height}},[n("div",{directives:[{name:"resize",rawName:"v-resize",value:e.onResize,expression:"onResize"}],ref:"action",staticClass:"td-action-container",class:{"td-action-menu":e.menu.length>0},on:{mouseenter:e.handleIn}},[e._t("default"),e._v(" "),e._l(e.menu,(function(t,i){return n("ETooltip",{key:i,attrs:{placement:"top",disabled:!t.title,content:t.title,enterable:!1,"open-delay":600}},[t.children&&t.children.length>0?n("EDropdown",{staticClass:"menu-dropdown",attrs:{size:"medium",trigger:"click"},on:{command:e.onClick}},[n("i",{staticClass:"aliicon menu-icon",style:t.style||{},domProps:{innerHTML:e._s(t.icon)}}),e._v(" "),n("EDropdownMenu",{attrs:{slot:"dropdown"},slot:"dropdown"},e._l(t.children,(function(t,i){return n("EDropdownItem",{key:i,style:t.style||{},attrs:{command:t.action,divided:!!t.divided}},[n("div",[e._v(e._s(t.title))])])})),1)],1):n("i",{staticClass:"aliicon menu-icon",style:t.style||{},domProps:{innerHTML:e._s(t.icon)},on:{click:function(n){return e.onClick(t.action)}}})],1)}))],2)])}),[],!1,null,null,null).exports;const At={name:"QuickEdit",directives:{clickoutside:{bind:function(e,t,n){function i(n){if(e.contains(n.target))return!1;t.expression&&t.value(n)}e.__vueClickOutside__=i,document.addEventListener("click",i)},update:function(){},unbind:function(e,t){document.removeEventListener("click",e.__vueClickOutside__),delete e.__vueClickOutside__}}},props:{value:{},autoEdit:{},isTag:{type:Boolean,default:!1},alwaysIcon:{type:Boolean,default:!1}},data:function(){return{isLoad:!1,isEdit:!1,content:""}},mounted:function(){!0===this.autoEdit&&this.onEdit()},watch:{isEdit:function(e){this.$emit("on-edit-change",e)},autoEdit:function(e){!0===e&&this.onEdit()}},methods:{onEdit:function(){var e=this;this.content=this.value,this.isEdit=!0,this.$nextTick((function(){e.$refs.input.focus({cursor:"all"})}))},onEnter:function(){var e=this;this.content!=this.value?this.isLoad||(this.isLoad=!0,this.$emit("input",this.content),this.$emit("on-update",this.content,(function(){e.isEdit=!1,e.isLoad=!1}))):this.isEdit=!1}}};const Ft=(0,o.Z)(At,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"quick-edit",class:[e.alwaysIcon?"quick-always":""]},[e.isEdit?n("div",{directives:[{name:"clickoutside",rawName:"v-clickoutside",value:e.onEnter,expression:"onEnter"}],staticClass:"quick-input"},[e.isTag?n("TagInput",{ref:"input",attrs:{disabled:e.isLoad},on:{"on-enter":e.onEnter},model:{value:e.content,callback:function(t){e.content=t},expression:"content"}}):n("Input",{ref:"input",attrs:{disabled:e.isLoad},on:{"on-enter":e.onEnter},model:{value:e.content,callback:function(t){e.content=t},expression:"content"}}),e._v(" "),e.isLoad?n("div",{staticClass:"quick-loading"},[n("Loading")],1):e._e()],1):[n("div",{staticClass:"quick-text"},[e._t("default")],2),e._v(" "),n("Icon",{staticClass:"quick-icon",attrs:{type:"ios-create-outline"},on:{click:function(t){return t.stopPropagation(),e.onEdit.apply(null,arguments)}}})]],2)}),[],!1,null,null,null).exports;function Lt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function Vt(e){for(var t=1;t0&&(e.border=t+"px solid "+(n||"#ffffff")),e},spotStyle:function(){var e=this.borderWitdh,t=this.size;return"default"===t&&(t=32),e>0&&(t-=e),32==t?{}:{transform:"scale("+Math.min(1.25,t/32)+")"}},nameStyle:function(){return this.showIcon?{}:{paddingLeft:0}},avatarSize:function(){var e=this.borderWitdh,t=this.size;return"default"===t&&(t=32),e>0?t-2*e:t},showImg:function(){var e=this.user.userimg;return!!e&&!$A.rightExists(e,"/avatar.png")},isDefault:function(){var e=this.user.userimg;return $A.strExists(e,"/avatar/default_")},nickname:function(){var e=this.user.nickname;if(!e)return"D";var t=e.substring(0,2);return/^[\u4e00-\u9fa5]+$/.test(t)&&(t=t.substring(0,1)),t||"D"}}),watch:{userid:function(){this.getData()},userInfo:function(e){e.userid==this.userid&&(this.user=e)},userOnline:function(e){this.user&&void 0!==e[this.user.userid]&&this.$set(this.user,"online",e[this.user.userid])}},methods:{getData:function(){var e=this;this.userid&&(this.userid!=this.userInfo.userid?this.$store.dispatch("getUserBasic",{userid:this.userid,success:function(t){e.user=t}}):this.user=this.userInfo)},openDialog:function(){this.goForward({path:"/manage/messenger"}),this.$store.dispatch("openDialogUserid",this.userid)}}};const zt=(0,o.Z)(Bt,(function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.user?n("ETooltip",{staticClass:"common-avatar",attrs:{"open-delay":600,disabled:e.tooltipDisabled,placement:e.tooltipPlacement}},[n("div",{staticClass:"common-avatar-transfer",attrs:{slot:"content"},slot:"content"},[e._t("default"),e._v(" "),n("p",[e._v(e._s(e.$L("昵称"))+": "+e._s(e.user.nickname))]),e._v(" "),n("p",[e._v(e._s(e.$L("职位/职称"))+": "+e._s(e.user.profession||"-"))]),e._v(" "),e.userId!=e.userid&&e.showIconMenu?n("div",{staticClass:"avatar-icons"},[n("Icon",{attrs:{type:"ios-chatbubbles"},on:{click:e.openDialog}})],1):e._e()],2),e._v(" "),n("div",{staticClass:"avatar-wrapper"},[e.showIcon?n("div",{class:["avatar-box",e.userId===e.userid||e.user.online?"online":""],style:e.boxStyle},[n("em",{style:e.spotStyle}),e._v(" "),e.showImg?n("EAvatar",{class:{"avatar-default":e.isDefault},attrs:{src:e.user.userimg,size:e.avatarSize}}):n("EAvatar",{staticClass:"avatar-text",attrs:{size:e.avatarSize}},[n("span",{style:e.spotStyle},[e._v(e._s(e.nickname))])])],1):e._e(),e._v(" "),e.showName?n("div",{staticClass:"avatar-name",style:e.nameStyle},[e._v(e._s(e.user.nickname))]):e._e()])]):e._e()}),[],!1,null,null,null).exports;var Wt=n(64720);function Ht(e){return(Ht="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}i.default.use(r.ZP),i.default.use(st()),i.default.use(at),i.default.use(pt),i.default.component("PageTitle",St),i.default.component("Loading",$t),i.default.component("AutoTip",Dt),i.default.component("TagInput",Mt),i.default.component("TableAction",Nt),i.default.component("QuickEdit",Ft),i.default.component("UserAvatar",zt),i.default.component("EAvatar",Wt.Avatar),i.default.component("ETooltip",Wt.Tooltip),i.default.component("EPopover",Wt.Popover),i.default.component("EDropdown",Wt.Dropdown),i.default.component("EDropdownMenu",Wt.DropdownMenu),i.default.component("EDropdownItem",Wt.DropdownItem),i.default.prototype.isElectron=!1;var qt=at.prototype.push;at.prototype.push=function(e){return qt.call(this,e).catch((function(e){return e}))};var Kt=new at({mode:"history",routes:f});st().LoadingBar.config({color:"#3fcc25",failedColor:"#ff0000"}),Kt.beforeEach((function(e,t,n){st().LoadingBar.start(),n()})),Kt.afterEach((function(){st().LoadingBar.finish()})),i.default.prototype.goForward=function(e,t){"string"==typeof e&&(e={name:e}),!0===t?Ut.$router.replace(e).then((function(){})):Ut.$router.push(e).then((function(){}))},i.default.prototype.goBack=function(e){var t=$A.jsonParse(window.sessionStorage.__history__||"{}");$A.runNum(t["::count"])>2?Ut.$router.go("number"==typeof e?e:-1):Ut.$router.replace("object"===Ht(e)?e:{path:"/"}).then((function(){}))},i.default.prototype.$A=$A,i.default.config.productionTip=!1;var Ut=new i.default({el:"#app",router:Kt,store:wt,template:"",components:{App:h}});$A.goForward=Ut.goForward,$A.goBack=Ut.goBack,$A.getLanguage=Ut.getLanguage,$A.Message=Ut.$Message,$A.Notice=Ut.$Notice,$A.Modal=Ut.$Modal,$A.store=Ut.$store,$A.L=Ut.$L},90091:(e,t,n)=>{function i(){return(i=Object.assign||function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,i=new Array(t);n0&&(t=e[e.length-1]),t},strExists:function(e,t){var i=arguments.length>2&&arguments[2]!==n&&arguments[2];return e+="",t+="",!0!==i&&(e=e.toLowerCase(),t=t.toLowerCase()),-1!==e.indexOf(t)},leftExists:function(e,t){var i=arguments.length>2&&arguments[2]!==n&&arguments[2];return e+="",t+="",!0!==i&&(e=e.toLowerCase(),t=t.toLowerCase()),e.substring(0,t.length)===t},leftDelete:function(e,t){var i=arguments.length>2&&arguments[2]!==n&&arguments[2];return e+="",t+="",this.leftExists(e,t,i)&&(e=e.substring(t.length)),e||""},rightExists:function(e,t){var i=arguments.length>2&&arguments[2]!==n&&arguments[2];return e+="",t+="",!0!==i&&(e=e.toLowerCase(),t=t.toLowerCase()),e.substring(e.length-t.length)===t},getMiddle:function(e,t,n){return e=e.toString(),this.ishave(t)&&this.strExists(e,t)&&(e=e.substring(e.indexOf(t)+t.length)),this.ishave(n)&&this.strExists(e,n)&&(e=e.substring(0,e.indexOf(n))),e},subString:function(e,t,n){return e+="",this.ishave(n)||(n=e.length),e.substring(t,n)},randomString:function(e){e=e||32;for(var t="ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678oOLl9gqVvUuI1",n=t.length,i="",r=0;r=t)return e;for(var i="",r=0;r86400){var i=Math.floor(n/86400),r=Math.ceil((n-86400*i)/3600);return r>0?i+"天"+r+"小时":i+"天"}return n>3600?Math.ceil(n/3600)+"小时":n>60?Math.ceil(n/60)+"分钟":n>10?n+"秒":"刚刚"},isMobile:function(e){return/^1([3456789])\d{9}$/.test(e)},isPhone:function(e){return this.isMobile(e)},getDistance:function(e,t,n,i){var r,a,o,s,l,u=3.14159265359,c=6.28318530712,d=.01745329252,h=6370693.5;return r=t*d,a=i*d,(l=e*d-n*d)>u?l=c-l:l<-u&&(l=c+l),o=h*Math.cos(r)*l,s=h*(r-a),Math.sqrt(o*o+s*s).toFixed(0)},setTile:function(e){document.title=e;var t=navigator.userAgent.toLowerCase();if(/iphone|ipad|ipod/.test(t)){var n=document.createElement("iframe");n.style.display="none",n.setAttribute("src","/favicon.ico");n.addEventListener("load",(function e(){setTimeout((function(){n.removeEventListener("load",e),document.body.removeChild(n)}),0)})),document.body.appendChild(n)}},cloneData:function(e){return"object"!==o(e)||null===e?e:"number"==typeof e.length?r(e).slice(0):i({},e)},cloneJSON:function(e){return"object"!==o(e)||null===e?e:$A.jsonParse($A.jsonStringify(e))},jsonParse:function(e,t){if(null===e)return t||{};if("object"===o(e))return e;try{return JSON.parse(e.replace(/\n/g,"\\n").replace(/\r/g,"\\r"))}catch(e){return t||{}}},jsonStringify:function(e,t){if("object"!==o(e))return e;try{return JSON.stringify(e)}catch(e){return t||""}},resize:function(e,t){var n=$A(e);if(0!==n.length)var i=parseInt(n.outerHeight()),r=parseInt(n.outerWidth()),a=setInterval((function(){0===n.length&&clearInterval(a);var e=parseInt(n.outerHeight()),o=parseInt(n.outerWidth());i===e&&r===o||(i=e,r=o,console.log(r,i),"function"==typeof t&&t())}),250)},isIos:function(){var t=void 0!==e&&e.navigator.userAgent.toLowerCase();return t&&/iphone|ipad|ipod|ios/.test(t)},isAndroid:function(){var t=void 0!==e&&e.navigator.userAgent.toLowerCase();return t&&t.indexOf("android")>0},isWeixin:function(){return(void 0!==e&&e.navigator.userAgent.toLowerCase()).match(/MicroMessenger/i)+""=="micromessenger"},getObject:function(e,t){var n=e;if(0===this.count(e)||0===this.count(t))return"";var i=t.replace(/,/g,"|").replace(/\./g,"|").split("|");return $A.each(i,(function(e,t){n=void 0===n[t]?"":n[t]})),n},count:function(e){try{if(void 0===e)return 0;if("number"==typeof e&&(e+=""),"number"==typeof e.length)return e.length;var t,n=0;for(t in e)n++;return n}catch(e){return 0}},objImplode:function(e){var t=this;if(null===e)return"";var n="";return $A.each(e,(function(e,i){null!==i&&("object"===o(i)&&t.count(i)>0?n+=t.objImplode(i):n+=String(i))})),n.replace(/\s/g,"").replace(/undefined/g,"")},urlParameter:function(e){var t=this.urlParameterAll();return void 0===e?t:t[e]},urlParameterAll:function(){var t=e.location.search||"",n=[];this.strExists(t,"?")&&(n=this.getMiddle(t,"?").split("&"));for(var i={},r=0;r=2){for(var i=encodeURIComponent(t)+"=",r=n[1].split(/[&;]/g),a=r.length;a-- >0;)-1!==r[a].lastIndexOf(i,0)&&r.splice(a,1);return n[0]+(r.length>0?"?"+r.join("&"):"")}return e},urlAddParams:function(e,t){if("object"===o(t)&&null!==t)for(var n in e+="",e+=-1===e.indexOf("?")?"?":"",t)t.hasOwnProperty(n)&&(e+="&"+n+"="+t[n]);return e.replace("?&","?")},stringConnect:function(){for(var e=null,t="",n=arguments.length,i=new Array(n),r=0;r0&&(e=e[0]);var n="object"===o(e.$el)?$A(e.$el):$A(e);if(0!==n.length){var i=n[0];if("INPUT"!=i.tagName&&"TEXTAREA"!=i.tagName&&(n=0===n.find("input").length?n.find("textarea"):n.find("input")),0!==n.length&&("INPUT"==(i=n[0]).tagName||"TEXTAREA"==i.tagName)){var r=n.val(),a=i,s=a.selectionStart,l=a.selectionEnd;n.val("".concat(r.substring(0,s)).concat(t).concat(r.substring(l,r.length))),i.dispatchEvent(new Event("input")),setTimeout((function(){if(i.setSelectionRange){var e=r.substring(0,s).length+t.length;i.focus(),i.setSelectionRange(e,e)}}),10)}}}},iOSKeyboardFixer:function(){this.isIos()&&(document.body.scrollTop=document.body.scrollTop+1,document.body.scrollTop=document.body.scrollTop-1)},autoDevwid:function(t){var n=t||640;new function(){var t=this;t.width=n,t.fontSize=30,t.widthProportion=function(){var e=(document.body&&document.body.clientWidth||document.getElementsByTagName("html")[0].offsetWidth)/t.width;return e>1?1:e<.38?.38:e},t.changePage=function(){document.getElementsByTagName("html")[0].setAttribute("style","font-size:"+t.widthProportion()*t.fontSize+"px !important")},t.changePage(),e.addEventListener("resize",(function(){t.changePage()}),!1)};var i=$A(e).width()/n;return $A(".__auto").each((function(){"1"!==$A(this).attr("data-original")&&($A(this).attr("data-original-top",parseInt($A(this).css("top"))),$A(this).attr("data-original-right",parseInt($A(this).css("right"))),$A(this).attr("data-original-bottom",parseInt($A(this).css("bottom"))),$A(this).attr("data-original-left",parseInt($A(this).css("left"))),$A(this).attr("data-original-width",parseInt($A(this).css("width"))),$A(this).attr("data-original-height",parseInt($A(this).css("height"))),$A(this).attr("data-original-line-height",parseInt($A(this).css("line-height"))),$A(this).attr("data-original","1"));var e=parseInt($A(this).attr("data-original-top")),t=parseInt($A(this).attr("data-original-right")),n=parseInt($A(this).attr("data-original-bottom")),r=parseInt($A(this).attr("data-original-left")),a=parseInt($A(this).attr("data-original-width")),o=parseInt($A(this).attr("data-original-height")),s=parseInt($A(this).attr("data-original-line-height")),l={};e>0&&(l.top=e*i),t>0&&(l.right=t*i),n>0&&(l.bottom=n*i),r>0&&(l.left=r*i),a>0&&(l.width=a*i),o>0&&(l.height=o*i),s>0&&(l["line-height"]=s*i+"px"),$A(this).css(l)})),i},loadScript:function(t,n){var i=this;if(t=$A.originUrl(t),this.rightExists(t,".css"))this.loadCss(t,n);else if(!0!==this.__loadScript[t]){var r=document.createElement("script");r.type="text/javascript",r.readyState?r.onreadystatechange=function(){"loaded"!==r.readyState&&"complete"!==r.readyState||(r.onreadystatechange=null,i.__loadScript[t]=!0,"function"==typeof n&&n())}:r.onload=function(){i.__loadScript[t]=!0,"function"==typeof n&&n()},this.rightExists(t,".js")?r.src=t+"?hash="+e.systemInformation.version:r.src=t,document.body.appendChild(r)}else"function"==typeof n&&n()},loadScriptS:function(e,t){var n=this,i=0;this.loadScript(e[0],(function r(){++i0){for(var t="",i=0;i0&&r.push(u.join("&"))}else null===e[l]?r.push(a(l)+"="):"object"===o(e[l])?((i=n.slice()).push(l),""!==(u=t.serializeObject(e[l],i))&&r.push(u)):void 0!==e[l]&&""!==e[l]?r.push(a(l)+"="+s(e[l])):""===e[l]&&r.push(a(l))}return r.join("&")},globalAjaxOptions:{},ajaxSetup:function(e){e.type&&(e.method=e.type),t.each(e,(function(e,n){t.globalAjaxOptions[e]=n}))},_jsonpRequests:0,ihttp:function(i){var r={method:"GET",data:!1,async:!0,cache:!0,user:"",password:"",headers:{},xhrFields:{},statusCode:{},processData:!0,dataType:"text",contentType:"application/x-www-form-urlencoded",timeout:0},a=["beforeSend","error","complete","success","statusCode"];function o(e,n,r){var a=arguments;e&&t(document).trigger(e,n),r&&(r in t.globalAjaxOptions&&t.globalAjaxOptions[r](a[3],a[4],a[5],a[6]),i[r]&&i[r](a[3],a[4],a[5],a[6]))}i.type&&(i.method=i.type),t.each(t.globalAjaxOptions,(function(e,t){a.indexOf(e)<0&&(r[e]=t)})),t.each(r,(function(e,t){e in i||(i[e]=t)})),i.url||(i.url=e.location.toString());var s,l=i.url.indexOf("?")>=0?"&":"?",u=i.method.toUpperCase();"GET"!==u&&"HEAD"!==u&&"OPTIONS"!==u&&"DELETE"!==u||!i.data||(s="string"==typeof i.data?i.data.indexOf("?")>=0?i.data.split("?")[1]:i.data:t.serializeObject(i.data)).length&&(i.url+=l+s,"?"===l&&(l="&"));if("json"===i.dataType&&i.url.indexOf("callback=")>=0){var c,d="f7jsonp_"+Date.now()+t._jsonpRequests++,h=i.url.split("callback="),f=h[0]+"callback="+d;if(h[1].indexOf("&")>=0){var p=h[1].split("&").filter((function(e){return e.indexOf("=")>0})).join("&");p.length>0&&(f+="&"+p)}var m=document.createElement("script");return m.type="text/javascript",m.onerror=function(){clearTimeout(c),o(n,n,"error",null,"scripterror"),o("ajaxComplete ajax:complete",{scripterror:!0},"complete",null,"scripterror")},m.src=f,e[d]=function(t){clearTimeout(c),o(n,n,"success",t),m.parentNode.removeChild(m),m=null,delete e[d]},document.querySelector("head").appendChild(m),void(i.timeout>0&&(c=setTimeout((function(){m.parentNode.removeChild(m),m=null,o(n,n,"error",null,"timeout")}),i.timeout)))}"GET"!==u&&"HEAD"!==u&&"OPTIONS"!==u&&"DELETE"!==u||!1===i.cache&&(i.url+=l+"_nocache="+Date.now());var v=new XMLHttpRequest;v.requestUrl=i.url,v.requestParameters=i,v.open(u,i.url,i.async,i.user,i.password);var g,y=null;if(("POST"===u||"PUT"===u||"PATCH"===u)&&i.data)if(i.processData)if([ArrayBuffer,Blob,Document,FormData].indexOf(i.data.constructor)>=0)y=i.data;else{var b="---------------------------"+Date.now().toString(16);"multipart/form-data"===i.contentType?v.setRequestHeader("Content-Type","multipart/form-data; boundary="+b):v.setRequestHeader("Content-Type",i.contentType),y="";var _=t.serializeObject(i.data);if("multipart/form-data"===i.contentType){b="---------------------------"+Date.now().toString(16),_=_.split("&");for(var w=[],x=0;x<_.length;x++)w.push('Content-Disposition: form-data; name="'+_[x].split("=")[0]+'"\r\n\r\n'+_[x].split("=")[1]+"\r\n");y="--"+b+"\r\n"+w.join("--"+b+"\r\n")+"--"+b+"--\r\n"}else y=_}else y=i.data;return i.headers&&t.each(i.headers,(function(e,t){v.setRequestHeader(e,t)})),void 0===i.crossDomain&&(i.crossDomain=/^([\w-]+:)?\/\/([^\/]+)/.test(i.url)&&RegExp.$2!==e.location.host),i.crossDomain||v.setRequestHeader("X-Requested-With","XMLHttpRequest"),i.xhrFields&&t.each(i.xhrFields,(function(e,t){v[e]=t})),v.onload=function(e){var n;if(g&&clearTimeout(g),v.status>=200&&v.status<300||0===v.status)if("json"===i.dataType)try{n=JSON.parse(v.responseText),o("ajaxSuccess ajax:success",{xhr:v},"success",n,v.status,v)}catch(e){console.error(e),o("ajaxError ajax:error",{xhr:v,parseerror:!0},"error",v,"parseerror")}else n="text"===v.responseType||""===v.responseType?v.responseText:v.response,o("ajaxSuccess ajax:success",{xhr:v},"success",n,v.status,v);else o("ajaxError ajax:error",{xhr:v},"error",v,v.status);i.statusCode&&(t.globalAjaxOptions.statusCode&&t.globalAjaxOptions.statusCode[v.status]&&t.globalAjaxOptions.statusCode[v.status](v),i.statusCode[v.status]&&i.statusCode[v.status](v)),o("ajaxComplete ajax:complete",{xhr:v},"complete",v,v.status)},v.onerror=function(e){g&&clearTimeout(g),o("ajaxError ajax:error",{xhr:v},"error",v,v.status),o("ajaxComplete ajax:complete",{xhr:v,error:!0},"complete",v,"error")},o("ajaxStart ajax:start",{xhr:v},"start",v),o(n,n,"beforeSend",v),i.timeout>0&&(v.onabort=function(){g&&clearTimeout(g)},g=setTimeout((function(){v.abort(),o("ajaxError ajax:error",{xhr:v,timeout:!0},"error",v,"timeout"),o("ajaxComplete ajax:complete",{xhr:v,timeout:!0},"complete",v,"timeout")}),i.timeout)),v.send(y),v}}),t.extend({ajaxc:function(e){return!!e&&(void 0!==e.url&&(void 0===e.data&&(e.data={}),void 0===e.cache&&(e.cache=!1),void 0===e.method&&(e.method="GET"),void 0===e.timeout&&(e.timeout=3e4),void 0===e.dataType&&(e.dataType="json"),void 0===e.before&&(e.before=function(){}),void 0===e.complete&&(e.complete=function(){}),void 0===e.after&&(e.after=function(){}),void 0===e.success&&(e.success=function(){}),void 0===e.error&&(e.error=function(){}),void 0===e.header&&(e.header={}),e.before(),void $A.ihttp({url:e.url,data:e.data,cache:e.cache,headers:e.header,method:e.method.toUpperCase(),contentType:"OPTIONS",crossDomain:!0,dataType:e.dataType,timeout:e.timeout,success:function(t,n,i){e.complete(),e.success(t,n,i),e.after(!0)},error:function(t,n){e.complete(),e.error(t,n),e.after(!1)}})))}}),t.extend({date2string:function(e,t){if(null===e)return e;if(void 0===t&&(t="Y-m-d H:i:s"),e instanceof Date)e=$A.formatDate(t,e);else if($A.isJson(e))for(var n in e)e.hasOwnProperty(n)&&(e[n]=$A.date2string(e[n],t));else $A.isArray(e)&&e.forEach((function(n,i){e[i]=$A.date2string(n,t)}));return e},getData:function(e){var t=arguments.length>1&&arguments[1]!==n&&arguments[1],i=new Date,r=i.getDay(),a=i.getDate(),o=i.getMonth(),s=i.getYear();s+=s<2e3?1900:0;var l=new Date;l.setDate(1),l.setMonth(l.getMonth()-1);var u=l.getMonth(),c=function(){var e=0;return o<3&&(e=0),28&&(e=9),e},d=function(e){var t=new Date(s,e,1);return(new Date(s,e+1,1)-t)/864e5},h=i.getTime();switch(e){case"今天":h=i;break;case"昨天":h=i-864e5;break;case"前天":h=i-1728e5;break;case"本周":h=new Date(s,o,a-r);break;case"本周结束":h=new Date(s,o,a+(6-r));break;case"上周":h=new Date(s,o,a-r-7);break;case"上周结束":h=new Date(s,o,a-r-1);break;case"本周2":h=new Date(s,o,a-r+1);break;case"本周结束2":h=new Date(s,o,a+(6-r)+1);break;case"上周2":h=new Date(s,o,a-r-7+1);break;case"上周结束2":h=new Date(s,o,a-r-1+1);break;case"本月":h=new Date(s,o,1);break;case"本月结束":h=new Date(s,o,d(o));break;case"上个月":h=new Date(s,u,1);break;case"上个月结束":h=new Date(s,u,d(u));break;case"本季度":h=new Date(s,c(),1);break;case"本季度结束":var f=c()+2;h=new Date(s,f,d(f))}return!0===t?h:$A.formatDate("Y-m-d",parseInt(h/1e3))},bytesToSize:function(e){if(0===e)return"0 B";var t=["B","KB","MB","GB","TB","PB","EB","ZB","YB"],n=Math.floor(Math.log(e)/Math.log(1024));return void 0===t[n]?"0 B":$A.runNum(e/Math.pow(1024,n),2)+" "+t[n]},html2Escape:function(e){return e&&""!=e?e.replace(/[<>&"]/g,(function(e){return{"<":"<",">":">","&":"&",'"':"""}[e]})):""},sreachHighlight:function(e,t){return e&&""!=e?t&&""!=t?e=(e=(e=$A.html2Escape(e.replace(new RegExp(t,"g"),"[highlight]"+t+"[/highlight]"))).replace(/\[highlight\]/g,'')).replace(/\[\/highlight\]/g,""):$A.html2Escape(e):""}}),e.$A=t}(window,window.$=window.jQuery=n(19755))},92693:()=>{!function(e){var t=e.$A;t.extend({modalConfig:function(e){return void 0===e?e={content:"Undefined"}:"string"==typeof e&&(e={content:e}),e.title=$A.L(e.title||(void 0===e.render?"温馨提示":"")),e.content=$A.L(e.content||""),e.okText=$A.L(e.okText||"确定"),e.cancelText=$A.L(e.cancelText||"取消"),e},modalInput:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(t>0)setTimeout((function(){$A.modalInput(e)}),t);else{"string"==typeof e&&(e={title:e});var n="modalInput_"+$A.randomString(6);$A.Modal.confirm({render:function(t){return t("div",[t("div",{style:{fontSize:"16px",fontWeight:"500",marginBottom:"20px"}},$A.L(e.title)),t("Input",{props:{value:e.value,placeholder:$A.L(e.placeholder),elementId:n},on:{input:function(t){e.value=t}}})])},loading:!0,onOk:function(){"function"==typeof e.onOk?!0===e.onOk(e.value,(function(){$A.Modal.remove()}))&&$A.Modal.remove():$A.Modal.remove()}}),setTimeout((function(){document.getElementById(n)&&document.getElementById(n).focus()}))}},modalConfirm:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t>0?setTimeout((function(){$A.modalConfirm(e)}),t):$A.Modal.confirm($A.modalConfig(e))},modalSuccess:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t>0?setTimeout((function(){$A.modalSuccess(e)}),t):$A.Modal.success($A.modalConfig(e))},modalInfo:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t>0?setTimeout((function(){$A.modalInfo(e)}),t):$A.Modal.info($A.modalConfig(e))},modalWarning:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t>0?setTimeout((function(){$A.modalWarning(e)}),t):$A.Modal.warning($A.modalConfig(e))},modalError:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;t>0?setTimeout((function(){$A.modalError(e)}),t):$A.Modal.error($A.modalConfig(e))},modalAlert:function(e){alert($A.L(e))},messageSuccess:function(e){$A.Message.success($A.L(e))},messageWarning:function(e){$A.Message.warning($A.L(e))},messageError:function(e){$A.Message.error($A.L(e))},noticeConfig:function(e){return void 0===e?e={desc:"Undefined"}:"string"==typeof e&&(e={desc:e}),e.title=$A.L(e.title||(void 0===e.render?"温馨提示":"")),e.desc=$A.L(e.desc||""),e},noticeSuccess:function(e){$A.Notice.success($A.noticeConfig(e))},noticeWarning:function(e){$A.Notice.warning($A.noticeConfig(e))},noticeError:function(e){"string"==typeof e&&(e={desc:e,duration:6}),$A.Notice.error($A.noticeConfig(e))}}),e.$A=t}(window)},31108:(e,t)=>{t.Z=[]},52945:(e,t,n)=>{e.exports={default:n(56981),__esModule:!0}},93516:(e,t,n)=>{e.exports={default:n(80025),__esModule:!0}},64275:(e,t,n)=>{e.exports={default:n(52392),__esModule:!0}},88239:(e,t,n)=>{"use strict";var i,r=n(52945),a=(i=r)&&i.__esModule?i:{default:i};t.Z=a.default||function(e){for(var t=1;t{"use strict";var i=o(n(64275)),r=o(n(93516)),a="function"==typeof r.default&&"symbol"==typeof i.default?function(e){return typeof e}:function(e){return e&&"function"==typeof r.default&&e.constructor===r.default&&e!==r.default.prototype?"symbol":typeof e};function o(e){return e&&e.__esModule?e:{default:e}}t.Z="function"==typeof r.default&&"symbol"===a(i.default)?function(e){return void 0===e?"undefined":a(e)}:function(e){return e&&"function"==typeof r.default&&e.constructor===r.default&&e!==r.default.prototype?"symbol":void 0===e?"undefined":a(e)}},56981:(e,t,n)=>{n(72699),e.exports=n(34579).Object.assign},80025:(e,t,n)=>{n(46840),n(94058),n(8174),n(36461),e.exports=n(34579).Symbol},52392:(e,t,n)=>{n(91867),n(73871),e.exports=n(25103).f("iterator")},85663:e=>{e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},79003:e=>{e.exports=function(){}},12159:(e,t,n)=>{var i=n(36727);e.exports=function(e){if(!i(e))throw TypeError(e+" is not an object!");return e}},57428:(e,t,n)=>{var i=n(7932),r=n(78728),a=n(16531);e.exports=function(e){return function(t,n,o){var s,l=i(t),u=r(l.length),c=a(o,u);if(e&&n!=n){for(;u>c;)if((s=l[c++])!=s)return!0}else for(;u>c;c++)if((e||c in l)&&l[c]===n)return e||c||0;return!e&&-1}}},32894:e=>{var t={}.toString;e.exports=function(e){return t.call(e).slice(8,-1)}},34579:e=>{var t=e.exports={version:"2.6.12"};"number"==typeof __e&&(__e=t)},19216:(e,t,n)=>{var i=n(85663);e.exports=function(e,t,n){if(i(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,i){return e.call(t,n,i)};case 3:return function(n,i,r){return e.call(t,n,i,r)}}return function(){return e.apply(t,arguments)}}},8333:e=>{e.exports=function(e){if(null==e)throw TypeError("Can't call method on "+e);return e}},89666:(e,t,n)=>{e.exports=!n(7929)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},97467:(e,t,n)=>{var i=n(36727),r=n(33938).document,a=i(r)&&i(r.createElement);e.exports=function(e){return a?r.createElement(e):{}}},73338:e=>{e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},70337:(e,t,n)=>{var i=n(46162),r=n(48195),a=n(86274);e.exports=function(e){var t=i(e),n=r.f;if(n)for(var o,s=n(e),l=a.f,u=0;s.length>u;)l.call(e,o=s[u++])&&t.push(o);return t}},83856:(e,t,n)=>{var i=n(33938),r=n(34579),a=n(19216),o=n(41818),s=n(27069),l=function(e,t,n){var u,c,d,h=e&l.F,f=e&l.G,p=e&l.S,m=e&l.P,v=e&l.B,g=e&l.W,y=f?r:r[t]||(r[t]={}),b=y.prototype,_=f?i:p?i[t]:(i[t]||{}).prototype;for(u in f&&(n=t),n)(c=!h&&_&&void 0!==_[u])&&s(y,u)||(d=c?_[u]:n[u],y[u]=f&&"function"!=typeof _[u]?n[u]:v&&c?a(d,i):g&&_[u]==d?function(e){var t=function(t,n,i){if(this instanceof e){switch(arguments.length){case 0:return new e;case 1:return new e(t);case 2:return new e(t,n)}return new e(t,n,i)}return e.apply(this,arguments)};return t.prototype=e.prototype,t}(d):m&&"function"==typeof d?a(Function.call,d):d,m&&((y.virtual||(y.virtual={}))[u]=d,e&l.R&&b&&!b[u]&&o(b,u,d)))};l.F=1,l.G=2,l.S=4,l.P=8,l.B=16,l.W=32,l.U=64,l.R=128,e.exports=l},7929:e=>{e.exports=function(e){try{return!!e()}catch(e){return!0}}},33938:e=>{var t=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=t)},27069:e=>{var t={}.hasOwnProperty;e.exports=function(e,n){return t.call(e,n)}},41818:(e,t,n)=>{var i=n(4743),r=n(83101);e.exports=n(89666)?function(e,t,n){return i.f(e,t,r(1,n))}:function(e,t,n){return e[t]=n,e}},54881:(e,t,n)=>{var i=n(33938).document;e.exports=i&&i.documentElement},33758:(e,t,n)=>{e.exports=!n(89666)&&!n(7929)((function(){return 7!=Object.defineProperty(n(97467)("div"),"a",{get:function(){return 7}}).a}))},50799:(e,t,n)=>{var i=n(32894);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==i(e)?e.split(""):Object(e)}},71421:(e,t,n)=>{var i=n(32894);e.exports=Array.isArray||function(e){return"Array"==i(e)}},36727:e=>{e.exports=function(e){return"object"==typeof e?null!==e:"function"==typeof e}},33945:(e,t,n)=>{"use strict";var i=n(98989),r=n(83101),a=n(25378),o={};n(41818)(o,n(22939)("iterator"),(function(){return this})),e.exports=function(e,t,n){e.prototype=i(o,{next:r(1,n)}),a(e,t+" Iterator")}},45700:(e,t,n)=>{"use strict";var i=n(16227),r=n(83856),a=n(57470),o=n(41818),s=n(15449),l=n(33945),u=n(25378),c=n(95089),d=n(22939)("iterator"),h=!([].keys&&"next"in[].keys()),f="keys",p="values",m=function(){return this};e.exports=function(e,t,n,v,g,y,b){l(n,t,v);var _,w,x,C=function(e){if(!h&&e in $)return $[e];switch(e){case f:case p:return function(){return new n(this,e)}}return function(){return new n(this,e)}},k=t+" Iterator",S=g==p,O=!1,$=e.prototype,T=$[d]||$["@@iterator"]||g&&$[g],D=T||C(g),E=g?S?C("entries"):D:void 0,M="Array"==t&&$.entries||T;if(M&&(x=c(M.call(new e)))!==Object.prototype&&x.next&&(u(x,k,!0),i||"function"==typeof x[d]||o(x,d,m)),S&&T&&T.name!==p&&(O=!0,D=function(){return T.call(this)}),i&&!b||!h&&!O&&$[d]||o($,d,D),s[t]=D,s[k]=m,g)if(_={values:S?D:C(p),keys:y?D:C(f),entries:E},b)for(w in _)w in $||a($,w,_[w]);else r(r.P+r.F*(h||O),t,_);return _}},85084:e=>{e.exports=function(e,t){return{value:t,done:!!e}}},15449:e=>{e.exports={}},16227:e=>{e.exports=!0},77177:(e,t,n)=>{var i=n(65730)("meta"),r=n(36727),a=n(27069),o=n(4743).f,s=0,l=Object.isExtensible||function(){return!0},u=!n(7929)((function(){return l(Object.preventExtensions({}))})),c=function(e){o(e,i,{value:{i:"O"+ ++s,w:{}}})},d=e.exports={KEY:i,NEED:!1,fastKey:function(e,t){if(!r(e))return"symbol"==typeof e?e:("string"==typeof e?"S":"P")+e;if(!a(e,i)){if(!l(e))return"F";if(!t)return"E";c(e)}return e[i].i},getWeak:function(e,t){if(!a(e,i)){if(!l(e))return!0;if(!t)return!1;c(e)}return e[i].w},onFreeze:function(e){return u&&d.NEED&&l(e)&&!a(e,i)&&c(e),e}}},88082:(e,t,n)=>{"use strict";var i=n(89666),r=n(46162),a=n(48195),o=n(86274),s=n(66530),l=n(50799),u=Object.assign;e.exports=!u||n(7929)((function(){var e={},t={},n=Symbol(),i="abcdefghijklmnopqrst";return e[n]=7,i.split("").forEach((function(e){t[e]=e})),7!=u({},e)[n]||Object.keys(u({},t)).join("")!=i}))?function(e,t){for(var n=s(e),u=arguments.length,c=1,d=a.f,h=o.f;u>c;)for(var f,p=l(arguments[c++]),m=d?r(p).concat(d(p)):r(p),v=m.length,g=0;v>g;)f=m[g++],i&&!h.call(p,f)||(n[f]=p[f]);return n}:u},98989:(e,t,n)=>{var i=n(12159),r=n(57856),a=n(73338),o=n(58989)("IE_PROTO"),s=function(){},l=function(){var e,t=n(97467)("iframe"),i=a.length;for(t.style.display="none",n(54881).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write(" diff --git a/resources/assets/js/components/DragBallComponent.vue b/resources/assets/js/components/DragBallComponent.vue new file mode 100644 index 00000000..fe4aab72 --- /dev/null +++ b/resources/assets/js/components/DragBallComponent.vue @@ -0,0 +1,259 @@ + + + diff --git a/resources/assets/js/language/index.js b/resources/assets/js/language/index.js index c0bbbbef..e335e960 100644 --- a/resources/assets/js/language/index.js +++ b/resources/assets/js/language/index.js @@ -110,7 +110,7 @@ export default { return; } this.__initLanguageData(); - this.languageData.push(...data); + this.languageData.unshift(...data); }, /** @@ -184,6 +184,10 @@ export default { if (typeof languageCachesObjects[text] === "undefined") { let tmpRege = null; let tmpData = this.languageData.find((obj) => { + if (typeof obj._ !== "undefined") { + tmpRege = new RegExp("^" + this.replaceEscape(obj._).replace(/%/g, "(.*?)") + "$", "g"); + return !!text.match(tmpRege); + } return Object.values(obj).find((val) => { tmpRege = new RegExp("^" + this.replaceEscape(val).replace(/%/g, "(.*?)") + "$", "g"); return !!text.match(tmpRege); diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue index a1a292a4..19d8f6f5 100644 --- a/resources/assets/js/pages/manage.vue +++ b/resources/assets/js/pages/manage.vue @@ -1,6 +1,6 @@ @@ -163,9 +173,10 @@ import notificationKoro from "notification-koro1"; import TeamManagement from "./manage/components/TeamManagement"; import ProjectManagement from "./manage/components/ProjectManagement"; import DrawerOverlay from "../components/DrawerOverlay"; +import DragBallComponent from "../components/DragBallComponent"; export default { - components: {DrawerOverlay, ProjectManagement, TeamManagement, ProjectArchived, TaskDetail}, + components: {DragBallComponent, DrawerOverlay, ProjectManagement, TeamManagement, ProjectArchived, TaskDetail}, data() { return { loadIng: 0, @@ -183,6 +194,7 @@ export default { openMenu: {}, visibleMenu: false, + show768Menu: false, allUserShow: false, allProjectShow: false, @@ -361,6 +373,7 @@ export default { }, toggleRoute(path) { + this.show768Menu = false; this.goForward({path: '/manage/' + path}); }, diff --git a/resources/assets/js/pages/manage/calendar.vue b/resources/assets/js/pages/manage/calendar.vue index 359fd362..ab814dbb 100644 --- a/resources/assets/js/pages/manage/calendar.vue +++ b/resources/assets/js/pages/manage/calendar.vue @@ -143,14 +143,23 @@ export default { methods: { initLanguage() { + this.addLanguageData([ + {"_": "{日}","CN": "日","EN": "Sun","TC": "日","KM": "Sun","TH": "Sun","KO": "Sun","JA": "Sun"}, + {"_": "{一}","CN": "一","EN": "Mon","TC": "一","KM": "Mon","TH": "Mon","KO": "Mon","JA": "Mon"}, + {"_": "{二}","CN": "二","EN": "Tue","TC": "二","KM": "Tue","TH": "Tue","KO": "Tue","JA": "Tue"}, + {"_": "{三}","CN": "三","EN": "Wed","TC": "三","KM": "Wed","TH": "Wed","KO": "Wed","JA": "Wed"}, + {"_": "{四}","CN": "四","EN": "Thu","TC": "四","KM": "Thu","TH": "Thu","KO": "Thu","JA": "Thu"}, + {"_": "{五}","CN": "五","EN": "Fri","TC": "五","KM": "Fri","TH": "Fri","KO": "Fri","JA": "Fri"}, + {"_": "{六}","CN": "六","EN": "Sat","TC": "六","KM": "Sat","TH": "Sat","KO": "Sat","JA": "Sat"}, + ]); let daynames = [ - this.$L('周日'), - this.$L('周一'), - this.$L('周二'), - this.$L('周三'), - this.$L('周四'), - this.$L('周五'), - this.$L('周六') + this.$L('{日}'), + this.$L('{一}'), + this.$L('{二}'), + this.$L('{三}'), + this.$L('{四}'), + this.$L('{五}'), + this.$L('{六}') ]; this.calendarWeek = {daynames}; this.calendarMonth = {daynames}; diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue index 3aa87805..cab0d58a 100644 --- a/resources/assets/js/pages/manage/components/DialogWrapper.vue +++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue @@ -57,6 +57,7 @@
{{$L('有' + msgNew + '条新消息')}}
+ {{$L('群聊')}}
+
+ +
diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue index 68c63bc6..ba8f95ad 100644 --- a/resources/assets/js/pages/manage/components/ProjectList.vue +++ b/resources/assets/js/pages/manage/components/ProjectList.vue @@ -64,7 +64,7 @@ { this.nowTime = Math.round(new Date().getTime() / 1000); - }, 1000) + }, 1000); + // + this.projectDialogsubscribe = Store.subscribe('onProjectDialogBack', () => { + this.$store.dispatch('toggleTablePanel', 'chat'); + }); }, destroyed() { - clearInterval(this.nowInterval) + clearInterval(this.nowInterval); + // + if (this.projectDialogsubscribe) { + this.projectDialogsubscribe.unsubscribe(); + this.projectDialogsubscribe = null; + } }, computed: { diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue index 4ef24f89..37918aff 100644 --- a/resources/assets/js/pages/manage/components/TaskDetail.vue +++ b/resources/assets/js/pages/manage/components/TaskDetail.vue @@ -90,7 +90,7 @@ -
+
@@ -354,7 +354,7 @@
-