|
|
@@ -0,0 +1,609 @@
|
|
|
+@import './variables.scss';
|
|
|
+@import './mixin.scss';
|
|
|
+@import './transition.scss';
|
|
|
+@import './element-ui.scss';
|
|
|
+@import './sidebar.scss';
|
|
|
+
|
|
|
+body {
|
|
|
+ height: 100%;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ text-rendering: optimizeLegibility;
|
|
|
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB,
|
|
|
+ Microsoft YaHei, Arial, sans-serif;
|
|
|
+}
|
|
|
+.content-app{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 24px 15px 24px;
|
|
|
+ background: #dfe3ea;
|
|
|
+}
|
|
|
+
|
|
|
+.el-message {
|
|
|
+ width: 240px;
|
|
|
+ height: 48px;
|
|
|
+ background: #f6fff7;
|
|
|
+ box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.06);
|
|
|
+ border-radius: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+label {
|
|
|
+ font-weight: 700;
|
|
|
+}
|
|
|
+
|
|
|
+html {
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+#app {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+*,
|
|
|
+*:before,
|
|
|
+*:after {
|
|
|
+ box-sizing: inherit;
|
|
|
+}
|
|
|
+
|
|
|
+a:focus,
|
|
|
+a:active {
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+a,
|
|
|
+a:focus,
|
|
|
+a:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ color: inherit;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+div:focus {
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+li {
|
|
|
+ list-style-type: none;
|
|
|
+}
|
|
|
+
|
|
|
+.clearfix {
|
|
|
+ &:after {
|
|
|
+ visibility: hidden;
|
|
|
+ display: block;
|
|
|
+ font-size: 0;
|
|
|
+ content: ' ';
|
|
|
+ clear: both;
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// main-container global css
|
|
|
+.app-container {
|
|
|
+ padding: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/*公用元素边框*/
|
|
|
+.box-public-shadow {
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.06);
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 30px;
|
|
|
+
|
|
|
+ .relative {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.npd {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.flex {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-end {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.flex-wrap {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.flx {
|
|
|
+ font-size: 16px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ padding: 10px 0px 10px 20px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ height: 36px;
|
|
|
+ background: #2d67e3;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-bottom: 24px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+.h100 {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.l22 {
|
|
|
+ margin-left: 22px;
|
|
|
+}
|
|
|
+
|
|
|
+.flex1 {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.t30 {
|
|
|
+ margin-top: 24px;
|
|
|
+}
|
|
|
+.r10 {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+.l10 {
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+.newbut{
|
|
|
+ width: 64px;
|
|
|
+ height: 32px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #9EBBF7;
|
|
|
+ box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.06);
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #2D67E3;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.r24 {
|
|
|
+ margin-right: 24px;
|
|
|
+}
|
|
|
+.r25 {
|
|
|
+ margin-right: 12px;
|
|
|
+}
|
|
|
+.b24{
|
|
|
+ margin-bottom: 24px;
|
|
|
+}
|
|
|
+.b32{
|
|
|
+ margin-bottom: 32;
|
|
|
+}
|
|
|
+.pt90{
|
|
|
+ padding-top: 90px;
|
|
|
+}
|
|
|
+.flews{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+.er {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #101611;
|
|
|
+}
|
|
|
+.up {
|
|
|
+ min-height: 80px;
|
|
|
+ padding-top: 24px;
|
|
|
+}
|
|
|
+.buwitch{
|
|
|
+ width: 80px;
|
|
|
+ height: 32px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #D2D6DF;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 300;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+.r26 {
|
|
|
+ width: 80px;
|
|
|
+ height: 32px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border: 1px solid #D2D6DF;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 300;
|
|
|
+ color: #101611
|
|
|
+}
|
|
|
+.flower{
|
|
|
+ overflow:hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ -o-text-overflow:ellipsis;
|
|
|
+}
|
|
|
+.fwgh{
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #101116;
|
|
|
+}
|
|
|
+.right {
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+
|
|
|
+.center {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.box-scroll {
|
|
|
+ overflow-y: scroll;
|
|
|
+ overflow-x: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+/*弹框输入框*/
|
|
|
+.dialog-public-background {
|
|
|
+ .el-input__inner,
|
|
|
+ .el-textarea__inner {
|
|
|
+ background: #ffffff;
|
|
|
+ border: 1px solid #d2d6df;
|
|
|
+ border-radius: 2px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*公用按钮阴影*/
|
|
|
+.button-public-shadow {
|
|
|
+ height: 48px;
|
|
|
+ line-height: 48px;
|
|
|
+ text-align: center;
|
|
|
+ background: linear-gradient(0deg, #6983be, #777dba);
|
|
|
+ box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.18);
|
|
|
+ border-radius: 6px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ margin-bottom: 32px;
|
|
|
+ width: 100%;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+
|
|
|
+ &:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*公用阴影-小*/
|
|
|
+.box-public-shadow-mini {
|
|
|
+ background: #ffffff;
|
|
|
+ box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.06);
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 24px;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #303133;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .cl-hui {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #909399;
|
|
|
+ }
|
|
|
+ .fz16{
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #101116;
|
|
|
+ }
|
|
|
+ .fwb {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .t25 {
|
|
|
+ margin-top: 25px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .t13 {
|
|
|
+ margin-top: 13px;
|
|
|
+ }
|
|
|
+ .t12 {
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+ .t25 {
|
|
|
+ margin-top: 25px;
|
|
|
+ }
|
|
|
+ .t24 {
|
|
|
+ margin-top: 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .mb {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Helvetica;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #AFB4BF;
|
|
|
+ }
|
|
|
+
|
|
|
+ .l50 {
|
|
|
+ margin-left: 50px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.content {
|
|
|
+ margin-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.manageTitle {
|
|
|
+ position: relative;
|
|
|
+ font-size: 20px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #303133;
|
|
|
+ padding-left: 12px;
|
|
|
+ margin-right: 48px;
|
|
|
+ margin-top: 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+ &::after {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ width: 4px;
|
|
|
+ height: 20px;
|
|
|
+ left: 0;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -10px;
|
|
|
+ background: #2d67e3;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*鼠标样式-手*/
|
|
|
+.cursor {
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.handleMsgMneu {
|
|
|
+ padding: 4px 0;
|
|
|
+ background: #fafcff;
|
|
|
+ box-shadow: 0px 4px 8px 0px rgba(16, 17, 22, 0.1);
|
|
|
+ border-radius: 0;
|
|
|
+ .el-dropdown-menu__item {
|
|
|
+ padding: 0;
|
|
|
+ span {
|
|
|
+ line-height: 28px;
|
|
|
+ padding: 12px;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ .editPwd {
|
|
|
+ color: #101116;
|
|
|
+ }
|
|
|
+ .layoutSys {
|
|
|
+ color: #eb2f3b;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*修改提示框*/
|
|
|
+.el-message {
|
|
|
+ height: 40px;
|
|
|
+ width: auto;
|
|
|
+ border-radius: 2px;
|
|
|
+ min-width: auto;
|
|
|
+ padding-right: 70px;
|
|
|
+ background: #fafcff;
|
|
|
+ box-shadow: 0px 2px 24px 0px rgba(16, 17, 22, 0.2);
|
|
|
+ border-color: #fafcff;
|
|
|
+ .el-message__content {
|
|
|
+ font-weight: 400;
|
|
|
+ color: #101116;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*修改checkbox选中样式*/
|
|
|
+.el-checkbox__input.is-checked .el-checkbox__inner,
|
|
|
+.el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
|
+ background-color: #2d67e3;
|
|
|
+ border-color: #2d67e3;
|
|
|
+}
|
|
|
+
|
|
|
+/*修改tree children布局*/
|
|
|
+.el-tree-node.is-expanded > .el-tree-node__children {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.el-tree-node__label {
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 110px;
|
|
|
+}
|
|
|
+
|
|
|
+/*修改radio选中样式*/
|
|
|
+.el-radio__input.is-checked .el-radio__inner {
|
|
|
+ border-color: #2d67e3;
|
|
|
+ background: #fff;
|
|
|
+ &::after {
|
|
|
+ width: 8px;
|
|
|
+ height: 8px;
|
|
|
+ background-color: #2d67e3;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.el-radio__input.is-checked + .el-radio__label {
|
|
|
+ color: #303133;
|
|
|
+}
|
|
|
+
|
|
|
+/*修改tree背景样式*/
|
|
|
+.el-tree {
|
|
|
+ background: initial;
|
|
|
+}
|
|
|
+
|
|
|
+/*按钮默认样式*/
|
|
|
+.btn-default {
|
|
|
+ background: #f5f7fa;
|
|
|
+ border: 1px solid #b4b7cb;
|
|
|
+ border-radius: 8px;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #6f81bc;
|
|
|
+
|
|
|
+ &:focus {
|
|
|
+ border-color: #6983be;
|
|
|
+ color: #fff;
|
|
|
+ background: linear-gradient(0deg, #6983be, #777dba);
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: #94a6e0;
|
|
|
+ border-color: #94a6e0;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*取消按钮*/
|
|
|
+.btn-cancel {
|
|
|
+ background: #ffffff;
|
|
|
+ border: 1px solid #e3e5e8;
|
|
|
+ border-radius: 6px;
|
|
|
+ font-size: 16px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: 300;
|
|
|
+ color: #303133;
|
|
|
+ margin-left: 24px !important;
|
|
|
+
|
|
|
+ &:focus {
|
|
|
+ border-color: #2d67e3;
|
|
|
+ color: #fff;
|
|
|
+ background: #2d67e3;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: #2d67e3;
|
|
|
+ border-color: #2d67e3;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*提交按钮*/
|
|
|
+.foot {
|
|
|
+ width: 100%;
|
|
|
+ height: 56px;
|
|
|
+ padding: 10px 22px 10px 0;
|
|
|
+ line-height: 56px;
|
|
|
+ background: #f0f5ff;
|
|
|
+ border-radius: 2px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.DelFoot,
|
|
|
+.del-foot {
|
|
|
+ width: 100%;
|
|
|
+ height: 56px;
|
|
|
+ padding: 10px 22px 10px 0;
|
|
|
+ line-height: 56px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 2px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.el-button--danger {
|
|
|
+ background: #eb2f3b;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+ border-color: #eb2f3b;
|
|
|
+}
|
|
|
+
|
|
|
+.el-button--primary {
|
|
|
+ background: #2d67e3;
|
|
|
+ border-radius: 4px;
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+ border-color: #2d67e3;
|
|
|
+ &:focus {
|
|
|
+ background: #2d67e3;
|
|
|
+ border-color: #2d67e3;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: #2d67e3;
|
|
|
+ border-color: #2d67e3;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/*二级弹框背景*/
|
|
|
+.ej-dialog-bg {
|
|
|
+ background: #f5f7fa !important;
|
|
|
+ box-shadow: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.edit_log {
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background: url('../../assets/logo/ic_edit@2x.png') no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ margin-left: 16px;
|
|
|
+ cursor: pointer;
|
|
|
+ transition: all 0.3s;
|
|
|
+}
|
|
|
+
|
|
|
+.edit_log:hover {
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background: url('../../assets/logo/ic_edit_hovar@2x.png') no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ margin-left: 16px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+// 表格列筛选弹框
|
|
|
+.dialog-check-cols .el-tree {
|
|
|
+ &.has-children .el-tree-node > .el-tree-node__children {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+ &.no-children {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.el-table .el-table__cell.pre-line .cell {
|
|
|
+ white-space: pre-line;
|
|
|
+}
|
|
|
+
|
|
|
+.input-shadow .el-input__inner {
|
|
|
+ box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.06);
|
|
|
+}
|
|
|
+
|
|
|
+.btn-shadow {
|
|
|
+ cursor: pointer;
|
|
|
+ box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.18);
|
|
|
+ &.btn-img,
|
|
|
+ &.btn-square {
|
|
|
+ border-radius: 8px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.el-table .el-table__body-wrapper::-webkit-scrollbar {
|
|
|
+ height: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+input[type='number'] {
|
|
|
+ line-height: 1 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.el-input__inner,.el-button,.el-textarea__inner{
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
