test: 1
This commit is contained in:
1047
src/assets/css/system/index.css
Normal file
1047
src/assets/css/system/index.css
Normal file
File diff suppressed because it is too large
Load Diff
1
src/assets/css/system/index.min.css
vendored
Normal file
1
src/assets/css/system/index.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
1089
src/assets/css/system/index.scss
Normal file
1089
src/assets/css/system/index.scss
Normal file
File diff suppressed because it is too large
Load Diff
296
src/assets/css/system/newsystem.css
Normal file
296
src/assets/css/system/newsystem.css
Normal file
@ -0,0 +1,296 @@
|
||||
.pubDataBox {
|
||||
border: 1px solid #1b6731;
|
||||
background: linear-gradient(180deg, #FFFFFF 67%, var(--el-table-cell-bmx-backgroundcolor) 100%);
|
||||
position: relative;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.pubDataBox>.lt,
|
||||
.pubDataBox>.rt,
|
||||
.pubDataBox>.lb,
|
||||
.pubDataBox>.rb {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
border: solid #1b6753;
|
||||
}
|
||||
|
||||
.pubDataBox>.lt {
|
||||
border-width: 2px 0 0 2px;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
}
|
||||
|
||||
.pubDataBox>.rt {
|
||||
border-width: 2px 2px 0 0;
|
||||
top: -1px;
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
.pubDataBox>.lb {
|
||||
border-width: 0 0 2px 2px;
|
||||
bottom: -1px;
|
||||
left: -1px;
|
||||
}
|
||||
|
||||
.pubDataBox>.rb {
|
||||
border-width: 0 2px 2px 0;
|
||||
bottom: -1px;
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
.pubDataBox>.title {
|
||||
height: 42px;
|
||||
background: url("~@/assets/images/layout/pubDataTitleBg.png") no-repeat center bottom;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pubDataBox>.title .text {
|
||||
color: #5effd4;
|
||||
font-size: 18px;
|
||||
padding: 0 24px;
|
||||
display: inline-block;
|
||||
margin-top: 7px;
|
||||
height: 30px;
|
||||
line-height: 28px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pubDataBox>.title .text::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 0px;
|
||||
background: url("~@/assets/images/layout/title-l.png") no-repeat;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.pubDataBox>.title .text::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 0px;
|
||||
background: url("~@/assets/images/layout/title-r.png") no-repeat;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.statistics {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
padding: 0 0 8px 0;
|
||||
}
|
||||
|
||||
.statistics li {
|
||||
width: 118px;
|
||||
height: 98px;
|
||||
border: 1px solid #2b836b;
|
||||
margin: 7px 3.5px 0;
|
||||
background: rgba(35, 135, 96, 0.14);
|
||||
}
|
||||
|
||||
.statistics li>.title {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
background: rgba(0, 212, 224, 0.1);
|
||||
}
|
||||
|
||||
.statistics li .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: calc(100% - 34px);
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.statistics li .item .numb {
|
||||
color: #07c8bd;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.statistics li .item .ten_thousand::before {
|
||||
content: "";
|
||||
font-size: 10px !important;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.statistics .next {
|
||||
width: 236px;
|
||||
}
|
||||
|
||||
.statistics .next .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: calc(100% - 34px);
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
ul.indexTabs {
|
||||
overflow: hidden;
|
||||
padding: 8px 0 0 10px;
|
||||
}
|
||||
|
||||
ul.indexTabs li {
|
||||
float: left;
|
||||
height: 29px;
|
||||
line-height: 29px;
|
||||
text-align: center;
|
||||
color: #07c8bd;
|
||||
background: url("~@/assets/system/indexTab-m.png") repeat-x;
|
||||
position: relative;
|
||||
margin: 0 14px 6px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
ul.indexTabs li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -8px;
|
||||
width: 8px;
|
||||
height: 29px;
|
||||
background: url("~@/assets/system/indexTab-l.png") no-repeat;
|
||||
}
|
||||
|
||||
ul.indexTabs li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: -8px;
|
||||
width: 8px;
|
||||
height: 29px;
|
||||
background: url("~@/assets/system/indexTab-r.png") no-repeat;
|
||||
}
|
||||
|
||||
ul.indexTabs li.four {
|
||||
width: 146px;
|
||||
}
|
||||
|
||||
ul.indexTabs li.five {
|
||||
width: 79px;
|
||||
}
|
||||
|
||||
ul.indexTabs li.active {
|
||||
background: url("~@/assets/system/indexTab-active-m.png") repeat-x;
|
||||
color: #f5f72d;
|
||||
}
|
||||
|
||||
ul.indexTabs li.active::after {
|
||||
background: url("~@/assets/system/indexTab-active-l.png") repeat-x;
|
||||
}
|
||||
|
||||
ul.indexTabs li.active::before {
|
||||
background: url("~@/assets/system/indexTab-active-r.png") repeat-x;
|
||||
}
|
||||
|
||||
.indexTabsContent {
|
||||
height: calc(100vh - 426px);
|
||||
}
|
||||
|
||||
.indexTabsContent>.title {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
margin: 0 8px;
|
||||
background: rgba(0, 212, 224, 0.15);
|
||||
}
|
||||
|
||||
.indexTabsContent .chartsBox {
|
||||
height: calc((100% - 173px) / 2);
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.custom-dialog {
|
||||
background-color: #022d2d;
|
||||
z-index: 99999999999;
|
||||
display: block;
|
||||
width: 1358px;
|
||||
}
|
||||
|
||||
.dialogClass {
|
||||
z-index: 999999999999;
|
||||
}
|
||||
|
||||
.items {
|
||||
text-align: center !important;
|
||||
float: none !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.el-dialog__title {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
::v-deep .el-overlay {
|
||||
display: flex !important;
|
||||
z-index: 99999 !important;
|
||||
}
|
||||
|
||||
.exportButton {
|
||||
margin-left: 767px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: -54px;
|
||||
background-color: var(--el-color-primary);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.el-pager li {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
|
||||
.el-dialog--center .el-dialog__body {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
::v-deep .el-dialog--center .el-dialog__body {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
::v-deep .el-button {
|
||||
background: var(--el-color-primary) !important;
|
||||
color: #fff !important;
|
||||
border-color: var(--el-color-primary) !important;
|
||||
}
|
||||
|
||||
.el-dialog__body {
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.exportButton {
|
||||
margin-top: -56px !important;
|
||||
}
|
||||
|
||||
.back_btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
285
src/assets/css/system/newsystem.min.css
vendored
Normal file
285
src/assets/css/system/newsystem.min.css
vendored
Normal file
@ -0,0 +1,285 @@
|
||||
.pubDataBox {
|
||||
border: 1px solid #1b6731;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
margin-top: 15px
|
||||
}
|
||||
|
||||
.pubDataBox>.lt,
|
||||
.pubDataBox>.rt,
|
||||
.pubDataBox>.lb,
|
||||
.pubDataBox>.rb {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
border: solid #1b6753
|
||||
}
|
||||
|
||||
.pubDataBox>.lt {
|
||||
border-width: 2px 0 0 2px;
|
||||
top: -1px;
|
||||
left: -1px
|
||||
}
|
||||
|
||||
.pubDataBox>.rt {
|
||||
border-width: 2px 2px 0 0;
|
||||
top: -1px;
|
||||
right: -1px
|
||||
}
|
||||
|
||||
.pubDataBox>.lb {
|
||||
border-width: 0 0 2px 2px;
|
||||
bottom: -1px;
|
||||
left: -1px
|
||||
}
|
||||
|
||||
.pubDataBox>.rb {
|
||||
border-width: 0 2px 2px 0;
|
||||
bottom: -1px;
|
||||
right: -1px
|
||||
}
|
||||
|
||||
.pubDataBox>.title {
|
||||
height: 42px;
|
||||
background: url("~@/assets/images/layout/pubDataTitleBg.png") no-repeat center bottom;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.pubDataBox>.title .text {
|
||||
color: #5effd4;
|
||||
font-size: 18px;
|
||||
padding: 0 24px;
|
||||
display: inline-block;
|
||||
margin-top: 7px;
|
||||
height: 30px;
|
||||
line-height: 28px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.pubDataBox>.title .text::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 0px;
|
||||
background: url("~@/assets/images/layout/title-l.png") no-repeat;
|
||||
width: 20px;
|
||||
height: 20px
|
||||
}
|
||||
|
||||
.pubDataBox>.title .text::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 0px;
|
||||
background: url("~@/assets/images/layout/title-r.png") no-repeat;
|
||||
width: 20px;
|
||||
height: 20px
|
||||
}
|
||||
|
||||
ul.statistics {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 0 8px 0
|
||||
}
|
||||
|
||||
ul.statistics li>div {
|
||||
width: 118px;
|
||||
height: 98px;
|
||||
border: 1px solid #2b836b;
|
||||
margin: 7px 3.5px 0;
|
||||
background: rgba(35, 135, 96, 0.14)
|
||||
}
|
||||
|
||||
ul.statistics li>div>.title {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
background: rgba(0, 212, 224, 0.1)
|
||||
}
|
||||
|
||||
ul.statistics li>div .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: calc(100% - 34px);
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
ul.statistics li>div .item .numb {
|
||||
color: #07c8bd;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
padding-top: 10px
|
||||
}
|
||||
|
||||
ul.statistics li>div .item .ten_thousand::before {
|
||||
content: "";
|
||||
font-size: 10px !important;
|
||||
position: absolute;
|
||||
right: 0
|
||||
}
|
||||
|
||||
ul.statistics .next {
|
||||
width: 236px
|
||||
}
|
||||
|
||||
ul.statistics .next .item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: calc(100% - 34px);
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
width: 25%
|
||||
}
|
||||
|
||||
ul.indexTabs {
|
||||
overflow: hidden;
|
||||
padding: 8px 0 0 10px
|
||||
}
|
||||
|
||||
ul.indexTabs li {
|
||||
float: left;
|
||||
height: 29px;
|
||||
line-height: 29px;
|
||||
text-align: center;
|
||||
color: #07c8bd;
|
||||
background: url("~@/assets/system/indexTab-m.png") repeat-x;
|
||||
position: relative;
|
||||
margin: 0 14px 6px 8px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
ul.indexTabs li::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -8px;
|
||||
width: 8px;
|
||||
height: 29px;
|
||||
background: url("~@/assets/system/indexTab-l.png") no-repeat
|
||||
}
|
||||
|
||||
ul.indexTabs li::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: -8px;
|
||||
width: 8px;
|
||||
height: 29px;
|
||||
background: url("~@/assets/system/indexTab-r.png") no-repeat
|
||||
}
|
||||
|
||||
ul.indexTabs li.four {
|
||||
width: 146px
|
||||
}
|
||||
|
||||
ul.indexTabs li.five {
|
||||
width: 79px
|
||||
}
|
||||
|
||||
ul.indexTabs li.active {
|
||||
background: url("~@/assets/system/indexTab-active-m.png") repeat-x;
|
||||
color: #f5f72d
|
||||
}
|
||||
|
||||
ul.indexTabs li.active::after {
|
||||
background: url("~@/assets/system/indexTab-active-l.png") repeat-x
|
||||
}
|
||||
|
||||
ul.indexTabs li.active::before {
|
||||
background: url("~@/assets/system/indexTab-active-r.png") repeat-x
|
||||
}
|
||||
|
||||
.indexTabsContent {
|
||||
height: calc(100vh - 426px)
|
||||
}
|
||||
|
||||
.indexTabsContent>.title {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
margin: 0 8px;
|
||||
background: rgba(0, 212, 224, 0.15)
|
||||
}
|
||||
|
||||
.indexTabsContent .chartsBox {
|
||||
height: calc((100% - 173px) / 2);
|
||||
margin: 0 8px
|
||||
}
|
||||
|
||||
.custom-dialog {
|
||||
background-color: #022d2d;
|
||||
z-index: 99999999999;
|
||||
display: block;
|
||||
width: 1358px
|
||||
}
|
||||
|
||||
.dialogClass {
|
||||
z-index: 999999999999
|
||||
}
|
||||
|
||||
.items {
|
||||
text-align: center !important;
|
||||
float: none !important;
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
|
||||
.el-dialog__title {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
background-color: #075e3a;
|
||||
z-index: 9999
|
||||
}
|
||||
|
||||
|
||||
::v-deep .el-dialog__footer {
|
||||
background-color: #022d2d
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
::v-deep .el-overlay {
|
||||
display: flex !important;
|
||||
z-index: 99999 !important
|
||||
}
|
||||
|
||||
.exportButton {
|
||||
margin-left: 767px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: -54px;
|
||||
background-color: #2b643e;
|
||||
color: #07c8bd;
|
||||
border: 1px solid #2b643e;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
::v-deep .el-dialog--center .el-dialog__body {
|
||||
width: 100% !important
|
||||
}
|
||||
|
||||
|
||||
|
||||
.el-table--border .el-table__footer-wrapper tr:first-child td:first-child {
|
||||
width: 250px
|
||||
}
|
||||
|
||||
|
||||
.exportButton {
|
||||
margin-top: -56px !important
|
||||
}
|
||||
|
||||
.back_btn {
|
||||
cursor: pointer
|
||||
}
|
||||
339
src/assets/css/system/newsystem.scss
Normal file
339
src/assets/css/system/newsystem.scss
Normal file
@ -0,0 +1,339 @@
|
||||
// 公共容器
|
||||
.pubDataBox {
|
||||
background: linear-gradient(180deg, #FFFFFF 67%, var(--el-table-cell-bmx-backgroundcolor) 100%);
|
||||
position: relative;
|
||||
margin-top: -5px;
|
||||
|
||||
>.lt,
|
||||
>.rt,
|
||||
>.lb,
|
||||
>.rb {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
position: absolute;
|
||||
border: solid #1b6753;
|
||||
}
|
||||
|
||||
>.lt {
|
||||
border-width: 2px 0 0 2px;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
}
|
||||
|
||||
>.rt {
|
||||
border-width: 2px 2px 0 0;
|
||||
top: -1px;
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
>.lb {
|
||||
border-width: 0 0 2px 2px;
|
||||
bottom: -1px;
|
||||
left: -1px;
|
||||
}
|
||||
|
||||
>.rb {
|
||||
border-width: 0 2px 2px 0;
|
||||
bottom: -1px;
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
>.title {
|
||||
line-height: 39px;
|
||||
height: 43px;
|
||||
background: url("~@/assets/newImg/title-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-left: -5px;
|
||||
padding-left: 25px;
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.el-select .select-trigger .el-select__tags {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.operdel {
|
||||
cursor: pointer;
|
||||
margin-left: 10px;
|
||||
line-height: 19px;
|
||||
color: #e71111 !important;
|
||||
}
|
||||
|
||||
.operedown {
|
||||
cursor: pointer;
|
||||
margin-left: 10px;
|
||||
line-height: 19px;
|
||||
color: #234fa0 !important;
|
||||
}
|
||||
|
||||
//修改
|
||||
.operedit {
|
||||
cursor: pointer;
|
||||
line-height: 19px;
|
||||
color: #dc9507 !important;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
//详情
|
||||
.operesee {
|
||||
cursor: pointer;
|
||||
line-height: 19px;
|
||||
color: #0b6c51 !important;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
// 统计样式
|
||||
.statistics {
|
||||
display: flex;
|
||||
// justify-content: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 0 8px 0;
|
||||
|
||||
li {
|
||||
width: 120px;
|
||||
height: 74px;
|
||||
margin: 7px 3.5px 0;
|
||||
color: #191919;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
zoom: 0.8;
|
||||
cursor: pointer;
|
||||
|
||||
.title {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
// background: rgba(0, 212, 224, 0.1);
|
||||
}
|
||||
|
||||
.cont-item {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.item {
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
|
||||
.numb {
|
||||
color: var(--el-color-primary);
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
padding-top: 4px;
|
||||
|
||||
padding-bottom: 4px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.ten_thousand::before {
|
||||
content: "";
|
||||
font-size: 10px !important;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// &:nth-last-child(1) {
|
||||
// width: 121px;
|
||||
// background: url("~@/assets/newImg/yxkz-last-bg.png")no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
// }
|
||||
}
|
||||
|
||||
li>div {
|
||||
width: 120px;
|
||||
height: 74px;
|
||||
background: url("~@/assets/newImg/yxkz-last-bg.png")no-repeat;
|
||||
// background: url("~@/assets/newImg/jcsj-bg.png")no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.next {
|
||||
width: 236px;
|
||||
|
||||
.item {
|
||||
float: left;
|
||||
width: 50%;
|
||||
height: calc(100% - 34px);
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 首页数据统计
|
||||
ul.indexTabs {
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 10px;
|
||||
box-sizing: border-box;
|
||||
padding-bottom: 0px;
|
||||
justify-content: space-between;
|
||||
|
||||
.four {
|
||||
width: 120.13px;
|
||||
height: 20.79px;
|
||||
line-height: 22px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
color: #191919;
|
||||
background: url("~@/assets/newImg/sjtj-bg.png") no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.four {
|
||||
&:nth-last-child(1) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
li.five {
|
||||
width: 79px;
|
||||
}
|
||||
|
||||
// li.active {
|
||||
// background: url("~@/assets/system/indexTab-active-m.png") repeat-x;
|
||||
// color: #f5f72d;
|
||||
// }
|
||||
}
|
||||
|
||||
.indexTabsContent {
|
||||
height: calc(100vh - 426px);
|
||||
|
||||
>.title {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
text-align: center;
|
||||
margin: 0 8px;
|
||||
background: rgba(0, 212, 224, 0.15);
|
||||
}
|
||||
|
||||
.new-title {
|
||||
line-height: 39px;
|
||||
height: 30px;
|
||||
background: url("~@/assets/newImg/title-bg.png") no-repeat;
|
||||
background-size: 100%;
|
||||
margin-left: -5px;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.chartsBox {
|
||||
height: calc((100% - 173px) / 2);
|
||||
margin: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
//表格
|
||||
|
||||
.custom-dialog {
|
||||
// background-color: #022d2d;
|
||||
z-index: 99999999999;
|
||||
display: block;
|
||||
// width: 1045px;
|
||||
width: 1358px;
|
||||
}
|
||||
|
||||
.dialogClass {
|
||||
z-index: 999999999999;
|
||||
}
|
||||
|
||||
.items {
|
||||
text-align: center !important;
|
||||
float: none !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.el-dialog__title {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::v-deep .el-overlay {
|
||||
display: flex !important;
|
||||
z-index: 99999 !important;
|
||||
}
|
||||
|
||||
.exportButton {
|
||||
margin-left: 767px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: -54px;
|
||||
text-align: center;
|
||||
background: var(--el-color-primary);
|
||||
color: #f8fbf8;
|
||||
border-radius: 6px 6px 6px 6px px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.el-pager li {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.el-dialog--center .el-dialog__body {
|
||||
padding: 20px !important;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog--center .el-dialog__body {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
::v-deep .el-button {
|
||||
background: var(--el-color-primary) !important;
|
||||
color: #f8fbf8 !important;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
// border-color: #025c29 !important;
|
||||
}
|
||||
|
||||
.el-dialog__body {
|
||||
padding: 10px;
|
||||
color: #0c0c0c !important;
|
||||
}
|
||||
|
||||
.el-table--border .el-table__footer-wrapper tr:first-child td:first-child {
|
||||
width: 250px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.exportButton {
|
||||
margin-top: -56px !important;
|
||||
}
|
||||
|
||||
|
||||
//返回按钮的样式
|
||||
.back_btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
18
src/assets/css/system/yxkztab.scss
Normal file
18
src/assets/css/system/yxkztab.scss
Normal file
@ -0,0 +1,18 @@
|
||||
.el-icon-download {
|
||||
color: aliceblue !important;
|
||||
}
|
||||
|
||||
.el-dialog--center .el-dialog__body {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.binBox {
|
||||
height: 200px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.binBox .left {
|
||||
width: 50%;
|
||||
}
|
||||
Reference in New Issue
Block a user