HAHA
3 years ago
336 changed files with 64725 additions and 6753 deletions
@ -1,4 +1,4 @@ |
|||
NODE_ENV=production |
|||
VUE_APP_API_SERVER = https://epmet-cloud.elinkservice.cn/api |
|||
VUE_APP_NODE_ENV=prod |
|||
VUE_APP_PUBLIC_PATH=epmet-oper |
|||
VUE_APP_PUBLIC_PATH=epmet-oper |
|||
|
|||
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 945 B |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 512 B |
|
After Width: | Height: | Size: 476 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 965 B |
|
After Width: | Height: | Size: 515 B |
|
After Width: | Height: | Size: 206 B |
|
After Width: | Height: | Size: 346 B |
|
After Width: | Height: | Size: 543 B |
|
After Width: | Height: | Size: 425 B |
|
After Width: | Height: | Size: 595 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 554 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 665 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 499 B |
|
After Width: | Height: | Size: 809 B |
|
After Width: | Height: | Size: 374 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 417 B |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,83 @@ |
|||
|
|||
|
|||
.div_form { |
|||
width: 100%; |
|||
margin-top:20px; |
|||
|
|||
.data-tag{ |
|||
margin-left:10px; |
|||
} |
|||
|
|||
.item_width_1{ |
|||
width: 480px; |
|||
} |
|||
.item_width_2{ |
|||
width: 220px; |
|||
} |
|||
|
|||
.list_item_width_1 { |
|||
width: 165px; |
|||
} |
|||
.list_item_width_2 { |
|||
width: 135px; |
|||
} |
|||
} |
|||
|
|||
|
|||
.div-mult-form { |
|||
margin-top: 20px; |
|||
|
|||
.div_person { |
|||
display: flex; |
|||
font-size: 14px; |
|||
padding-bottom: 20px; |
|||
|
|||
.person_title { |
|||
text-align: right; |
|||
flex: 0 0 100px; |
|||
|
|||
line-height: 36px; |
|||
padding: 0 12px 0 0; |
|||
} |
|||
|
|||
.tag_item { |
|||
margin-right: 10px; |
|||
margin-top: 10px; |
|||
} |
|||
.tag_tip { |
|||
margin-top: 10px; |
|||
color: #9c9c9c; |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
.twoline { |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.div_btn { |
|||
margin-top: 20px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.d-h3{ |
|||
margin-left:20px; |
|||
} |
|||
|
|||
.div_map { |
|||
margin-top:10px; |
|||
position: relative; |
|||
} |
|||
.div_searchmap { |
|||
z-index: 1000; |
|||
position: absolute; |
|||
top: 5px; |
|||
left: 5px; |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
} |
|||
@ -0,0 +1,118 @@ |
|||
|
|||
|
|||
.div_main { |
|||
width: 100%; |
|||
.marginl-20{ |
|||
margin-left: 16px; |
|||
} |
|||
|
|||
.div_search { |
|||
background: #ffffff; |
|||
border-radius: 4px; |
|||
padding: 20px 20px 5px 15px; |
|||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); |
|||
} |
|||
.data-tag{ |
|||
margin-left:10px; |
|||
} |
|||
|
|||
.item_width_1{ |
|||
width: 260px; |
|||
} |
|||
.item_width_2{ |
|||
width: 160px; |
|||
} |
|||
|
|||
.list_item_width_1 { |
|||
width: 165px; |
|||
} |
|||
.list_item_width_2 { |
|||
width: 135px; |
|||
} |
|||
} |
|||
|
|||
.div_table { |
|||
background: #ffffff; |
|||
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1); |
|||
border-radius: 4px; |
|||
margin-top: 15px; |
|||
padding: 10px; |
|||
position: relative; |
|||
|
|||
.div_btn { |
|||
margin-top: 10px; |
|||
margin-left: 10px; |
|||
display: flex; |
|||
|
|||
.btn_upload { |
|||
margin-left: 10px; |
|||
display: flex; |
|||
} |
|||
} |
|||
.table { |
|||
margin-top: 20px; |
|||
|
|||
.img-voice{ |
|||
width:30px; |
|||
height:30px; |
|||
} |
|||
} |
|||
|
|||
.div_notice { |
|||
position: absolute; |
|||
left: 15px; |
|||
bottom: 0; |
|||
} |
|||
} |
|||
|
|||
.div-mult-form { |
|||
margin-top: 20px; |
|||
|
|||
.div_person { |
|||
display: flex; |
|||
font-size: 14px; |
|||
padding-bottom: 20px; |
|||
|
|||
.person_title { |
|||
text-align: right; |
|||
flex: 0 0 100px; |
|||
|
|||
line-height: 36px; |
|||
padding: 0 12px 0 0; |
|||
} |
|||
|
|||
.tag_item { |
|||
margin-right: 10px; |
|||
margin-top: 10px; |
|||
} |
|||
.tag_tip { |
|||
margin-top: 10px; |
|||
color: #9c9c9c; |
|||
} |
|||
} |
|||
} |
|||
.div-mult-table { |
|||
position: relative; |
|||
padding: 0 20px; |
|||
|
|||
.div_selcount{ |
|||
position: absolute; |
|||
bottom:10px; |
|||
left:30px; |
|||
} |
|||
} |
|||
|
|||
.div_dialog_table { |
|||
padding: 10px; |
|||
|
|||
.table { |
|||
margin-top: 20px; |
|||
} |
|||
} |
|||
|
|||
.twoline { |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
-webkit-line-clamp: 2; |
|||
overflow: hidden; |
|||
} |
|||
@ -0,0 +1,454 @@ |
|||
@import "../../c/config"; |
|||
@import "../../c/function"; |
|||
|
|||
.g-add{ |
|||
|
|||
|
|||
.g-add-page{ |
|||
display: flex; |
|||
.g-left { |
|||
box-sizing: border-box; |
|||
width:40%; |
|||
padding: 5px 10px; |
|||
} |
|||
.g-right { |
|||
box-sizing: border-box; |
|||
width: 60%; |
|||
padding: 5px 10px; |
|||
} |
|||
|
|||
.form{ |
|||
.cell-width-1{ |
|||
width: 250px |
|||
} |
|||
.avatar-uploader { |
|||
margin: 0 0 0 20px; |
|||
|
|||
// /deep/ .el-upload--picture-card{ |
|||
// width: 100px; |
|||
// height: 100px; |
|||
// } |
|||
// /deep/ .el-upload{ |
|||
// width: 100px; |
|||
// height: 100px; |
|||
// line-height: 100px; |
|||
// } |
|||
// /deep/ .el-upload-list--picture-card .el-upload-list__item{ |
|||
// width: 100px; |
|||
// height: 100px; |
|||
// line-height: 100px; |
|||
// } |
|||
// /deep/ .el-upload-list--picture-card .el-upload-list__item-thumbnail{ |
|||
// width: 100px; |
|||
// height: 100px; |
|||
// line-height: 100px; |
|||
// } |
|||
// /deep/ .avatar{ |
|||
// width: 100px; |
|||
// height: 100px; |
|||
// } |
|||
// /deep/ .el-upload-list__item-status-label { |
|||
// display: block; |
|||
// position: absolute; |
|||
// right: -15px; |
|||
// top: -6px; |
|||
// width: 40px; |
|||
// height: 24px; |
|||
// background: #13ce66; |
|||
// text-align: center; |
|||
// -webkit-transform: rotate(45deg); |
|||
// transform: rotate(45deg); |
|||
// -webkit-box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); |
|||
// box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2); |
|||
// } |
|||
// /deep/ .el-upload-list__item-actions { |
|||
// position: absolute; |
|||
// width: 100%; |
|||
// height: 100%; |
|||
// left: 0; |
|||
// top: 0; |
|||
// cursor: default; |
|||
// text-align: center; |
|||
// color: #fff; |
|||
// opacity: 0; |
|||
// font-size: 20px; |
|||
// background-color: rgba(0, 0, 0, 0.5); |
|||
// -webkit-transition: opacity .3s; |
|||
// transition: opacity .3s; |
|||
// } |
|||
} |
|||
|
|||
|
|||
} |
|||
} |
|||
} |
|||
|
|||
.g-page { |
|||
display: flex; |
|||
width:100%; |
|||
.g-total{ |
|||
width:100%; |
|||
} |
|||
.g-left { |
|||
box-sizing: border-box; |
|||
width: 65%; |
|||
padding: 5px 10px; |
|||
} |
|||
.g-right { |
|||
box-sizing: border-box; |
|||
width: 35%; |
|||
padding: 5px 10px; |
|||
} |
|||
} |
|||
|
|||
.g-process-info{ |
|||
.cell-width-area{ |
|||
width: 450px |
|||
} |
|||
} |
|||
.div_map { |
|||
position: relative; |
|||
} |
|||
.div_searchmap { |
|||
z-index: 1000; |
|||
position: absolute; |
|||
top: 5px; |
|||
left: 5px; |
|||
} |
|||
|
|||
.div-btn{ |
|||
margin-top:50px; |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.cell-width-1{ |
|||
width: 250px |
|||
} |
|||
.cell-width-long{ |
|||
width: 450px |
|||
} |
|||
.cell-width-2{ |
|||
width: 350px |
|||
} |
|||
|
|||
.cell-width-map { |
|||
width: 200px; |
|||
} |
|||
.item_width_3 { |
|||
margin-left: 10px; |
|||
width: 150px; |
|||
} |
|||
|
|||
.process-form{ |
|||
margin-top:20px; |
|||
} |
|||
|
|||
.m-card { |
|||
overflow-x: auto; |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
.m-btns { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
|
|||
|
|||
.m-info { |
|||
padding-left: 30px; |
|||
font-size: 14px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333; |
|||
line-height: 24px; |
|||
// width: 500px; |
|||
|
|||
.info-title { |
|||
margin-top: 30px; |
|||
font-size: 20px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333; |
|||
line-height: 30px; |
|||
} |
|||
.info-content { |
|||
margin: 20px 0; |
|||
} |
|||
.info-pics { |
|||
display: flex; |
|||
margin: 20px 0; |
|||
img { |
|||
display: block; |
|||
width: 32%; |
|||
height: 90px; |
|||
margin-right: 9px; |
|||
object-fit: cover; |
|||
} |
|||
} |
|||
|
|||
.info-prop { |
|||
position: relative; |
|||
margin: 10px 0; |
|||
display: flex; |
|||
padding-left: 15px; |
|||
|
|||
.line{ |
|||
text-decoration:underline; |
|||
color: #3e8ef7; |
|||
} |
|||
.line:hover{ |
|||
cursor:pointer |
|||
} |
|||
.info-title-2 { |
|||
|
|||
flex: 0 0 100px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
> span, |
|||
> div { |
|||
display: block; |
|||
// max-width: 300px; |
|||
} |
|||
|
|||
&::before { |
|||
content: ""; |
|||
display: block; |
|||
position: absolute; |
|||
top: 9px; |
|||
left: 0; |
|||
width: 7px; |
|||
height: 7px; |
|||
background: #0c81fe; |
|||
border-radius: 3px; |
|||
margin-right: 10px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-case { |
|||
height: 600px; |
|||
padding: 20px 0 20px 0; |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.m-row { |
|||
// display: flex; |
|||
justify-content: space-between; |
|||
width:100%; |
|||
} |
|||
|
|||
.m-hint { |
|||
position: relative; |
|||
height: 300px; |
|||
|
|||
// 暂无数据 |
|||
img { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
margin: auto; |
|||
} |
|||
} |
|||
|
|||
.m-line { |
|||
min-width: 400px; |
|||
|
|||
.stat { |
|||
margin: 20px 0 10px; |
|||
display: flex; |
|||
.stat-item { |
|||
width: 33%; |
|||
text-align: center; |
|||
|
|||
div { |
|||
font-size: 17px; |
|||
font-family: Source Han Serif SC; |
|||
font-weight: 500; |
|||
color: rgba(#000, 0.5); |
|||
line-height: 24px; |
|||
&.z-weak { |
|||
font-size: 12px; |
|||
font-family: Source Han Serif SC; |
|||
font-weight: 500; |
|||
color: rgba(#000, 0.5); |
|||
line-height: 24px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-process { |
|||
margin-top: 30px; |
|||
margin-left: 15px; |
|||
// min-width: 400px; |
|||
|
|||
.process-title { |
|||
margin-bottom: 25px; |
|||
margin-left: -5px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333; |
|||
line-height: 18px; |
|||
} |
|||
|
|||
.list { |
|||
position: relative; |
|||
box-sizing: border-box; |
|||
margin-top: 30px/2; |
|||
margin-left: 50px/2; |
|||
padding: 0 0 0 30px/2; |
|||
width: 680px/2; |
|||
border-left: 3px solid #0c81fe; |
|||
padding-right: 10px; |
|||
|
|||
&::before { |
|||
content: ""; |
|||
position: absolute; |
|||
z-index: 1; |
|||
display: block; |
|||
top: -2px/2; |
|||
left: -2px/2; |
|||
width: 5px/2; |
|||
height: 20px/2; |
|||
background-color: #333; |
|||
} |
|||
|
|||
.item { |
|||
position: relative; |
|||
z-index: 2; |
|||
margin-bottom: 8px; |
|||
padding-bottom: 8px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333; |
|||
line-height: 24px; |
|||
padding-left: 20px; |
|||
padding-top: 1px; |
|||
|
|||
&::before { |
|||
content: ""; |
|||
display: block; |
|||
position: absolute; |
|||
top: -5px; |
|||
left: -11px; |
|||
width: 18px; |
|||
height: 18px; |
|||
background: #0c81fe; |
|||
border: 4px solid lighten(#0c81fe, 15); |
|||
border-radius: 100%; |
|||
} |
|||
|
|||
&.z-on { |
|||
&::before { |
|||
background: #e08400; |
|||
border-color: lighten(#e08400, 15); |
|||
} |
|||
} |
|||
|
|||
&:last-child { |
|||
margin-bottom: 0; |
|||
padding-bottom: 0; |
|||
border-bottom: none; |
|||
} |
|||
|
|||
.item-row { |
|||
margin-top: -10px; |
|||
margin-bottom: 10px; |
|||
display: flex; |
|||
} |
|||
|
|||
.name { |
|||
position: relative; |
|||
padding: 0 10px; |
|||
font-size: 12px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #fff; |
|||
line-height: 22px; |
|||
height: 22px; |
|||
border-radius: 10px 0 10px 0; |
|||
background-color: #0c81fe; |
|||
// background-color: #e08400; |
|||
} |
|||
|
|||
.date { |
|||
margin-left: 10px; |
|||
font-size: 12px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #7ca1d2; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.detail { |
|||
@include cs; |
|||
font-size: 14px; |
|||
line-height: 20px; |
|||
margin-bottom: 5px; |
|||
display: flex; |
|||
|
|||
.detail-field { |
|||
flex:0 0 100px; |
|||
|
|||
text-align: justify; |
|||
text-align-last: justify; |
|||
} |
|||
.detail-value { |
|||
// width: 78%; |
|||
.detail-link { |
|||
display: inline; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.attachement-list { |
|||
padding-left: 80px; |
|||
a { |
|||
display: block; |
|||
cursor: pointer; |
|||
color: #4df0ff; |
|||
font-size: 14px; |
|||
|
|||
i { |
|||
color: #333; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-top { |
|||
display: flex; |
|||
} |
|||
|
|||
.m-chart { |
|||
min-height: 200px; |
|||
} |
|||
|
|||
.div-satisfy{ |
|||
padding:10px 0 0; |
|||
display:flex ; |
|||
justify-content: flex-start; |
|||
text-align: center; |
|||
>div{ |
|||
margin-left:50px; |
|||
} |
|||
img{ |
|||
width:80px; |
|||
height:80px; |
|||
} |
|||
|
|||
.tip-satisfy{ |
|||
text-align: center; |
|||
margin-top:10px |
|||
} |
|||
} |
|||
@ -0,0 +1,359 @@ |
|||
@import "../../c/config"; |
|||
@import "../../c/function"; |
|||
|
|||
.g-page { |
|||
display: flex; |
|||
.g-left { |
|||
box-sizing: border-box; |
|||
width: 65%; |
|||
padding: 5px 10px; |
|||
} |
|||
.g-right { |
|||
box-sizing: border-box; |
|||
width: 35%; |
|||
padding: 5px 10px; |
|||
} |
|||
} |
|||
|
|||
.m-card { |
|||
overflow: auto; |
|||
@include scrollBar; |
|||
} |
|||
|
|||
.m-fm { |
|||
.avatar-uploader { |
|||
margin: 0 0 0 20px; |
|||
|
|||
::v-deep .el-upload { |
|||
cursor: pointer; |
|||
position: relative; |
|||
overflow: hidden; |
|||
} |
|||
img { |
|||
object-fit: cover; |
|||
} |
|||
.el-upload:hover { |
|||
border-color: #409eff; |
|||
} |
|||
.avatar { |
|||
width: 36px; |
|||
height: 36px; |
|||
display: block; |
|||
} |
|||
.avatar-uploader-icon { |
|||
border: 1px dashed #d9d9d9; |
|||
border-radius: 6px; |
|||
font-size: 28px; |
|||
color: #8c939d; |
|||
width: 36px; |
|||
height: 36px; |
|||
line-height: 36px; |
|||
text-align: center; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-btns { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.m-info { |
|||
padding-left: 10px; |
|||
font-size: 14px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333; |
|||
line-height: 24px; |
|||
// width: 500px; |
|||
|
|||
.info-title { |
|||
margin-top: 30px; |
|||
font-size: 20px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333; |
|||
line-height: 30px; |
|||
} |
|||
.info-content { |
|||
margin: 20px 0; |
|||
} |
|||
.info-pics { |
|||
display: flex; |
|||
margin: 20px 0; |
|||
min-width: 200px; |
|||
padding-left: 15px; |
|||
|
|||
img { |
|||
display: block; |
|||
width: 32%; |
|||
height: 90px; |
|||
margin-right: 9px; |
|||
object-fit: cover; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
.info-prop { |
|||
position: relative; |
|||
margin: 10px 0; |
|||
display: flex; |
|||
padding-left: 15px; |
|||
.info-title-2 { |
|||
flex: 0 0 100px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
> span, |
|||
> div { |
|||
display: block; |
|||
// max-width: 300px; |
|||
} |
|||
|
|||
&::before { |
|||
content: ""; |
|||
display: block; |
|||
position: absolute; |
|||
top: 9px; |
|||
left: 0; |
|||
width: 7px; |
|||
height: 7px; |
|||
background: #0c81fe; |
|||
border-radius: 3px; |
|||
margin-right: 10px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-case { |
|||
height: 600px; |
|||
padding: 20px 0 20px 0; |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.m-row { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.m-hint { |
|||
position: relative; |
|||
height: 300px; |
|||
|
|||
// 暂无数据 |
|||
img { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
margin: auto; |
|||
} |
|||
} |
|||
|
|||
.m-line { |
|||
min-width: 400px; |
|||
|
|||
.stat { |
|||
margin: 20px 0 10px; |
|||
display: flex; |
|||
.stat-item { |
|||
width: 33%; |
|||
text-align: center; |
|||
|
|||
div { |
|||
font-size: 17px; |
|||
font-family: Source Han Serif SC; |
|||
font-weight: 500; |
|||
color: rgba(#000, 0.5); |
|||
line-height: 24px; |
|||
&.z-weak { |
|||
font-size: 12px; |
|||
font-family: Source Han Serif SC; |
|||
font-weight: 500; |
|||
color: rgba(#000, 0.5); |
|||
line-height: 24px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-tb { |
|||
padding-left: 62px; |
|||
padding-right: 40px; |
|||
} |
|||
|
|||
.m-pagination { |
|||
box-sizing: border-box; |
|||
margin-top: 20px; |
|||
width: 100%; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
|||
background: #0266d1; |
|||
color: #000d3f; |
|||
} |
|||
|
|||
/deep/ .el-pagination .el-pager li { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-prev { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-next { |
|||
background: #002e74; |
|||
} |
|||
} |
|||
|
|||
.m-process { |
|||
margin-top: 30px; |
|||
margin-left: 15px; |
|||
// min-width: 400px; |
|||
|
|||
.process-title { |
|||
margin-bottom: 25px; |
|||
margin-left: -5px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333; |
|||
line-height: 18px; |
|||
} |
|||
|
|||
.list { |
|||
position: relative; |
|||
box-sizing: border-box; |
|||
// width: 680px*0.5; |
|||
border-left: 3px solid #0c81fe; |
|||
|
|||
&::before { |
|||
content: ""; |
|||
position: absolute; |
|||
z-index: 1; |
|||
display: block; |
|||
top: -2px * 0.5; |
|||
left: -2px * 0.5; |
|||
width: 5px * 0.5; |
|||
height: 20px * 0.5; |
|||
background-color: #333; |
|||
} |
|||
|
|||
.item { |
|||
position: relative; |
|||
z-index: 2; |
|||
margin-bottom: 8px; |
|||
padding-bottom: 8px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333; |
|||
line-height: 24px; |
|||
padding-left: 20px; |
|||
padding-top: 1px; |
|||
|
|||
&::before { |
|||
content: ""; |
|||
display: block; |
|||
position: absolute; |
|||
top: -5px; |
|||
left: -11px; |
|||
width: 18px; |
|||
height: 18px; |
|||
background: #0c81fe; |
|||
border: 4px solid lighten(#0c81fe, 15); |
|||
border-radius: 100%; |
|||
} |
|||
|
|||
&.z-on { |
|||
&::before { |
|||
background: #e08400; |
|||
border-color: lighten(#e08400, 15); |
|||
} |
|||
} |
|||
|
|||
&:last-child { |
|||
margin-bottom: 0; |
|||
padding-bottom: 0; |
|||
border-bottom: none; |
|||
} |
|||
|
|||
.item-row { |
|||
margin-top: -10px; |
|||
margin-bottom: 10px; |
|||
display: flex; |
|||
} |
|||
|
|||
.name { |
|||
position: relative; |
|||
padding: 0 10px; |
|||
font-size: 12px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #fff; |
|||
line-height: 22px; |
|||
height: 22px; |
|||
border-radius: 10px 0 10px 0; |
|||
background-color: #0c81fe; |
|||
// background-color: #e08400; |
|||
} |
|||
|
|||
.date { |
|||
margin-left: 10px; |
|||
font-size: 12px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #7ca1d2; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.detail { |
|||
@include cs; |
|||
font-size: 14px; |
|||
line-height: 20px; |
|||
margin-bottom: 5px; |
|||
display: flex; |
|||
|
|||
.detail-field { |
|||
// width: 80px; |
|||
flex: 0 0 80px; |
|||
text-align: justify; |
|||
text-align-last: justify; |
|||
} |
|||
.detail-value { |
|||
// width: 78%; |
|||
.detail-link { |
|||
display: inline; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.attachement-list { |
|||
padding-left: 80px; |
|||
a { |
|||
display: block; |
|||
cursor: pointer; |
|||
// color: darken(#4df0ff, 30); |
|||
color: #999; |
|||
font-size: 14px; |
|||
|
|||
i { |
|||
color: #333; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-top { |
|||
display: flex; |
|||
} |
|||
|
|||
.m-chart { |
|||
min-height: 200px; |
|||
} |
|||
@ -1,499 +0,0 @@ |
|||
.div_top { |
|||
margin-left: 10px; |
|||
height: 35px; |
|||
.router_line { |
|||
width: 212px; |
|||
height: 1px; |
|||
border: 1px solid #ffffff; |
|||
opacity: 0.09; |
|||
/* opacity: 0.09; */ |
|||
} |
|||
.div_router { |
|||
margin-top: 5px; |
|||
font-size: 16px; |
|||
|
|||
.router_parents { |
|||
color: #a0c3d9; |
|||
|
|||
.arrow { |
|||
padding: 0 5px; |
|||
} |
|||
} |
|||
.router_parents:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.router_child { |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.div_content { |
|||
display: flex; |
|||
|
|||
.div_map { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
// padding: 10px 5px 13px; |
|||
// margin-top: 8px; |
|||
height: calc(88vh - 15px); |
|||
color: #fff; |
|||
// background: url('../../../img/modules/visual/warning-box.png') no-repeat |
|||
// center; |
|||
// background-size: 100% 100%; |
|||
} |
|||
|
|||
.div_data { |
|||
flex: 0 0 562px; |
|||
margin-left: 12px; |
|||
|
|||
.div_search { |
|||
width: 100%; |
|||
height: 56px; |
|||
text-align: center; |
|||
background-color: #011168; |
|||
border-radius: 4px 0 0 4px; |
|||
border: none; |
|||
box-shadow: 0 0 10px inset #1a5afd; |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
opacity: 0.7; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
.div_search_left { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
.icon { |
|||
display: flex; |
|||
align-items: center; |
|||
margin-left: 29px; |
|||
|
|||
> img { |
|||
width: 24px; |
|||
height: 24px; |
|||
} |
|||
} |
|||
|
|||
> span { |
|||
line-height: 56px; |
|||
margin-left: 10px; |
|||
} |
|||
} |
|||
|
|||
.btn { |
|||
text-align: center; |
|||
flex: 0 0 113px; |
|||
height: 56px; |
|||
background: linear-gradient(90deg, #1a5afd, #26c4ff); |
|||
font-size: 20px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
line-height: 56px; |
|||
border-radius: 0 4px 4px 0; |
|||
} |
|||
} |
|||
|
|||
.div_search:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.div_info { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
margin-top: 21px; |
|||
height: calc(88vh - 87px); |
|||
color: #fff; |
|||
background: url('../../../img/modules/visual/warning-box.png') no-repeat |
|||
center; |
|||
background-size: 100% 100%; |
|||
// padding: 45px 21px 35px 24px; |
|||
|
|||
.info_loading { |
|||
margin-top: 50px; |
|||
} |
|||
.info_tip { |
|||
padding: 31px 0 0 19px; |
|||
display: flex; |
|||
> img { |
|||
height: 34px; |
|||
width: 46px; |
|||
} |
|||
|
|||
.tip_title { |
|||
line-height: 34px; |
|||
margin-left: 7px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
|
|||
.info_list { |
|||
margin-top: 9px; |
|||
|
|||
.item { |
|||
.item_line { |
|||
margin-top: 13px; |
|||
margin-left: 24px; |
|||
width: 517px; |
|||
height: 0px; |
|||
border: 1px dotted #1797ff31; |
|||
border-width: 0.5px; |
|||
} |
|||
.last_line { |
|||
border: 1px dotted #1797ff00; |
|||
} |
|||
.list_item { |
|||
display: flex; |
|||
padding: 18px 59px 0; |
|||
justify-content: space-between; |
|||
|
|||
.list_item_col { |
|||
flex: 0 0 240px; |
|||
display: flex; |
|||
|
|||
> img { |
|||
height: 76px; |
|||
width: 76px; |
|||
} |
|||
|
|||
.item_content { |
|||
margin-left: 10px; |
|||
height: 76px; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
|
|||
.item_label { |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
} |
|||
.item_count { |
|||
margin-top: 10px; |
|||
font-size: 28px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #00fffc; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
::v-deep .el-popper { |
|||
padding: 0px; |
|||
} |
|||
// |
|||
} |
|||
} |
|||
} |
|||
|
|||
.div_info { |
|||
/deep/ .el-scrollbar__wrap { |
|||
overflow-x: hidden !important; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.div_community_info { |
|||
box-sizing: border-box; |
|||
flex: 0 0 calc(100vw - 620px); |
|||
// width: calc(100vw - 560px); |
|||
|
|||
height: calc(88vh - 10px); |
|||
color: #fff; |
|||
background: url('../../../img/modules/visual/warning-box.png') no-repeat |
|||
center; |
|||
background-size: 100% 100%; |
|||
|
|||
.div_select { |
|||
margin-top: 28px; |
|||
margin-left: 24px; |
|||
display: flex; |
|||
.customer_select { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
|
|||
> span { |
|||
width: auto; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
line-height: 34px; |
|||
} |
|||
} |
|||
> img { |
|||
height: 34px; |
|||
width: 46px; |
|||
} |
|||
|
|||
.tip_title { |
|||
line-height: 34px; |
|||
margin-left: 12px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
|
|||
.div_room_bar { |
|||
box-sizing: border-box; |
|||
|
|||
margin-top: 9px; |
|||
height: calc(88vh - 120px); |
|||
} |
|||
|
|||
.div_room { |
|||
// height: calc(88vh - 40px); |
|||
// margin-top: 9px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
justify-content: flex-start; |
|||
margin: 0 21px 0 21px; |
|||
|
|||
.item:hover { |
|||
cursor: pointer; |
|||
} |
|||
.item_sel { |
|||
box-shadow: 0 0 10px inset #1a5afd; |
|||
} |
|||
.item { |
|||
background-color: #011168; |
|||
margin-top: 12px; |
|||
width: 244px; |
|||
height: 190px; |
|||
border: 1px solid #037ddc; |
|||
border-radius: 8px; |
|||
text-align: center; |
|||
margin-left: 11px; |
|||
position: relative; |
|||
|
|||
// &:first-child { |
|||
// margin-left: 0; |
|||
// } |
|||
|
|||
.housename { |
|||
margin-top: 70px; |
|||
font-size: 24px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
// line-height: 180px; |
|||
} |
|||
|
|||
.icon_party { |
|||
position: absolute; |
|||
top: 13px; |
|||
left: 18px; |
|||
} |
|||
|
|||
.icon_category { |
|||
position: absolute; |
|||
bottom: 14px; |
|||
left: 9px; |
|||
// margin-left: 7px; |
|||
|
|||
> img { |
|||
margin-left: 5px; |
|||
width: 21px; |
|||
height: 20px; |
|||
} |
|||
} |
|||
.div_user:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.div_user { |
|||
position: absolute; |
|||
bottom: 10px; |
|||
right: 11px; |
|||
width: 88px; |
|||
height: 30px; |
|||
background: #073082; |
|||
border-radius: 15px; |
|||
|
|||
> img { |
|||
width: 10px; |
|||
height: 6px; |
|||
margin-left: 4px; |
|||
} |
|||
|
|||
> span { |
|||
font-size: 14px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
line-height: 30px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.div_room::after { |
|||
content: ''; |
|||
flex: 1; |
|||
} |
|||
} |
|||
|
|||
.user_list { |
|||
position: relative; |
|||
z-index: 10; |
|||
|
|||
background: #020340; |
|||
border: 1px solid #0a359b; |
|||
border-radius: 4px; |
|||
box-shadow: 0 0 10px inset #1a5afd; |
|||
|
|||
.user_item { |
|||
padding: 13px 8px 0 14px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
|
|||
.user_item_content { |
|||
display: flex; |
|||
// justify-content: space-between; |
|||
align-items: center; |
|||
|
|||
.name { |
|||
max-width: 80%; |
|||
text-align: left; |
|||
} |
|||
|
|||
> img { |
|||
margin-left: auto; |
|||
|
|||
margin-top: 4px; |
|||
width: 8px; |
|||
height: 12px; |
|||
} |
|||
} |
|||
|
|||
.item_line { |
|||
margin-top: 9px; |
|||
width: 70px; |
|||
height: 0px; |
|||
border: 1px dotted #1797ff31; |
|||
border-width: 0.5px; |
|||
} |
|||
.last_line { |
|||
border: 1px dotted #1797ff00; |
|||
} |
|||
} |
|||
} |
|||
.div_agency_tran { |
|||
transition: width 2s ease-out, opacity 1s ease-in, visibility 1s ease-in; |
|||
width: 0; |
|||
height: 470px; |
|||
z-index: 1000; |
|||
position: absolute; |
|||
top: 50px; |
|||
right: 600px; |
|||
box-sizing: border-box; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
|
|||
.div_agency_list { |
|||
width: 320px; |
|||
height: 470px; |
|||
color: #fff; |
|||
background: url('../../../img/modules/visual/box-2.png') no-repeat center; |
|||
background-size: 100% 100%; |
|||
padding: 45px 20px 35px 20px; |
|||
|
|||
.agency_main { |
|||
height: 100%; |
|||
position: relative; |
|||
} |
|||
|
|||
.agency_main { |
|||
/deep/ .el-scrollbar__wrap { |
|||
overflow-x: hidden !important; |
|||
} |
|||
} |
|||
|
|||
.no-data-img { |
|||
text-align: center; |
|||
margin-top: 50px; |
|||
margin-left: 15px; |
|||
} |
|||
.agency_list { |
|||
.agency_item { |
|||
// height: 60px; |
|||
padding: 15px 0; |
|||
font-size: 17px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
// line-height: 50px; |
|||
padding-left: 12px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
// padding-top: 15px; |
|||
|
|||
.agency_item_name { |
|||
// line-height: 20px; |
|||
} |
|||
} |
|||
|
|||
.agency_item_on { |
|||
background: #08216c; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
.agency_item:hover { |
|||
cursor: pointer; |
|||
background-color: #011168; |
|||
border-radius: 4px 0 0 4px; |
|||
border: none; |
|||
box-shadow: 0 0 10px inset #1a5afd; |
|||
border-radius: 2px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.arrow_tip { |
|||
margin-right: -2px; |
|||
> img { |
|||
width: 21px; |
|||
height: 176px; |
|||
} |
|||
} |
|||
.arrow_tip:hover { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
.div_agency_tran-fade-in { |
|||
width: 341px; |
|||
opacity: 1; |
|||
visibility: 1; |
|||
} |
|||
.div_agency_tran-fade-out { |
|||
visibility: 0; |
|||
opacity: 1; |
|||
width: 0; |
|||
right: 575px; |
|||
} |
|||
// .div_agency_list-fade-in { |
|||
// width: 341px; |
|||
// opacity: 1; |
|||
// visibility: 1; |
|||
// } |
|||
// .div_agency_list-fade-out { |
|||
// visibility: 0; |
|||
// opacity: 0; |
|||
// width: 0; |
|||
// } |
|||
@ -0,0 +1,184 @@ |
|||
@import '../../c/config'; |
|||
@import '../../c/function'; |
|||
@import './c/common'; |
|||
|
|||
|
|||
.g-cpt-resi { |
|||
display: flex; |
|||
flex-direction: row; |
|||
height: calc(100vh - 180px); |
|||
|
|||
.g-l { |
|||
flex-shrink: 0; |
|||
width: 700px; |
|||
height: calc(100vh - 230px); |
|||
|
|||
.l_top { |
|||
height: 385px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
|
|||
} |
|||
.l_bottom { |
|||
height: calc(100vh - 230px - 385px); |
|||
margin-top: 40px; |
|||
} |
|||
} |
|||
|
|||
.g-r { |
|||
text-align: center; |
|||
margin: 20px 10px 20px; |
|||
width: calc(100vw - 700px); |
|||
height: calc(100vh - 180px - 20px); |
|||
} |
|||
} |
|||
|
|||
.l_bottom { |
|||
.bottom_label { |
|||
position: relative; |
|||
padding-left: 40px; |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
color: #fff; |
|||
} |
|||
.bottom_label::after { |
|||
content: ''; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 20px; |
|||
width: 12px; |
|||
height: 12px; |
|||
box-sizing: border-box; |
|||
margin-top: -6px; |
|||
background: #2865fa; |
|||
border-radius: 50%; |
|||
} |
|||
> span { |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
} |
|||
.echart-line { |
|||
margin-top: 10px; |
|||
height: 100%; |
|||
} |
|||
.echart-grid-pie { |
|||
height: 320px; |
|||
margin-left: 30px; |
|||
text-align: center; |
|||
position: relative; |
|||
width: 500px; |
|||
box-sizing: border-box; |
|||
} |
|||
.m-tb { |
|||
position: relative; |
|||
height: 100%; |
|||
.tb { |
|||
height: calc(100% - 40px); |
|||
overflow-y: auto; |
|||
@include scrollBar; |
|||
/deep/ .table-status { |
|||
height: 220px; |
|||
} |
|||
} |
|||
.m-pagination { |
|||
box-sizing: border-box; |
|||
position: absolute; |
|||
right: 5px; |
|||
bottom: 5px; |
|||
width: 100%; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
|||
background: #0266d1; |
|||
color: #000d3f; |
|||
} |
|||
|
|||
/deep/ .el-pagination .el-pager li { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-prev { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-next { |
|||
background: #002e74; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
.g-r { |
|||
} |
|||
|
|||
.echart-wr { |
|||
margin-left: 30px; |
|||
// margin-top: 100px; |
|||
text-align: center; |
|||
position: relative; |
|||
width: 600px; |
|||
height: 385px; |
|||
|
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.g-pie { |
|||
position: relative; |
|||
display: flex; |
|||
|
|||
.pie-legend { |
|||
margin-left: 30px; |
|||
|
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
|
|||
.legend_item { |
|||
.item_name { |
|||
margin-left: 5px; |
|||
font-size: 10px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #eff0f1; |
|||
} |
|||
> img { |
|||
margin-top: -10px; |
|||
width: 80px; |
|||
height: 10px; |
|||
} |
|||
.item_num { |
|||
.item_count { |
|||
font-size: 17px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.item_percent { |
|||
margin-left: 12px; |
|||
font-size: 8px; |
|||
font-family: PingFang SC; |
|||
font-weight: 300; |
|||
color: #ffffff; |
|||
line-height: 18px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.item_last { |
|||
margin-top: 20px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.table-status { |
|||
position: relative; |
|||
width: 240px; |
|||
margin: auto; |
|||
} |
|||
@ -0,0 +1,352 @@ |
|||
.warning-box{ |
|||
padding: 0 21px 20px 24px |
|||
} |
|||
.no-data{ |
|||
margin-top:50px; |
|||
display:flex; |
|||
justify-content: center; |
|||
} |
|||
.card-title { |
|||
|
|||
display: flex; |
|||
align-items: center; |
|||
cursor: pointer; |
|||
.title-icon { |
|||
display: block; |
|||
width: 46px; |
|||
height: 34px; |
|||
box-sizing: border-box; |
|||
margin-right: 6px; |
|||
} |
|||
::v-deep .el-dropdown { |
|||
font-size: 18px; |
|||
color: #fff; |
|||
font-weight: 800; |
|||
} |
|||
.title-time { |
|||
display: flex; |
|||
align-items: center; |
|||
box-sizing: border-box; |
|||
margin-left: 30px; |
|||
font-size: 14px; |
|||
color: #fff; |
|||
.title-time-label { |
|||
margin-right: 10px; |
|||
} |
|||
::v-deep .el-date-editor--month { |
|||
width: 100px; |
|||
.el-input__inner { |
|||
width: 100px; |
|||
height: 24px; |
|||
box-sizing: border-box; |
|||
padding: 0; |
|||
font-size: 14px; |
|||
color: #fff; |
|||
line-height: 24px; |
|||
text-align: center; |
|||
background: #06186d; |
|||
border: 1px solid #1a64cc; |
|||
border-radius: 2px; |
|||
} |
|||
.el-input__prefix { |
|||
display: none; |
|||
} |
|||
.el-input__suffix { |
|||
right: 0; |
|||
.el-input__icon { |
|||
line-height: 24px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.title-label { |
|||
font-size: 20px; |
|||
font-weight: 800; |
|||
::v-deep .el-input { |
|||
width: 180px; |
|||
.el-input__inner { |
|||
font-size: 18px; |
|||
// font-weight: 800; |
|||
color: #fff; |
|||
background: #06186d; |
|||
border: 1px solid #1a64cc; |
|||
} |
|||
.el-icon-arrow-down::before { |
|||
content: "\e790"; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
.card-left-title { |
|||
margin-top: 20px; |
|||
position: relative; |
|||
padding-left: 40px; |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
color: #fff; |
|||
} |
|||
.card-left-title::after { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 5%; |
|||
left: 20px; |
|||
width: 12px; |
|||
height: 12px; |
|||
box-sizing: border-box; |
|||
|
|||
background: #2865fa; |
|||
border-radius: 50%; |
|||
} |
|||
.card-echart { |
|||
min-height: 500px; |
|||
display: flex; |
|||
margin-top: 10px; |
|||
height: 100%; |
|||
.card-left { |
|||
position: relative; |
|||
flex-grow:0; |
|||
flex-shrink:0; |
|||
width:50%; |
|||
|
|||
height: 100%; |
|||
.div-chart{ |
|||
display: flex; |
|||
width: 100%; |
|||
.echart-wr{ |
|||
flex-shrink: 0; |
|||
height: 420px; |
|||
width: 70%; |
|||
} |
|||
.div-tip{ |
|||
flex-shrink: 0; |
|||
width: 30%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
margin-left:20px; |
|||
margin-top: -23px; |
|||
|
|||
display: flex; |
|||
justify-content: center; |
|||
|
|||
.legend_item { |
|||
margin-top: 30px; |
|||
.item_name { |
|||
margin-left: 5px; |
|||
font-size: 10px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #eff0f1; |
|||
} |
|||
|
|||
> img { |
|||
margin-top: -10px; |
|||
width: 80px; |
|||
height: 10px; |
|||
} |
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
.div-tip2{ |
|||
flex-shrink: 0; |
|||
width: 30%; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
margin-left:20px; |
|||
margin-top: -23px; |
|||
|
|||
display: flex; |
|||
justify-content: center; |
|||
.cz-tip{ |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
margin-top: 30px; |
|||
|
|||
|
|||
.cz-tip-dot { |
|||
margin-top:1px; |
|||
width: 18px; |
|||
height: 8px; |
|||
background: #3dda83; |
|||
border-radius: 4px; |
|||
} |
|||
|
|||
>span{ |
|||
margin-left:10px; |
|||
font-size: 10px; |
|||
} |
|||
} |
|||
|
|||
.ld-tip{ |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
margin-top: 30px; |
|||
|
|||
.ld-tip-dot{ |
|||
margin-top:1px; |
|||
width: 18px; |
|||
height: 8px; |
|||
background: #e43c26; |
|||
border-radius: 4px; |
|||
} |
|||
>span{ |
|||
margin-left:10px; |
|||
font-size: 10px; |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
} |
|||
} |
|||
|
|||
.pie-table{ |
|||
margin-top:0px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items:center; |
|||
|
|||
|
|||
} |
|||
|
|||
.loading-status{ |
|||
width: 100%; |
|||
display: flex; |
|||
justify-content: center; |
|||
margin-top: 200px; |
|||
|
|||
|
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
.card-table{ |
|||
margin:37px 70px 0; |
|||
|
|||
.table_item{ |
|||
padding:31px 60px 36px 30px; |
|||
|
|||
.item_name{ |
|||
|
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #FFFFFF; |
|||
|
|||
>img{ |
|||
width:25px; |
|||
height:14px; |
|||
padding-right: 10px; |
|||
} |
|||
} |
|||
|
|||
.item_name:hover{ |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.item_data{ |
|||
margin-top:31px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.item_left{ |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
flex-grow:0; |
|||
flex-shrink:0; |
|||
|
|||
} |
|||
.item_right{ |
|||
align-items: center; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
flex-grow:0; |
|||
flex-shrink:0; |
|||
// margin-left:250px; |
|||
} |
|||
|
|||
} |
|||
.table_item:hover{ |
|||
background: url('../../../img/modules/visual/hover-bac.png') no-repeat |
|||
center; |
|||
background-size: 100% 100%; |
|||
} |
|||
|
|||
.item_dark{ |
|||
background: #082586; |
|||
opacity: 0.85; |
|||
} |
|||
} |
|||
|
|||
.pie-table-total{ |
|||
margin-left:40px; |
|||
.pie-table-total-count{ |
|||
min-width: 98px; |
|||
text-align: center; |
|||
font-size: 40px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.zz{ |
|||
font-size: 35px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #3dda83; |
|||
} |
|||
|
|||
.cz{ |
|||
font-size: 35px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #e43c26; |
|||
} |
|||
|
|||
.xz{ |
|||
font-size: 35px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #fac126; |
|||
} |
|||
|
|||
.colorwhite{ |
|||
font-size: 35px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.pie-table-title{ |
|||
margin-top:7px; |
|||
text-align: center; |
|||
font-size:10px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #FFFFFF; |
|||
min-width:62px; |
|||
} |
|||
|
|||
.table-table-title{ |
|||
margin-top:2px; |
|||
} |
|||
} |
|||
|
|||
.pie-table-line{ |
|||
margin-left:40px; |
|||
height:30px; |
|||
width:1px; |
|||
background-color: #1797FF; |
|||
opacity: 0.5; |
|||
} |
|||
|
|||
.table-table-line{ |
|||
|
|||
} |
|||
|
|||
@ -0,0 +1,156 @@ |
|||
@import '../../c/config'; |
|||
@import '../../c/function'; |
|||
@import './c/common'; |
|||
|
|||
.title { |
|||
padding: 10px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
display: flex; |
|||
align-items: center; |
|||
position: relative; |
|||
>img { |
|||
display: block; |
|||
margin-right: 5px; |
|||
} |
|||
>span { |
|||
display: block; |
|||
} |
|||
|
|||
.search{ |
|||
display: block; |
|||
display: flex; |
|||
align-items: center; |
|||
margin-left:40px; |
|||
|
|||
.second-select { |
|||
|
|||
margin: 0 10px 0 10px; |
|||
|
|||
::v-deep .el-input { |
|||
width: 180px; |
|||
height: 36px; |
|||
.el-input__inner { |
|||
height: 100%; |
|||
padding: 0 10px; |
|||
color: #fff; |
|||
line-height: 36px; |
|||
background: #06186d; |
|||
border: 1px solid #1a64cc; |
|||
} |
|||
|
|||
.el-icon-arrow-up:before { |
|||
content: '\e78f'; |
|||
} |
|||
// .el-select__caret:before { |
|||
// content: '\E790' |
|||
// } |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
|
|||
} |
|||
|
|||
.range-data { |
|||
::v-deep .el-date-editor { |
|||
width: 360px; |
|||
position: relative; |
|||
background: #06186d; |
|||
border: 1px solid #1a64cc; |
|||
.el-range-input { |
|||
color: #fff; |
|||
background: #06186d; |
|||
margin-left: 10px; |
|||
} |
|||
.el-range-separator { |
|||
color: #fff; |
|||
} |
|||
.el-range__icon { |
|||
position: absolute; |
|||
right: 5px; |
|||
// float: right; |
|||
} |
|||
.el-input__prefix { |
|||
left: unset; |
|||
right: 5px; |
|||
} |
|||
} |
|||
} |
|||
.range-data2 { |
|||
::v-deep .el-date-editor { |
|||
width: 360px; |
|||
position: relative; |
|||
|
|||
.el-range-input { |
|||
color: #fff; |
|||
background: #06186d; |
|||
margin-left: 10px; |
|||
} |
|||
.el-range-separator { |
|||
color: #fff; |
|||
} |
|||
.el-range__icon { |
|||
position: absolute; |
|||
right: 5px; |
|||
// float: right; |
|||
} |
|||
.el-input__prefix { |
|||
left: unset; |
|||
right: 5px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.one-date{ |
|||
::v-deep .el-date-editor { |
|||
.el-input__prefix { |
|||
left: unset; |
|||
right: 5px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
|
|||
.second-title { |
|||
display: block; |
|||
display: flex; |
|||
align-items: center; |
|||
margin-left |
|||
|
|||
.second-title-label { |
|||
position: relative; |
|||
padding-left: 40px; |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
color: #fff; |
|||
} |
|||
.second-title-label::after { |
|||
content: ''; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 20px; |
|||
width: 12px; |
|||
height: 12px; |
|||
box-sizing: border-box; |
|||
margin-top: -6px; |
|||
background: #2865fa; |
|||
border-radius: 50%; |
|||
} |
|||
|
|||
} |
|||
.cascader { |
|||
::v-deep .el-input { |
|||
width: 220px; |
|||
} |
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
|
|||
@ -0,0 +1,173 @@ |
|||
@import '../../c/config'; |
|||
@import '../../c/function'; |
|||
@import './c/common'; |
|||
|
|||
|
|||
.g-cpt-resi { |
|||
display: flex; |
|||
flex-direction: row; |
|||
height: calc(100vh - 180px); |
|||
|
|||
.g-l { |
|||
flex-shrink: 0; |
|||
width: 700px; |
|||
height: calc(100vh - 230px); |
|||
|
|||
.l_top { |
|||
height: 355px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
|
|||
} |
|||
.l_bottom { |
|||
height: calc(100vh - 200px - 355px); |
|||
margin-top: 20px; |
|||
} |
|||
} |
|||
|
|||
.g-r { |
|||
text-align: center; |
|||
margin: 20px 10px 20px; |
|||
width: calc(100vw - 700px); |
|||
height: calc(100vh - 180px - 20px); |
|||
} |
|||
} |
|||
|
|||
.l_bottom { |
|||
.bottom_label { |
|||
position: relative; |
|||
padding-left: 40px; |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
color: #fff; |
|||
} |
|||
.bottom_label::after { |
|||
content: ''; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 20px; |
|||
width: 12px; |
|||
height: 12px; |
|||
box-sizing: border-box; |
|||
margin-top: -6px; |
|||
background: #2865fa; |
|||
border-radius: 50%; |
|||
} |
|||
> span { |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
} |
|||
.echart-line { |
|||
margin-top: 10px; |
|||
height: 100%; |
|||
} |
|||
} |
|||
|
|||
|
|||
.g-r { |
|||
.m-tb { |
|||
position: relative; |
|||
height: 100%; |
|||
.tb { |
|||
height: calc(100vh - 170px - 50px - 50px); |
|||
overflow-y: auto; |
|||
@include scrollBar; |
|||
} |
|||
.m-pagination { |
|||
box-sizing: border-box; |
|||
position: absolute; |
|||
right: 5px; |
|||
bottom: 5px; |
|||
width: 100%; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
|||
background: #0266d1; |
|||
color: #000d3f; |
|||
} |
|||
|
|||
/deep/ .el-pagination .el-pager li { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-prev { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-next { |
|||
background: #002e74; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.echart-wr { |
|||
margin-left: 30px; |
|||
// margin-top: 100px; |
|||
text-align: center; |
|||
position: relative; |
|||
width: 500px; |
|||
height: 355px; |
|||
|
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.g-pie { |
|||
position: relative; |
|||
display: flex; |
|||
|
|||
.pie-legend { |
|||
margin-left: 30px; |
|||
|
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
|
|||
.legend_item { |
|||
.item_name { |
|||
margin-left: 5px; |
|||
font-size: 10px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #eff0f1; |
|||
} |
|||
> img { |
|||
margin-top: -10px; |
|||
width: 80px; |
|||
height: 10px; |
|||
} |
|||
.item_num { |
|||
.item_count { |
|||
font-size: 17px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.item_percent { |
|||
margin-left: 12px; |
|||
font-size: 8px; |
|||
font-family: PingFang SC; |
|||
font-weight: 300; |
|||
color: #ffffff; |
|||
line-height: 18px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.item_last { |
|||
margin-top: 20px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.table-status { |
|||
position: relative; |
|||
width: 600px; |
|||
margin: auto; |
|||
} |
|||
@ -0,0 +1,181 @@ |
|||
@import '../../c/config'; |
|||
@import '../../c/function'; |
|||
@import './c/common'; |
|||
|
|||
|
|||
.g-cpt-resi { |
|||
display: flex; |
|||
flex-direction: row; |
|||
height: calc(100vh - 180px); |
|||
|
|||
.g-l { |
|||
flex-shrink: 0; |
|||
width: 700px; |
|||
height: calc(100vh - 230px); |
|||
|
|||
.l_top { |
|||
height: 385px; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
|
|||
} |
|||
.l_bottom { |
|||
height: calc(100vh - 230px - 385px); |
|||
margin-top: 20px; |
|||
} |
|||
} |
|||
|
|||
.g-r { |
|||
text-align: center; |
|||
margin: 20px 10px 20px; |
|||
width: calc(100vw - 700px); |
|||
height: calc(100vh - 180px - 20px); |
|||
} |
|||
} |
|||
|
|||
.l_bottom { |
|||
.bottom_label { |
|||
position: relative; |
|||
padding-left: 40px; |
|||
font-size: 16px; |
|||
font-weight: 500; |
|||
color: #fff; |
|||
} |
|||
.bottom_label::after { |
|||
content: ''; |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 20px; |
|||
width: 12px; |
|||
height: 12px; |
|||
box-sizing: border-box; |
|||
margin-top: -6px; |
|||
background: #2865fa; |
|||
border-radius: 50%; |
|||
} |
|||
> span { |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
} |
|||
.echart-line { |
|||
margin-top: 10px; |
|||
height: 100%; |
|||
} |
|||
.echart-grid-pie { |
|||
height: 320px; |
|||
margin-left: 30px; |
|||
text-align: center; |
|||
position: relative; |
|||
width: 500px; |
|||
box-sizing: border-box; |
|||
} |
|||
} |
|||
|
|||
|
|||
.g-r { |
|||
.m-tb { |
|||
position: relative; |
|||
height: 100%; |
|||
.tb { |
|||
height: calc(100vh - 170px - 50px - 50px); |
|||
overflow-y: auto; |
|||
@include scrollBar; |
|||
} |
|||
.m-pagination { |
|||
box-sizing: border-box; |
|||
position: absolute; |
|||
right: 5px; |
|||
bottom: 5px; |
|||
width: 100%; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
|||
background: #0266d1; |
|||
color: #000d3f; |
|||
} |
|||
|
|||
/deep/ .el-pagination .el-pager li { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-prev { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-next { |
|||
background: #002e74; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.echart-wr { |
|||
margin-left: 30px; |
|||
// margin-top: 100px; |
|||
text-align: center; |
|||
position: relative; |
|||
width: 500px; |
|||
height: 385px; |
|||
|
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.g-pie { |
|||
position: relative; |
|||
display: flex; |
|||
|
|||
.pie-legend { |
|||
margin-left: 30px; |
|||
|
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
|
|||
.legend_item { |
|||
.item_name { |
|||
margin-left: 5px; |
|||
font-size: 10px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #eff0f1; |
|||
} |
|||
> img { |
|||
margin-top: -10px; |
|||
width: 80px; |
|||
height: 10px; |
|||
} |
|||
.item_num { |
|||
.item_count { |
|||
font-size: 17px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.item_percent { |
|||
margin-left: 12px; |
|||
font-size: 8px; |
|||
font-family: PingFang SC; |
|||
font-weight: 300; |
|||
color: #ffffff; |
|||
line-height: 18px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.item_last { |
|||
margin-top: 20px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.table-status { |
|||
position: relative; |
|||
width: 600px; |
|||
margin: auto; |
|||
} |
|||
@ -0,0 +1,71 @@ |
|||
@import "../../c/config"; |
|||
@import "../../c/function"; |
|||
@import "./c/common"; |
|||
|
|||
.m-pop { |
|||
@include shield; |
|||
background-color: rgba(#000, 0.9); |
|||
overflow-y: auto; |
|||
|
|||
.wrap { |
|||
position: relative; |
|||
margin: 120px auto; |
|||
width: 1180px; |
|||
|
|||
.title { |
|||
padding: 10px; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
img { |
|||
display: block; |
|||
margin-right: 5px; |
|||
} |
|||
span { |
|||
display: block; |
|||
} |
|||
} |
|||
|
|||
.btn-close { |
|||
position: absolute; |
|||
top: -15px; |
|||
right: -15px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.content { |
|||
margin-top: 20px; |
|||
min-height: 500px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-pagination { |
|||
box-sizing: border-box; |
|||
margin-top: 20px; |
|||
width: 100%; |
|||
height: 40px; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
|
|||
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active { |
|||
background: #0266d1; |
|||
color: #000d3f; |
|||
} |
|||
|
|||
/deep/ .el-pagination .el-pager li { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-prev { |
|||
background: #002e74; |
|||
} |
|||
|
|||
/deep/ .el-pagination .btn-next { |
|||
background: #002e74; |
|||
} |
|||
} |
|||
@ -0,0 +1,75 @@ |
|||
<template> |
|||
<el-table-column :prop="prop" v-bind="$attrs"> |
|||
<template slot-scope="scope"> |
|||
<span @click.prevent="toggleHandle(scope.$index, scope.row)" :style="{ 'padding-left': ((scope.row._level || 0) * 10) + 'px' }"> |
|||
<i :class="[ scope.row._expanded ? 'el-icon-caret-bottom' : 'el-icon-caret-right' ]" :style="{ 'visibility': hasChild(scope.row) ? 'visible' : 'hidden' }"></i> |
|||
{{ scope.row[prop] }} |
|||
</span> |
|||
</template> |
|||
</el-table-column> |
|||
</template> |
|||
|
|||
<script> |
|||
import isArray from 'lodash/isArray' |
|||
export default { |
|||
name: 'table-tree-column', |
|||
props: { |
|||
prop: { |
|||
type: String |
|||
}, |
|||
treeKey: { |
|||
type: String, |
|||
default: 'id' |
|||
}, |
|||
parentKey: { |
|||
type: String, |
|||
default: 'pid' |
|||
}, |
|||
childKey: { |
|||
type: String, |
|||
default: 'children' |
|||
} |
|||
}, |
|||
methods: { |
|||
hasChild (row) { |
|||
return (isArray(row[this.childKey]) && row[this.childKey].length >= 1) || false |
|||
}, |
|||
// 切换处理 |
|||
toggleHandle (index, row) { |
|||
if (!this.hasChild(row)) { |
|||
return false |
|||
} |
|||
var data = this.$parent.store.states.data.slice(0) |
|||
data[index]._expanded = !data[index]._expanded |
|||
if (data[index]._expanded) { |
|||
row[this.childKey].forEach(item => { |
|||
item._level = (row._level || 0) + 1 |
|||
item._expanded = false |
|||
}) |
|||
data = data.splice(0, index + 1).concat(row[this.childKey]).concat(data) |
|||
} else { |
|||
data = this.removeChildNode(data, row[this.treeKey]) |
|||
} |
|||
this.$parent.store.commit('setData', data) |
|||
this.$nextTick(() => { |
|||
this.$parent.doLayout() |
|||
}) |
|||
}, |
|||
// 移除子节点 |
|||
removeChildNode (data, pid) { |
|||
var pids = isArray(pid) ? pid : [pid] |
|||
if (pid.length <= 0) { |
|||
return data |
|||
} |
|||
var ids = [] |
|||
for (var i = 0; i < data.length; i++) { |
|||
if (pids.indexOf(data[i][this.parentKey]) !== -1 && pids.indexOf(data[i][this.treeKey]) === -1) { |
|||
ids.push(data.splice(i, 1)[0][this.treeKey]) |
|||
i-- |
|||
} |
|||
} |
|||
return this.removeChildNode(data, ids) |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue