@import './variables.scss'; @import './mixin.scss'; @import './transition.scss'; @import './element-ui.scss'; @import './sidebar.scss'; @import './btn.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; } label { font-weight: 700; } html { height: 100%; box-sizing: border-box; } #app { height: 100%; } ul,li { margin: 0; padding: 0; list-style: none; } *, *:before, *:after { box-sizing: inherit; } .no-padding { padding: 0px !important; } .padding-content { padding: 4px 0; } a:focus, a:active { outline: none; } a, a:focus, a:hover { cursor: pointer; color: inherit; text-decoration: none; } div:focus { outline: none; } .fr { float: right; } .fl { float: left; } .pr-5 { padding-right: 5px; } .pl-5 { padding-left: 5px; } .block { display: block; } .pointer { cursor: pointer; } .inlineBlock { display: block; } .clearfix { &:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } } aside { background: #eef1f6; padding: 8px 24px; margin-bottom: 20px; border-radius: 2px; display: block; line-height: 32px; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; color: #2c3e50; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; a { color: #337ab7; cursor: pointer; &:hover { color: rgb(32, 160, 255); } } } //main-container全局样式 .app-container { padding: 20px; } .components-container { margin: 30px 50px; position: relative; } .pagination-container { margin-top: 30px; } .text-center { text-align: center } .sub-navbar { height: 50px; line-height: 50px; position: relative; width: 100%; text-align: right; padding-right: 20px; transition: 600ms ease position; background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%); .subtitle { font-size: 20px; color: #fff; } &.draft { background: #d0d0d0; } &.deleted { background: #d0d0d0; } } .link-type, .link-type:focus { color: #337ab7; cursor: pointer; &:hover { color: rgb(32, 160, 255); } } .filter-container { padding-bottom: 10px; .filter-item { display: inline-block; vertical-align: middle; margin-bottom: 10px; } } //refine vue-multiselect plugin .multiselect { line-height: 16px; } .multiselect--active { z-index: 1000 !important; } /* =============自定义样式============== */ $--color-primary: $menuActiveText; $border: #ddd; /* 工具栏 */ .toolbar { margin: 0 0 10px; &>.title { position: relative; padding-left: 15px; margin-right: 15px; font-size: 16px; line-height: 28px; font-weight: bold; color: #363636; &:before { content: ""; display: block; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 5px; height: 16px; background-color: $--color-primary; } } &:after { content: ""; clear: both; display: block; } &>.tip { display: inline-block; font-size: 14px; font-weight: normal; color: #666; } } .tool { float: right; .el-button--medium { padding-top: 0; padding-bottom: 0; } } .el-select { display: block; } .form { .el-date-editor.el-input, .el-date-editor.el-input__inner { width: 100%; } } .danger { color: $red; } .oper { margin-top: 30px; text-align: center; } .el-table .el-form-item { margin-bottom: 20px; } .el-table .el-input-number--medium { width: 100%; } /* 详情表格 */ .table_view { width: 100%; border-collapse: collapse; table-layout: fixed; border: 1px solid $border; font-size: 15px; margin-bottom: 15px; th, td { position: relative; line-height: 19px; padding: 10px 20px; border: 1px solid $border; word-wrap: break-word; word-break: break-all; } .tr_title { background: #f2f6fc; } th { width: 200px; color: #4C4C4C; text-align: right; font-weight: 700; // background: #F8F8F8; } .th_title { text-align: left; color: #5282b6; font-size: 18px; font-weight: 700; line-height: 19px; // padding: 15px 20px; } } .part { padding-bottom: 10px; .part-title { margin: 10px 0; font-size: 14px; &:after { content: ""; clear: both; display: block; } .el-form-item { display: inline-block; min-width: 120px; } .el-form-item__error { line-height: 26px; } } .node_help { display: inline-block; margin-left: 30px; } .tool{ float: right; } } .inputBar { margin-bottom: 10px; font-size: 14px; .el-form-item { display: inline-block; } } .fullDate { width: 100%!important; } .pull_left { float: left; } .nodebar { margin-bottom: 10px; border-bottom: 1px solid $border; } .node_row { margin: 5px 0; } .node_info { display: flex; .node_value { flex: 1; word-break: break-all; word-wrap: break-word; } } .page { display: flex; flex-direction: column; height: 100%; .header { height: 70px; padding: 10px; background-color: #080D41; .logo { height: 50px; // background: url(~@/assets/logo/logo.png) no-repeat; background-size: auto 50px; } } .footer { height: 80px; background-color: #f1f1f1; } .main { flex: 1; } .center_box { width: 500px; margin: 50px auto 0; } } .stat_box { position: relative; height: 120px; padding: 20px 20px 20px 110px; background: #FAF9FF; border-radius: 4px; .icon { position: absolute; left: 20px; top: 50%; width: 76px; height: 76px; border-radius: 50%; transform: translate(0, -50%); // &.icon-1 { // background: url(~@/assets/images/stat_1.png) no-repeat center; // } // &.icon-2 { // background: url(~@/assets/images/stat_2.png) no-repeat center; // } // &.icon-3 { // background: url(~@/assets/images/stat_3.png) no-repeat center; // } // &.icon-4 { // background: url(~@/assets/images/stat_4.png) no-repeat center; // } } &>span { display: block; margin: 5px 0; color: #363636; text-align: center; } .num { font-family: PingFang-SC-Medium; font-size: 32px; } .label { font-size: 14px; } } .fast { height: 265px; padding-top: 150px; border: 1px solid #EDEDED; border-radius: 4px; position: relative; text-align: center; cursor: pointer; .icon { position: absolute; left: 50%; top: 50px; width: 80px; height: 80px; transform: translate(-50%, 0); // &.fast-1 { // background: url(~@/assets/images/fast_1.png) no-repeat center; // } // &.fast-2 { // background: url(~@/assets/images/fast_2.png) no-repeat center; // } // &.fast-3 { // background: url(~@/assets/images/fast_3.png) no-repeat center; // } // &.fast-4 { // background: url(~@/assets/images/fast_4.png) no-repeat center; // } } .txt { font-size: 14px; color: #363636; } } .files { margin: 0; li { list-style: none; } a { color: $--color-primary; } } .singlebox { position: relative; float: left; margin-right: 20px; .el-upload__tip.help { position: absolute; left: 0; bottom: -20px; line-height: 20px; white-space: nowrap; } } .singlefile { float: left; max-width: 180px; margin-right: 20px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .link { color: $--color-primary; &:hover { color: $--color-primary; text-decoration: underline; } } /* .el-submenu .el-menu-item { line-height: 40px; height: 40px; } */ .loginPage { position: relative; display: flex; justify-content: center; height: 100%; // background: #080D41 url("~@/assets/images/codeLogin/bg.png") no-repeat; background-size: 100% auto; overflow: hidden; .logo, .login_box { flex: 1; } .logo { height: 135px; // background: url("~@/assets/logo/logo.png") no-repeat 32% 85px; background-size: auto 50px; } .login_box{ display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; text-align: center; z-index: 2; .title { margin-top: 0; font-family: PingFangSC-Semibold; font-size: 32px; color: #FFFFFF; text-align: center; } .code_box { position: relative; width: 437px; height: 415px; // background: rgba(#141C6C, 20%) url("~@/assets/images/codeLogin/line.png") no-repeat; font-size: 16px; color: #FFFFFF; border: 1px solid rgba(#5D66BE, 20%); .login-code { position: absolute; width: 300px; height: 320px; left: 50%; top: 50%; margin-left: -150px; margin-top: -160px; border-radius: 5px; background-color: #fff; } } .el-button--medium { font-size: 16px; } } .login_form_title { margin: 0px auto 30px auto; text-align: center; color: #000; } .login-form { border-radius: 6px; background: #ffffff; width: 400px; padding: 25px 25px 5px 25px; .el-input { height: 38px; input { height: 38px; } } .input-icon { height: 39px; width: 14px; margin-left: 2px; } } .login-tip { font-size: 13px; text-align: center; color: #bfbfbf; } .login-code { width: 33%; height: 38px; float: right; img { cursor: pointer; vertical-align: middle; } } .login-code-img { height: 38px; } } .summary { border: 1px solid #dfe6ec; border-top: none; padding: 10px 20px; text-align: right; &:after { content: ''; clear: both; display: block; } .summaryTxt { float: right; margin-left: 20px; font-weight: bold; line-height: 36px; .summaryInput { display: inline-block; width: 200px; } } .red { color: #f00; } } .ti-help { display: flex; .ti-input { width: 1px; .el-form-item__error { width: 120px; } } .ti-label { flex: 1; text-align: center; } } .input-with-select .el-input-group__append { background-color: #fff; .el-select .el-input { width: 100px!important; } } //首页 .stat_box { position: relative; height: 120px; padding: 20px 20px 20px 110px; background: #FAF9FF; border-radius: 4px; margin-bottom: 10px; .icon { position: absolute; left: 20px; top: 50%; width: 76px; height: 76px; border-radius: 50%; transform: translate(0, -50%); &.icon_1 { background: url(~@/assets/images/stat_ent.png) no-repeat center; } &.icon_2 { background: url(~@/assets/images/stat_fin_all.png) no-repeat center; } &.icon_3 { background: url(~@/assets/images/stat_fined.png) no-repeat center; } &.icon_4 { background: url(~@/assets/images/stat_fining.png) no-repeat center; } &.icon_5 { background: url(~@/assets/images/stat_project.png) no-repeat center; } &.icon_6 { background: url(~@/assets/images/stat_projected.png) no-repeat center; } &.icon_7 { background: url(~@/assets/images/stat_projecting.png) no-repeat center; } &.icon_8 { background: url(~@/assets/images/stat_serviced.png) no-repeat center; } &.icon_9 { background: url(~@/assets/images/stat_servicing.png) no-repeat center; } } &>span { display: block; margin: 5px 0; color: #363636; text-align: center; } .num { font-family: PingFang-SC-Medium; font-size: 32px; } .label { font-size: 14px; } } .entIcon { position: absolute; right: 20px; width: 200px; height: 200px; z-index: 111; } .entIcon { &.pass { background: url(~@/assets/images/icon_pass.png) no-repeat center; } &.refuse { background: url(~@/assets/images/icon_refuse.png) no-repeat center; } &.audit { background: url(~@/assets/images/icon_audit.png) no-repeat center; } } .tips { font-size: 14px; line-height: 25px; } /* 详情表格 */ .table_register { // width: 80%; border-collapse: collapse; table-layout: fixed; border: 1px solid #eee; font-size: 15px; margin: 0 auto; th, td { position: relative; line-height: 19px; padding: 4px 20px; border: 1px solid #eee; word-wrap: break-word; word-break: break-all; } .tr_title { background: #f2f6fc; } th { // width: 200px; color: #313031; text-align: right; background: #fff; } .th_title { text-align: left; color: #5282b6; font-size: 18px; font-weight: 700; line-height: 19px; padding: 12px 20px; } } .table_edit { border-collapse: collapse; table-layout: fixed; border: 1px solid #eee; font-size: 15px; margin: 0 auto; .th_title { text-align: left; color: #5282b6; font-size: 18px; font-weight: 700; line-height: 19px; // padding: 15px 20px; } } .table_register { .el-input--medium .el-input__inner { height: 25px !important; line-height: 25px !important; } .el-form-item { margin-bottom: 0px; } .el-form-item__error { position: relative; } .el-input--medium { font-size: 15px; } .el-input--medium .el-input__inner { height: 25px; line-height: 25px; } .el-input-group__append, .el-input-group__prepend { padding: 0; } } .table_edit { .el-table .el-form-item { margin: 5px 0; } } // .tablebar { // position: relative; // padding-left: 15px; // margin-right: 15px; // font-size: 16px; // line-height: 28px; // font-weight: bold; // color: #363636; // margin-left: 2%; // &:before { // content: "1、"; // display: block; // position: absolute; // left: -2%; // transform: translate(0, -50%); // width: 5px; // height: 16px; // font-size: 16px; // } // } // .table-con { // counter-reset: myCounter; // } // .table-con table::before { // counter-increment: myCounter; // content: counter(myCounter) '.'; // position: absolute; // left: 2%; // color: #5282b6; // font-size: 18px; // font-weight: 700; // line-height: 19px; // } .th_tips { color: #4882B5; } .el-table { font-size: 15px; } .el-tabs__item { font-size: 17px; } .pd10 { padding: 10px 0; }