dai
3 years ago
9 changed files with 225 additions and 540 deletions
@ -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; |
|||
// } |
|||
Loading…
Reference in new issue