Skip to content

A
assets
Commit dd116cf9 authored by 罗超's avatar 罗超
Browse files
Options

调整部分样式

parent d4803bb7
Show whitespace changes
Inline Side-by-side
Showing with 732 additions and 434 deletions
.gitignore
View file @ dd116cf9
......@@ -15,3 +15,4 @@ selenium-debug.log
*.ntvs*
*.njsproj
*.sln
yarn.lock
src/assets/css/common.css
View file @ dd116cf9
.routerTitle{
.routerTitle {
background: #fff;
padding:15px 30px;
padding: 15px 30px;
}
.padContent{
padding:15px 30px;
.padContent {
padding: 15px 30px;
box-sizing: border-box;
}
.chartTitle .el-input__icon{
line-height:0;
color:#fff!important;
.chartTitle .el-input__icon {
line-height: unset;
color: #fff!important;
}
.chartTitle .el-select .el-input__inner{
.el-input__suffix {
display: table-cell;
vertical-align: middle;
}
.chartTitle .el-select .el-input__inner {
width: 100%;
height: 100%;
background: transparent;
border:none;
color:#fff;
}
.chaxunSpan{
width:90px;
height:34px;
line-height:34px;
background:#089bab;
border-radius:17px;
color:#fff;
font-size:12px;
border: none;
color: #fff;
}
.chaxunSpan {
width: 90px;
height: 34px;
line-height: 34px;
background: #089bab;
border-radius: 17px;
color: #fff;
font-size: 12px;
display: inline-block;
text-align: center;
cursor: pointer;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.addSpan{
width:90px;
height:34px;
border:1px solid #089bab;
color:#089bab;
border-radius:20px;
line-height:34px;
font-size:12px;
.addSpan {
width: 90px;
height: 34px;
border: 1px solid #089bab;
color: #089bab;
border-radius: 20px;
line-height: 34px;
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-family: "宋体";
font-family: "Microsoft YaHei";
box-sizing: border-box;
}
.pageTitle{
color:#111111;
font-size: 14px;
.pageTitle {
color: #111111;
font-size: 30px;
/*14px;*/
float: left;
padding-top:10px;
/*padding-top: 10px;*/
margin-top: -10px;
font-family: muil;
font-weight: 600;
}
.roatImg{
.roatImg {
transform: rotate(180deg);
}
/* chexkbox */
.myTable input[type="checkbox"]{
width:15px;height:15px;
display: inline-block;text-align: center;vertical-align: middle; line-height: 15px;position: relative;
.myTable input[type="checkbox"] {
width: 15px;
height: 15px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 15px;
position: relative;
}
.myTable input[type="checkbox"]::before{
content: "";position: absolute;top: 0;left: 0;
background: #fff;width: 100%;height: 100%;border: 1px solid #B9ECED
.myTable input[type="checkbox"]::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 100%;
border: 1px solid #B9ECED
}
.myTable input[type="checkbox"]:checked::before{
content: "\2713";background-color: #fff;
position: absolute;top: 0;left: 0;
width:100%;border: 1px solid #089bab;color:#089bab;
.myTable input[type="checkbox"]:checked::before {
content: "\2713";
background-color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
border: 1px solid #089bab;
color: #089bab;
font-size: 18px;
font-family: "PingFangR";
}
/* myTable */
.myTable{
.myTable {
width: 100%;
font-size: 12px;
border-collapse: collapse;
font-family: "宋体"!important;
font-family: "Microsoft YaHei"!important;
}
.myTable thead th{
color:#000000;
.myTable thead th {
color: #000000;
padding-left: 20px;
height: 50px;
line-height: 50px;
text-align: left;
font-family: "PingFangR";
font-family: "muil";
font-size: 14px;
}
.myTable thead tr{
background:transparent!important;
.myTable thead tr {
background: transparent!important;
}
/* .myTable .hoverSpan1{
left: -20px;
}
.myTable .hoverSpan2{
right: -20px;
} */
.myTable .commonStyle{
height:100%;
background:#fff;
.myTable .commonStyle {
height: 100%;
background: #fff;
position: absolute;
width: 20px;
top:0;
top: 0;
display: none;
}
.miniTable tr td{
padding:6px 0 6px 20px!important;
.miniTable tr td {
padding: 6px 0 6px 20px!important;
}
.myTable tbody tr{
background:#fff;
.myTable tbody tr {
background: #fff;
border-bottom: 1px solid #F8FAFB;
cursor: pointer;
}
.myTable tbody tr:last-child{
border-bottom: none;
.myTable tbody tr:last-child {
border-bottom: none;
}
.noHoverTable tr{
border-bottom:none!important;
.noHoverTable tr {
border-bottom: none!important;
}
.noHoverTable tr:nth-child(even){
.noHoverTable tr:nth-child(even) {
background: #fff!important;
}
.myTable tr:nth-child(even){
.myTable tr:nth-child(even) {
background: #F6F9FB;
}
.myTable tbody .trNobottom:first-child{
.myTable tbody .trNobottom:first-child {
border-top: none!important;
}
.myTable .trNobottom{
.myTable .trNobottom {
border-top: 1px solid #E2E4EB!important;
border-bottom:none!important;
border-bottom: none!important;
}
.myTable tbody tr:hover{
box-shadow:0px 0 20px 0px rgba(176,176,176,0.2);
.myTable tbody tr:hover {
box-shadow: 0px 0 20px 0px rgba(176, 176, 176, 0.2);
transition: transform .5s ease;
/* transform: scaleX(1.02); */
}
.noHoverTable tbody tr:hover{
box-shadow:0 0 0 transparent!important;
.noHoverTable tbody tr:hover {
box-shadow: 0 0 0 transparent!important;
}
.myTable tbody tr:hover .commonStyle{
.myTable tbody tr:hover .commonStyle {
/* display: block; */
transition: transform .5s ease;
box-shadow:0px 0px 0px 0px rgba(176,176,176,0.2);
box-shadow: 0px 0px 0px 0px rgba(176, 176, 176, 0.2);
}
.myTable tbody tr:hover td{
border-radius:0!important;
.myTable tbody tr:hover td {
border-radius: 0!important;
}
.myTable tbody tr:first-child td:first-child{
border-radius:20px 0 0 0;
.myTable tbody tr:first-child td:first-child {
border-radius: 20px 0 0 0;
}
.myTable tbody tr:first-child td:last-child{
border-radius:0 20px 0 0;
.myTable tbody tr:first-child td:last-child {
border-radius: 0 20px 0 0;
}
.myTable tbody tr:last-child td:first-child{
border-radius:0 0 0 20px;
.myTable tbody tr:last-child td:first-child {
border-radius: 0 0 0 20px;
}
.myTable tbody tr:last-child td:last-child{
border-radius:0 0 20px 0;
.myTable tbody tr:last-child td:last-child {
border-radius: 0 0 20px 0;
}
/* 合并无圆角 */
.noHoverTable tbody tr:first-child td:first-child{
border-radius:0!important;
.noHoverTable tbody tr:first-child td:first-child {
border-radius: 0!important;
}
.noHoverTable tbody tr:first-child td:last-child{
border-radius:0!important;
.noHoverTable tbody tr:first-child td:last-child {
border-radius: 0!important;
}
.noHoverTable tbody tr:last-child td:first-child{
border-radius:0!important;
.noHoverTable tbody tr:last-child td:first-child {
border-radius: 0!important;
}
.noHoverTable tbody tr:last-child td:last-child{
border-radius:0!important;
.noHoverTable tbody tr:last-child td:last-child {
border-radius: 0!important;
}
.myTable tr td{
.myTable tr td {
position: relative;
padding:11px 0 11px 20px;
padding: 11px 0 11px 20px;
}
.f12{
.f12 {
font-size: 12px;
font-family: "宋体"!important;
font-family: "Microsoft YaHei"!important;
}
.f14{
.f14 {
font-size: 14px;
}
.f20{
.f20 {
font-size: 20px;
}
.f22{
font-size: 22px;
.f22 {
font-size: 39px;
font-family: muil;
font-weight: 500;
}
.f40{
.f40 {
font-size: 40px;
}
.c11{
color:#111111;
.c11 {
color: #111111;
}
.c99{
color:#999999;
.c99 {
color: #999999;
}
.cd6{
color:#089bab;
.cd6 {
color: #089bab;
}
.bold{
.bold {
font-family: "PingFangR"
}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.clearfix:after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.basefix:after {
clear: both;
......@@ -220,35 +297,40 @@
height: 0;
overflow: hidden;
}
.cred{
color:#F56C6C;
.cred {
color: #F56C6C;
}
/* 头部切换 */
.ChangeTable{
.ChangeTable {
float: left;
}
.ChangeTable .spanActive{
color:#fff!important;
background:#089bab!important;
box-shadow:0px 5px 6px 0px rgba(28,162,164,0.4);
.ChangeTable .spanActive {
color: #fff!important;
background: #089bab!important;
box-shadow: 0px 5px 6px 0px rgba(28, 162, 164, 0.4);
}
.ChangeTable span{
.ChangeTable span {
display: inline-block;
width:100px;
width: 100px;
text-align: center;
height:34px;
line-height:34px;
background:#e2e4e8;
border-radius:8px;
height: 34px;
line-height: 34px;
background: #e2e4e8;
border-radius: 8px;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
cursor: pointer;
margin-left: 20px;
color:#B8C4C4;
color: #B8C4C4;
}
.ColorSpan{
.ColorSpan {
display: inline-block;
width: 24px;
height: 24px;
......@@ -256,224 +338,291 @@
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.huangSpan{
.huangSpan {
background: #FFE4D5;
color: #FFA87C;
}
.greenSpan{
.greenSpan {
background: #BEEFF0;
color: #089bab;
}
.purpleSpan{
.purpleSpan {
background: #D7D6FF;
color: #7B78FF;
}
.buleSpan{
.buleSpan {
background: #D4EAFF;
color: #73B8FF;
}
.redSpan{
.redSpan {
background: #FFD6D5;
color: #FF7874;
}
.dialogI{
width:4px;
height:4px;
background:rgba(255,164,117,1);
border-radius:50%;
.dialogI {
width: 4px;
height: 4px;
background: rgba(255, 164, 117, 1);
border-radius: 50%;
display: inline-block;
margin-right: 8px;
position: relative;
top: -2px;
}
.underline{
.underline {
text-decoration: underline;
cursor: pointer;
}
.dialogul{
.dialogul {
position: relative;
left: 0;
}
.dialogul li{
.dialogul li {
display: inline-block;
min-width: 204px;
height: 50px;
line-height: 50px;
background: rgba(255,255,255,1);
-webkit-box-shadow: 0px 6px 14px 0px rgba(176,176,176,0.1);
box-shadow: 0px 6px 14px 0px rgba(176,176,176,0.1);
background: rgba(255, 255, 255, 1);
-webkit-box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.1);
box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.1);
border-radius: 10px;
margin-right: 20px;
margin-bottom: 20px;
}
.dialogul li .el-input__inner {
border: none!important;
outline: none!important;
color: #111111;
padding-left:15px!important;
padding-left: 15px!important;
}
.text1{
.text1 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.text2{
.text2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.text3{
.text3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.text4{
.text4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.backTo{
width:80px;
height:34px;
line-height:34px;
background:#089bab;
border-radius:17px;
.backTo {
width: 80px;
height: 34px;
line-height: 34px;
background: #089bab;
border-radius: 17px;
text-align: center;
color: #fff;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
display: inline-block;
margin-left:15px;
margin-left: 15px;
cursor: pointer;
}
/* 日志 */
.detailsIT_Journal .InfoChangeLog{height: auto;max-height: 220px;background-color: #FFFFFF;}
.detailsIT_Journal .changLogList{padding-left: 20px;max-height: 180px;overflow: auto;}
.detailsIT_Journal .changLogList_l{border-left: 1px solid #E9E9E9;position: relative;padding-bottom: 10px;padding-left: 20px;padding-top: 10px;}
.detailsIT_Journal ._radius_green{background-color: #47BF8C;width: 7px;height: 7px;border-radius: 50%;display: inline-block;position: absolute;left: -4px;top: 19px;}
.detailsIT_Journal .changLog_time{color: #666666;font-size: 12px;display: inline-block;padding-right: 10px}
.zcSpanQuery{
.detailsIT_Journal .InfoChangeLog {
height: auto;
max-height: 220px;
background-color: #FFFFFF;
}
.detailsIT_Journal .changLogList {
padding-left: 20px;
max-height: 180px;
overflow: auto;
}
.detailsIT_Journal .changLogList_l {
border-left: 1px solid #E9E9E9;
position: relative;
padding-bottom: 10px;
padding-left: 20px;
padding-top: 10px;
}
.detailsIT_Journal ._radius_green {
background-color: #47BF8C;
width: 7px;
height: 7px;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -4px;
top: 19px;
}
.detailsIT_Journal .changLog_time {
color: #666666;
font-size: 12px;
display: inline-block;
padding-right: 10px
}
.zcSpanQuery {
position: absolute;
right: 50px;
top: -60px;
display: inline-block;
width:75px;
height:32px;
line-height:32px;
background:#089bab;
border-radius:17px;
width: 75px;
height: 32px;
line-height: 32px;
background: #089bab;
border-radius: 17px;
text-align: center;
color: #fff;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
display: inline-block;
margin-left:15px;
margin-left: 15px;
cursor: pointer;
}
.vue-treeselect__placeholder{
color:#111111!important;
.vue-treeselect__placeholder {
color: #111111!important;
}
/* borderTable */
.borderTable{
.borderTable {
width: 100%;
font-size: 12px;
border-collapse: collapse;
font-family: "宋体"!important;
font-family: "Microsoft YaHei"!important;
}
.borderTable thead th{
color:#000000;
.borderTable thead th {
color: #000000;
padding-left: 20px;
height: 50px;
line-height: 50px;
text-align: left;
font-family: "PingFangR";
}
.borderTable thead tr{
background:transparent!important;
.borderTable thead tr {
background: transparent!important;
}
.borderTable .hoverSpan1{
.borderTable .hoverSpan1 {
left: -20px;
}
.borderTable .hoverSpan2{
.borderTable .hoverSpan2 {
right: -20px;
}
.borderTable .commonStyle{
height:100%;
background:#fff;
.borderTable .commonStyle {
height: 100%;
background: #fff;
position: absolute;
width: 20px;
top:0;
top: 0;
display: none;
}
.borderTable tr{
background:#fff;
.borderTable tr {
background: #fff;
cursor: pointer;
}
/* .borderTable .trNobottom{
border-top: 4px solid #F8FAFB!important;
border-bottom:none!important;
} */
.borderTable tbody tr:hover{
box-shadow:0px 0 20px 0px rgba(176,176,176,0.2);
.borderTable tbody tr:hover {
box-shadow: 0px 0 20px 0px rgba(176, 176, 176, 0.2);
transition: transform .5s ease;
/* transform: scaleX(1.02); */
}
.borderTable tbody tr:hover .commonStyle{
.borderTable tbody tr:hover .commonStyle {
display: block;
transition: transform .5s ease;
box-shadow:0px 0px 0px 0px rgba(176,176,176,0.2);
box-shadow: 0px 0px 0px 0px rgba(176, 176, 176, 0.2);
}
.borderTable tbody tr:hover td{
border-radius:0!important;
.borderTable tbody tr:hover td {
border-radius: 0!important;
}
.borderTable tbody tr:first-child td:first-child{
border-radius:20px 0 0 0;
.borderTable tbody tr:first-child td:first-child {
border-radius: 20px 0 0 0;
}
.borderTable tbody tr:first-child td:last-child{
border-radius:0 20px 0 0;
.borderTable tbody tr:first-child td:last-child {
border-radius: 0 20px 0 0;
}
.borderTable tbody tr:last-child td:first-child{
border-radius:0 0 0 20px;
.borderTable tbody tr:last-child td:first-child {
border-radius: 0 0 0 20px;
}
.borderTable tbody tr:last-child td:last-child{
border-radius:0 0 20px 0;
.borderTable tbody tr:last-child td:last-child {
border-radius: 0 0 20px 0;
}
.borderTable tr td{
.borderTable tr td {
position: relative;
padding:11px 0 11px 20px;
border:1px solid #E2E4EB;
padding: 11px 0 11px 20px;
border: 1px solid #E2E4EB;
}
.tableMoreUl{
.tableMoreUl {
background: #F6F9FB;
width: 100%;
font-size:12px;
font-size: 12px;
}
.tableMoreUl li{
border-bottom:1px solid #E2E4EB;
padding:12px;
.tableMoreUl li {
border-bottom: 1px solid #E2E4EB;
padding: 12px;
}
.tableMoreUl li span{
.tableMoreUl li span {
display: inline-block;
width:22%;
width: 22%;
}
.tableMoreUl li:last-child{
.tableMoreUl li:last-child {
border-bottom: none;
}
\ No newline at end of file
src/assets/css/reset.css
View file @ dd116cf9
.w200{width: 200px!important;}
.el-input{
.w200 {
width: 200px!important;
}
.el-input {
display: inline-block;
}
.el-input.is-disabled .el-input__inner{
.el-input.is-disabled .el-input__inner {
background-color: #fff;
border-color: #fff;
}
.queryul {
margin-top: 20px;
}
.queryul li{
.queryul li {
display: inline-block;
min-width:204px;
height:50px;
line-height:50px;
background:rgba(255,255,255,1);
box-shadow:0px 6px 14px 0px rgba(176,176,176,0.1);
border-radius:10px;
min-width: 204px;
height: 50px;
line-height: 50px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.1);
border-radius: 10px;
margin-right: 20px;
margin-bottom: 20px;
}
.queryul li .el-input__inner::-webkit-input-placeholder {
color: #111111;
}
.queryul li .el-input__inner::-moz-input-placeholder {
color: #111111;
}
......@@ -30,30 +38,39 @@
.queryul li input::-ms-input-placeholder {
color: #111111;
}
.queryul li .el-input__inner{
.queryul li .el-input__inner {
border: none;
outline: none;
color:#111111;
font-family: "宋体";
color: #111111;
font-family: "Microsoft YaHei";
}
/* 分页 */
.el-pagination{
.el-pagination {
margin-top: 20px!important;
text-align: right!important;
}
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
background: #fff!important;
margin: 0!important;
border-right: 1px solid #F0F2FA!important;
color:#666666!important;
color: #666666!important;
font-size: 14px!important;
font-weight:100!important;
font-weight: 100!important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
.el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #089bab!important;
color:#fff!important;
color: #fff!important;
}
.el-pager li{
.el-pager li {
padding: 0!important;
font-size: 14px!important;
width: 38px!important;
......@@ -61,13 +78,17 @@
line-height: 28px!important;
text-align: center!important;
}
.el-pagination button, .el-pagination span:not([class*=suffix]){
.el-pagination button,
.el-pagination span:not([class*=suffix]) {
height: 28px!important;
line-height: 28px!important;
}
/* 图片上传 */
.el-upload-dragger{
.el-upload-dragger {
font-size: 28px;
color: #8c939d;
width: 136px;
......@@ -75,7 +96,11 @@
line-height: 45px;
text-align: center;
}
.page_addFD ._pic_upload .el-upload--text.el-upload, .page_fdd ._pic_upload .el-upload--text.el-upload, .page_addFD .el-upload-dragger, .page_fdd .el-upload-dragger {
.page_addFD ._pic_upload .el-upload--text.el-upload,
.page_fdd ._pic_upload .el-upload--text.el-upload,
.page_addFD .el-upload-dragger,
.page_fdd .el-upload-dragger {
font-size: 28px;
color: #8c939d;
width: 126px;
......@@ -83,7 +108,11 @@
line-height: 41px;
text-align: center;
}
.page_addFD ._pic_upload .el-upload--text.el-upload, .page_fdd ._pic_upload .el-upload--text.el-upload, .page_addFD .el-upload-dragger, .page_fdd .el-upload-dragger {
.page_addFD ._pic_upload .el-upload--text.el-upload,
.page_fdd ._pic_upload .el-upload--text.el-upload,
.page_addFD .el-upload-dragger,
.page_fdd .el-upload-dragger {
font-size: 28px;
color: #8c939d;
width: 126px;
......@@ -91,137 +120,173 @@
line-height: 41px;
text-align: center;
}
.queryul li span>em{display: inline-block; min-width: 80px; text-align: right; font-style: normal; margin:0 15px 0 0;}
.queryul li span>em {
display: inline-block;
min-width: 80px;
text-align: right;
font-style: normal;
margin: 0 15px 0 0;
}
/* dialog */
.el-dialog__wrapper{
.el-dialog__wrapper {
display: flex;
align-items: center;
}
.el-dialog__body{
padding:0 20px 15px 20px!important;
.el-dialog__body {
padding: 0 20px 15px 20px!important;
}
.el-dialog{
background:rgba(248,250,251,1)!important;
border-radius:20px!important;
max-height:75%;
.el-dialog {
background: rgba(248, 250, 251, 1)!important;
border-radius: 20px!important;
max-height: 75%;
overflow-y: scroll;
}
.el-dialog__headerbtn .el-dialog__close{
color:#111111!important;
.el-dialog__headerbtn .el-dialog__close {
color: #111111!important;
}
.el-dialog__title{
.el-dialog__title {
font-size: 14px!important;
font-family: "PingFangR";
}
/* form MyEditForm */
.MyEditForm .el-form-item{
.MyEditForm .el-form-item {
float: left;
margin-right:30px;
margin-right: 30px;
background: #fff;
padding:2px 0;
padding: 2px 0;
box-sizing: border-box;
border-radius:10px;
border-radius: 10px;
width: 210px;
box-shadow:0px 6px 14px 0px rgba(176,176,176,0.1);
box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.1);
position: relative;
min-height: 51px;
margin-bottom: 25px;
}
.MyEditForm .el-form-item .label{
.MyEditForm .el-form-item .label {
font-size: 10px;
color:#888888;
color: #888888;
padding-left: 15px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.MyEditForm .el-form-item .el-form-item__content{
.MyEditForm .el-form-item .el-form-item__content {
line-height: initial;
}
.MyEditForm .el-form-item .el-input__inner{
.MyEditForm .el-form-item .el-input__inner {
border: none;
outline: none;
width: 200px;
height: 28px;
line-height: 28px;
}
.MyEditForm .el-form-item .el-form-item__error{
.MyEditForm .el-form-item .el-form-item__error {
top: 108%;
}
.vue-treeselect--single .vue-treeselect__option--selected{
.vue-treeselect--single .vue-treeselect__option--selected {
background: #089bab;
color:#fff;
color: #fff;
}
.vue-treeselect--single .vue-treeselect__option--selected:hover{
.vue-treeselect--single .vue-treeselect__option--selected:hover {
background: #089bab;
color:#fff;
color: #fff;
}
.vue-treeselect{
.vue-treeselect {
font-size: 12px;
font-family: '宋体';
font-family: 'Microsoft YaHei';
}
/* 查询里的下拉 */
.queryul li .vue-treeselect__placeholder{
.queryul li .vue-treeselect__placeholder {
line-height: 50px;
}
.vue-treeselect__placeholder{
color:#111111;
.vue-treeselect__placeholder {
color: #111111;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.queryul li .vue-treeselect__single-value{
.queryul li .vue-treeselect__single-value {
line-height: 50px;
}
.vue-treeselect__label{
padding:4px 0;
.vue-treeselect__label {
padding: 4px 0;
}
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover{
.vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover {
border-color: transparent!important;
}
.vue-treeselect__control{
.vue-treeselect__control {
border: none!important;
height: 28px;
}
.vue-treeselect__menu{
.vue-treeselect__menu {
border-color: transparent!important;
display: block!important;
border:none;
border: none;
}
.vue-treeselect__option--highlight{
.vue-treeselect__option--highlight {
background: #089bab!important;
color:#fff;
color: #fff;
}
:focus {
outline: none;
}
.MyEditForm .btnformItem{
.MyEditForm .btnformItem {
display: block!important;
text-align: center;
font-size: 12px;
margin-top: 20px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.MyEditForm .btnformItem span{
.MyEditForm .btnformItem span {
display: inline-block;
width:100px;
height:40px;
line-height:40px;
border-radius:22px;
width: 100px;
height: 40px;
line-height: 40px;
border-radius: 22px;
cursor: pointer;
}
.MyEditForm .btnformItem .submitBtn{
background:#089bab;
.MyEditForm .btnformItem .submitBtn {
background: #089bab;
color: #fff;
margin-right: 20px;
}
.MyEditForm .btnformItem .exitBtn{
.MyEditForm .btnformItem .exitBtn {
border: 1px solid #089bab;
color:#089bab;
color: #089bab;
}
.MyEditForm .is-required::after, .is-required::before{
.MyEditForm .is-required::after,
.is-required::before {
position: absolute;
left: -12px;
top: 15px;
......@@ -229,80 +294,101 @@
color: #F56C6C;
margin-right: 4px;
}
/* 上传图片 */
.uploadDiv{
width:120px;
height:120px;
background:rgba(255,255,255,1);
box-shadow:0px 6px 14px 0px rgba(176,176,176,0.1);
border-radius:10px;
.uploadDiv {
width: 120px;
height: 120px;
background: rgba(255, 255, 255, 1);
box-shadow: 0px 6px 14px 0px rgba(176, 176, 176, 0.1);
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.uploadDiv .el-upload__text{
color:#A6C6C6;
.uploadDiv .el-upload__text {
color: #A6C6C6;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.uploadUl {
float: left;
}
.uploadUl li{
.uploadUl li {
display: inline-block;
width:120px;
height:120px;
border-radius:10px;
width: 120px;
height: 120px;
border-radius: 10px;
margin-right: 30px;
overflow: hidden;
position: relative;
}
.uploadUl li img{
.uploadUl li img {
width: 100%;
border-radius:10px;
height:100%;
border-radius: 10px;
height: 100%;
}
.uploadUl li .hoverDiv{
.uploadUl li .hoverDiv {
position: absolute;
width: 100%;
height: 100%;
top: 0;
background: rgba(0,0,0,0.2);
background: rgba(0, 0, 0, 0.2);
z-index: 20;
text-align: center;
display: none;
}
.uploadUl li:hover .hoverDiv{
.uploadUl li:hover .hoverDiv {
display: block;
}
.uploadUl li .hoverDiv img{
margin-top:50px;
width:32px!important;
height:32px!important;
.uploadUl li .hoverDiv img {
margin-top: 50px;
width: 32px!important;
height: 32px!important;
cursor: pointer;
}
/* select */
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover{
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
background: #089bab!important;
color:#fff!important;
color: #fff!important;
}
.el-select-dropdown__item.selected{
.el-select-dropdown__item.selected {
background: #089bab;
color:#fff!important;
color: #fff!important;
}
.el-select-dropdown__list .el-select-dropdown__item{
.el-select-dropdown__list .el-select-dropdown__item {
font-size: 12px;
color:#111111;
font-family: "宋体";
color: #111111;
font-family: "Microsoft YaHei";
}
/* 删除提示框的样式 */
.el-message-box__btns button:nth-child(2){
.el-message-box__btns button:nth-child(2) {
background: #089bab!important;
border-color: #089bab!important;
}
/* 分页置地 */
/* .myPageBottom{
position: absolute;
bottom: 0px;
......@@ -310,53 +396,65 @@
background: #fff;
padding-top:15px;
} */
.overflowY{
.overflowY {
overflow-y: scroll;
height: 100%;
box-sizing: border-box;
position: relative;
}
/* loading */
.el-loading-spinner .path{
.el-loading-spinner .path {
stroke: #089bab;
}
.vue-treeselect__checkbox--checked{
.vue-treeselect__checkbox--checked {
border-color: #089bab!important;
background: #089bab!important;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked{
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked {
border-color: #089bab!important;
background: #089bab!important;
}
.vue-treeselect__multi-value-item{
color:#606266!important;
.vue-treeselect__multi-value-item {
color: #606266!important;
}
.vue-treeselect__value-remove{
.vue-treeselect__value-remove {
color: #089bab!important;
}
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate{
.vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate {
border-color: #fff!important;
background: #089bab!important;
}
.vue-treeselect__checkbox--indeterminate{
.vue-treeselect__checkbox--indeterminate {
border-color: #089bab!important;
background: #089bab!important;
}
.el-tooltip{
.el-tooltip {
cursor: pointer;
}
/* 修改树节点 */
/*树节点前面的图标修改*/
.el-tree .el-tree-node__expand-icon.expanded
{
.el-tree .el-tree-node__expand-icon.expanded {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.el-tree .el-icon-caret-right:before
{
.el-tree .el-icon-caret-right:before {
background: url("../img/treejia.png") no-repeat center center;
content: '';
display: block;
......@@ -364,8 +462,8 @@
height: 20px;
font-size: 18px;
}
.el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before
{
.el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before {
background: url("../img/treejian.png") no-repeat center center;
content: '';
display: block;
......@@ -373,17 +471,23 @@
height: 20px;
font-size: 18px;
}
.el-tree-node__expand-icon.is-leaf::before
{
.el-tree-node__expand-icon.is-leaf::before {
display: none;
}
/* 日历 */
.el-date-table td.end-date span, .el-date-table td.start-date span{
.el-date-table td.end-date span,
.el-date-table td.start-date span {
background-color: #089bab!important;
}
.el-date-table td.available:hover{
.el-date-table td.available:hover {
color: #089bab!important;
}
.upload-demo .el-upload-dragger {
background-color: #fff;
border: 1px dashed #d9d9d9;
......
src/assets/css/vxetable.css
View file @ dd116cf9
.vxe-table{
.vxe-table {
border: none!important;
background-color:transparent!important;
background-color: transparent!important;
font-size: 12px!important;
font-family: '宋体';
color:#000000;
font-family: 'Microsoft YaHei';
color: #000000;
}
.vxe-table .vxe-body--column:not(.col--ellipsis),
.vxe-table .vxe-footer--column:not(.col--ellipsis),
.vxe-table .vxe-header--column:not(.col--ellipsis){
padding:7px 0!important;
.vxe-table .vxe-header--column:not(.col--ellipsis) {
padding: 7px 0!important;
}
.vxe-table:after, .vxe-table:before{
background-color:transparent!important;
.vxe-table:after,
.vxe-table:before {
background-color: transparent!important;
}
.vxe-table .vxe-body--row .vxe-body--column{
.vxe-table .vxe-body--row .vxe-body--column {
border-bottom: 1px solid #E2E4EB!important;
}
.vxe-table .vxe-table--footer-wrapper, .vxe-table .vxe-table--header-wrapper{
border:none!important;
.vxe-table .vxe-table--footer-wrapper,
.vxe-table .vxe-table--header-wrapper {
border: none!important;
}
.vxe-table--header-wrapper{
.vxe-table--header-wrapper {
background: transparent!important;
}
.vxe-table .vxe-header--column .vxe-cell{
color:#000000;
.vxe-table .vxe-header--column .vxe-cell {
color: #000000;
font-family: "PingFangR";
}
.vxe-table--header-wrapper .vxe-table--repair{
.vxe-table--header-wrapper .vxe-table--repair {
height: 0!important;
}
.vxe-table .vxe-body--row:hover{
.vxe-table .vxe-body--row:hover {
cursor: pointer;
box-shadow:0px 0 20px 0px rgba(176,176,176,0.2);
box-shadow: 0px 0 20px 0px rgba(176, 176, 176, 0.2);
transition: transform .2s linear;
transform: scale(1);
/* zoom:1.02; */
}
.vxe-table .vxe-cell{
.vxe-table .vxe-cell {
padding: 0 0 0 20px;
}
/* .vxe-table .vxe-body--row:hover td{
border-radius:0!important;
}
......@@ -55,54 +67,73 @@
.vxe-table .vxe-body--row:last-child td:last-child{
border-radius:0 0 20px 0;
} */
.vxe-icon--menu{
color:#089bab!important;
.vxe-icon--menu {
color: #089bab!important;
}
.vxe-toolbar .vxe-custom--setting-btn:hover{
.vxe-toolbar .vxe-custom--setting-btn:hover {
background: transparent;
}
.vxe-checkbox>input:checked+.vxe-checkbox--icon+.vxe-checkbox--label{
.vxe-checkbox>input:checked+.vxe-checkbox--icon+.vxe-checkbox--label {
color: #089bab!important;
}
.vxe-checkbox>input:checked+.vxe-checkbox--icon {
background-color: #089bab!important;
border-color: #089bab!important;
}
.vxe-checkbox .vxe-checkbox--label{
.vxe-checkbox .vxe-checkbox--label {
font-size: 12px!important;
font-family: '宋体'!important;
font-family: 'Microsoft YaHei'!important;
font-weight: 100;
}
.vxe-table--loading .vxe-table--spinner:after, .vxe-table--loading .vxe-table--spinner:before{
.vxe-table--loading .vxe-table--spinner:after,
.vxe-table--loading .vxe-table--spinner:before {
background-color: #089bab!important;
opacity:.4!important;
opacity: .4!important;
}
.vxe-table--loading{
background-color: rgba(255,255,255,.9)!important;
.vxe-table--loading {
background-color: rgba(255, 255, 255, .9)!important;
}
.vxe-table table{
.vxe-table table {
overflow: hidden;
}
.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{
.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon {
background-color: #089bab!important;
border-color: #089bab!important;
}
.vxe-toolbar.is--loading:before{
background-color: rgba(0,0,0,0)!important;
.vxe-toolbar.is--loading:before {
background-color: rgba(0, 0, 0, 0)!important;
}
.vxe-table .vxe-table--empty-block, .vxe-table .vxe-table--empty-placeholder{
.vxe-table .vxe-table--empty-block,
.vxe-table .vxe-table--empty-placeholder {
background: #fff!important;
min-height: 50px!important;
}
.vxe-table .vxe-body--expanded-cell{
padding:0 20px!important;
.vxe-table .vxe-body--expanded-cell {
padding: 0 20px!important;
}
.ExpandTable .vxe-table--header-wrapper{
.ExpandTable .vxe-table--header-wrapper {
background: #EFF2F8!important;
}
.vxe-table .vxe-body--row.row--stripe{
.vxe-table .vxe-body--row.row--stripe {
background-color: #F6F9FB;
}
.vxe-table .vxe-body--column, .vxe-table .vxe-footer--column, .vxe-table .vxe-header--column{
.vxe-table .vxe-body--column,
.vxe-table .vxe-footer--column,
.vxe-table .vxe-header--column {
line-height: inherit!important;
}
\ No newline at end of file
src/assets/global/font.css
View file @ dd116cf9
@font-face{
@font-face {
font-family: 'pingfang';
src:url('../fonts/pingfang.woff2') format('woff');
src: url('../fonts/pingfang.woff2') format('woff');
}
@font-face {
font-family: "PingFangR";
src: url("../fonts/Semibold.eot"); /* IE9 */
src: url("../fonts/Semibold.eot");
/* IE9 */
src: url("../fonts/Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("../fonts/Semibold.woff") format("woff"), /* chrome, firefox */
url("../fonts/Semibold.ttf") format("truetype"); /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url("../fonts/Semibold.ttf") format("truetype");
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'muil';
src: url('../fonts/MicrosoftYaHeiLight.woff') format('woff');
}
/* @font-face {
font-family: "FZDBSJW";
src: url("../fonts/FZDBSJW.woff") format("woff"),
......@@ -19,11 +29,13 @@
font-style: normal;
font-weight: normal;
} */
@font-face{
/* @font-face{
font-family:'方正大标宋简体';
src:url('../fonts/FZDBSJW.woff') format('woff')
}
@font-face{
font-family:'方正宋三简体';
src:url('../fonts/FZSSJ.ttf') format('truetype')
}
\ No newline at end of file
} */
\ No newline at end of file
src/components/Home.vue
View file @ dd116cf9
......@@ -51,7 +51,7 @@
<span @click="goScroll(2)" :class="tabActive==2?'active':''"></span>
</div>
</div>
<div class="homeContent basefix" style="background:#F8FAFB">
<div class="homeContent basefix" style="background:#F1FAF1">
<div class="left">
<div>
<img style="width:100%;" src="../assets/img/banner.png" alt="">
......@@ -77,7 +77,7 @@
<div style="text-align:center">
<el-progress class="progressDiv Zyprogress" type="circle" :percentage="SituationInfo.Norpercent" color="#089bab" :stroke-width="18" :width="150"></el-progress>
</div>
<div class="f12 c11" style="padding-left:10%;margin-top:20px;border-right:1px solid #089bab">
<div class="f12 c11" style="text-align:center;margin-top:20px;border-right:1px solid #089bab">
<span class="bold" style="color:#A6C6C6">在用：</span>
<span class="Circle" style="background:#089bab"></span>
<span>金额 ￥{{SituationInfo.NorMoney}}</span>
......@@ -89,7 +89,7 @@
<div style="text-align:center">
<el-progress class="progressDiv Xzprogress" type="circle" :percentage="SituationInfo.Idlepercent" color="#FFA475" :stroke-width="18" :width="150"></el-progress>
</div>
<div class="f12 c11" style="padding-left:10%;margin-top:20px;">
<div class="f12 c11" style="text-align:center;margin-top:20px;">
<span class="bold" style="color:#A6C6C6">闲置：</span>
<span class="Circle" style="background:#FFA475"></span>
......@@ -795,7 +795,7 @@ export default {
position: relative;
}
.banner{
margin-top: 20px;
padding-top: 20px;
position: relative;
overflow: hidden;
background: #fff;
......@@ -820,8 +820,8 @@ export default {
position: absolute;
color:#fff;
font-weight: 700;
top: 110px;
top: 77px;
left: 54px;
font-family: 'PingFangR';
font-family: 'muil';
}
</style>
src/components/approval/ListAssets.vue
View file @ dd116cf9
......@@ -425,7 +425,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/approval/approvalDetails.vue
View file @ dd116cf9
......@@ -869,7 +869,7 @@ export default {
text-align: center;
cursor: pointer;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
background: #FFA475;
color: #fff;
}
......@@ -983,7 +983,7 @@ export default {
text-align: center;
cursor: pointer;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
margin-right: 20px;
}
.tongguo{
......@@ -1067,7 +1067,7 @@ export default {
}
.approvalDetails .rizhi{
font-size:12px;
font-family:"宋体";
font-family:"Microsoft YaHei";
font-weight:400;
text-decoration:underline;
color:rgba(166,198,198,1);
......@@ -1086,7 +1086,7 @@ export default {
.approvalDetails .allStep li{
display: inline-block;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.approvalDetails .allStep .circle img{
width: 100%;
......@@ -1147,7 +1147,7 @@ export default {
color:#fff;
text-align: center;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.approvalDetails .StateCol .spz{
background:rgba(114,184,255,1);
......
src/components/approval/assetsApply.vue
View file @ dd116cf9
......@@ -583,7 +583,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/approval/myAssets.vue
View file @ dd116cf9
......@@ -574,7 +574,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/assetsman/AssetDepreciation.vue
View file @ dd116cf9
......@@ -437,7 +437,7 @@ export default {
margin:20px 20px 0 0;
background: #fff;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
display: inline-block;
width: 220px;
height:135px;
......
src/components/assetsman/BulkImport.vue
View file @ dd116cf9
......@@ -257,7 +257,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/assetsman/InventoryDetails.vue
View file @ dd116cf9
......@@ -510,7 +510,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/assetsman/InventoryMan.vue
View file @ dd116cf9
......@@ -477,7 +477,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/assetsman/assetsList.vue
View file @ dd116cf9
......@@ -1167,7 +1167,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/assetsman/disposalDetails.vue
View file @ dd116cf9
......@@ -491,7 +491,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/global/Nav.vue
View file @ dd116cf9
......@@ -179,17 +179,17 @@ export default {
color: #111111;
font-weight: bold;
font-size: 10px;
font-family: "宋体";
font-family: "Microsoft YaHei";
} */
.HeadNav .el-submenu__title{
color: #111111;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.HeadNav .el-menu-item{
color: #111111;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.HeadNav .el-menu-item .menuDiv,.HeadNav .el-submenu .menuDiv{
padding-left:25px;
......@@ -198,7 +198,7 @@ export default {
.HeadNav .el-menu-item.is-active .menuDiv{
width:146px;
height:34px;
line-height:34px;
line-height:35px;
background:rgba(17,17,17,1);
border-radius:17px;
color:#fff;
......@@ -212,7 +212,7 @@ export default {
.HeadNav .el-menu-item, .HeadNav .el-submenu__title{
height:34px!important;
line-height:34px!important;
line-height:35px!important;
margin-bottom:15px;
}
.HeadNav .itemgroup{
......@@ -223,7 +223,7 @@ export default {
}
.HeadNav .itemgroup .el-menu-item{
margin-bottom: 5px!important;
color: #83A4A5;
color: #089bab;
}
.HeadNav .itemgroup .el-menu-item span{
padding-left: 40px;
......
src/components/global/index.vue
View file @ dd116cf9
......@@ -56,7 +56,7 @@ export default {
position: relative;
box-sizing: border-box;
background: #EFF2F8;
background: #f3f3f3;
}
.appContent .routerContent>div{
position: relative;
......@@ -70,6 +70,7 @@ export default {
left: 0;
height: 100%;
z-index: 1;
box-shadow: #e8e6e6 5px 0 5px -4px;
}
.appContent{
......
src/components/report/AssetsRecord.vue
View file @ dd116cf9
......@@ -476,7 +476,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/report/Assetstatistics.vue
View file @ dd116cf9
......@@ -402,7 +402,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/report/MaturingAssets.vue
View file @ dd116cf9
......@@ -238,7 +238,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/report/StayBack.vue
View file @ dd116cf9
......@@ -366,7 +366,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
src/components/report/assetSummary.vue
View file @ dd116cf9
......@@ -274,7 +274,7 @@ export default {
text-align: center;
border-radius: 50%;
font-size: 12px;
font-family: "宋体";
font-family: "Microsoft YaHei";
}
.assetsList {
width: 100%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment