dai
4 years ago
61 changed files with 4749 additions and 3064 deletions
@ -0,0 +1,4 @@ |
|||
NODE_ENV=production |
|||
VUE_APP_API_SERVER = https://epdc-shibei.elinkservice.cn/api |
|||
VUE_APP_NODE_ENV=shibei_prod |
|||
VUE_APP_PUBLIC_PATH=epmet-oper |
|||
|
After Width: | Height: | Size: 4.3 KiB |
@ -1,11 +1,11 @@ |
|||
// 变量 |
|||
@import "~@/element-ui/theme-variables.scss"; |
|||
@import "./variables.scss"; |
|||
@import '~@/element-ui/theme-variables.scss'; |
|||
@import './variables.scss'; |
|||
// 公共 |
|||
@import "./normalize.scss"; |
|||
@import "./common.scss"; |
|||
@import './normalize.scss'; |
|||
@import './common.scss'; |
|||
// 页面 |
|||
@import "./pages/login.scss"; |
|||
@import "./pages/404.scss"; |
|||
@import './pages/login.scss'; |
|||
@import './pages/404.scss'; |
|||
// 模块 |
|||
@import "./modules/home.scss"; |
|||
@import './modules/home.scss'; |
|||
|
|||
@ -0,0 +1,67 @@ |
|||
//新增 |
|||
.el-button--add { |
|||
color: #fff; |
|||
background-color: #22c1c3; |
|||
border-color: #22c1c3; |
|||
} |
|||
.el-button--add:hover { |
|||
color: #fff; |
|||
background-color: #05b1b4; |
|||
border-color: #05b1b4; |
|||
} |
|||
.el-button--add:focus { |
|||
color: #fff; |
|||
background-color: #22c1c3; |
|||
border-color: #22c1c3; |
|||
} |
|||
|
|||
//删除、导入 |
|||
.el-button--delete { |
|||
color: #fff; |
|||
background-color: #fe6252; |
|||
border-color: #fe6252; |
|||
} |
|||
.el-button--delete:hover { |
|||
color: #fff; |
|||
background-color: #fe6252; |
|||
border-color: #fe6252; |
|||
} |
|||
.el-button--delete:focus { |
|||
color: #fff; |
|||
background-color: #fe6252; |
|||
border-color: #fe6252; |
|||
} |
|||
|
|||
//重置、导出 |
|||
.el-button--reset { |
|||
color: #fff; |
|||
background-color: #feb349; |
|||
border-color: #feb349; |
|||
} |
|||
.el-button--reset:hover { |
|||
color: #fff; |
|||
background-color: #feb349; |
|||
border-color: #feb349; |
|||
} |
|||
.el-button--reset:focus { |
|||
color: #fff; |
|||
background-color: #feb349; |
|||
border-color: #feb349; |
|||
} |
|||
|
|||
//查询、确定 |
|||
.el-button--search:hover { |
|||
color: #fff; |
|||
background-color: #3e8ef7; |
|||
border-color: #3e8ef7; |
|||
} |
|||
.el-button--search:focus { |
|||
color: #fff; |
|||
background-color: #3e8ef7; |
|||
border-color: #3e8ef7; |
|||
} |
|||
.el-button--search { |
|||
color: #fff; |
|||
background-color: #3e8ef7; |
|||
border-color: #3e8ef7; |
|||
} |
|||
@ -1,61 +1,103 @@ |
|||
.el-button--green { |
|||
color: #fff; |
|||
background-color: #22c1c3; |
|||
border-color: #22c1c3; |
|||
//查询、确定 |
|||
.diy-button--search { |
|||
color: #fff !important; |
|||
background-color: #3e8ef7 !important; |
|||
border-color: #3e8ef7 !important; |
|||
} |
|||
.el-button--green:hover { |
|||
color: #fff; |
|||
background-color: #05b1b4; |
|||
border-color: #05b1b4; |
|||
.diy-button--search:hover { |
|||
color: #fff !important; |
|||
background-color: #3e8ef7 !important; |
|||
border-color: #3e8ef7 !important; |
|||
} |
|||
.el-button--green:focus { |
|||
color: #fff; |
|||
background-color: #22c1c3; |
|||
border-color: #22c1c3; |
|||
.diy-button--search:focus { |
|||
color: #fff !important; |
|||
background-color: #3e8ef7 !important; |
|||
border-color: #3e8ef7 !important; |
|||
} |
|||
|
|||
.el-button--yellow:hover { |
|||
color: #fff; |
|||
background-color: #fa9200; |
|||
border-color: #fa9200; |
|||
} |
|||
.el-button--yellow:focus { |
|||
color: #fff; |
|||
background-color: #feb349; |
|||
border-color: #feb349; |
|||
} |
|||
.el-button--yellow { |
|||
color: #fff; |
|||
background-color: #feb349; |
|||
border-color: #feb349; |
|||
} |
|||
.el-button--blue:focus { |
|||
color: #fff; |
|||
background-color: #2195fe; |
|||
border-color: #2195fe; |
|||
} |
|||
.el-button--blue:hover { |
|||
color: #fff; |
|||
background-color: #0083fd; |
|||
border-color: #0083fd; |
|||
} |
|||
.el-button--blue { |
|||
color: #fff; |
|||
background-color: #2195fe; |
|||
border-color: #2195fe; |
|||
} |
|||
.el-button--red:focus { |
|||
color: #fff; |
|||
background-color: #fe6252; |
|||
border-color: #fe6252; |
|||
} |
|||
.el-button--red:hover { |
|||
color: #fff; |
|||
background-color: #fd341e; |
|||
border-color: #fd341e; |
|||
} |
|||
.el-button--red { |
|||
color: #fff; |
|||
background-color: #fe6252; |
|||
border-color: #fe6252; |
|||
//重置、导出 |
|||
.diy-button--reset { |
|||
color: #fff !important; |
|||
background-color: #feb349 !important; |
|||
border-color: #feb349 !important; |
|||
} |
|||
.diy-button--reset:hover { |
|||
color: #fff !important; |
|||
background-color: #feb349 !important; |
|||
border-color: #feb349 !important; |
|||
} |
|||
.diy-button--reset:focus { |
|||
color: #fff !important; |
|||
background-color: #feb349 !important; |
|||
border-color: #feb349 !important; |
|||
} |
|||
|
|||
//新增 |
|||
.diy-button--add { |
|||
color: #fff !important; |
|||
background-color: #22c1c3 !important; |
|||
border-color: #22c1c3 !important; |
|||
} |
|||
.diy-button--add:hover { |
|||
color: #fff !important; |
|||
background-color: #22c1c3 !important; |
|||
border-color: #22c1c3 !important; |
|||
} |
|||
.diy-button--add:focus { |
|||
color: #fff !important; |
|||
background-color: #22c1c3 !important; |
|||
border-color: #22c1c3 !important; |
|||
} |
|||
|
|||
//删除、导入 |
|||
.diy-button--delete { |
|||
color: #fff !important; |
|||
background-color: #fe6252 !important; |
|||
border-color: #fe6252 !important; |
|||
} |
|||
.diy-button--delete:hover { |
|||
color: #fff !important; |
|||
background-color: #fe6252 !important; |
|||
border-color: #fe6252 !important; |
|||
} |
|||
.diy-button--delete:focus { |
|||
color: #fff !important; |
|||
background-color: #fe6252 !important; |
|||
border-color: #fe6252 !important; |
|||
} |
|||
//下载模板 |
|||
.diy-button--export { |
|||
color: #fff !important; |
|||
background-color: #3e8ef7 !important; |
|||
border-color: #3e8ef7 !important; |
|||
} |
|||
.diy-button--export:hover { |
|||
color: #fff !important; |
|||
background-color: #3e8ef7 !important; |
|||
border-color: #3e8ef7 !important; |
|||
} |
|||
.diy-button--export:focus { |
|||
color: #fff !important; |
|||
background-color: #3e8ef7 !important; |
|||
border-color: #3e8ef7 !important; |
|||
} |
|||
|
|||
//table按钮样式 |
|||
|
|||
//查看 |
|||
.div-table-button--detail { |
|||
color: #3E8EF7 !important; |
|||
text-decoration: underline !important; |
|||
} |
|||
|
|||
//修改 |
|||
.div-table-button--edit { |
|||
color: #00a7a9 !important; |
|||
text-decoration: underline !important; |
|||
} |
|||
|
|||
//删除 |
|||
.div-table-button--delete { |
|||
color: #d51010 !important; |
|||
text-decoration: underline !important; |
|||
} |
|||
|
|||
@ -0,0 +1,499 @@ |
|||
.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,32 @@ |
|||
.item_width_1 { |
|||
width: 500px; |
|||
} |
|||
.item_width_2 { |
|||
width: 400px; |
|||
} |
|||
.item_width_3 { |
|||
margin-left: 10px; |
|||
width: 200px; |
|||
} |
|||
.item_width_4 { |
|||
width: 200px; |
|||
} |
|||
|
|||
.div_map { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.div_btn { |
|||
margin-top: 20px; |
|||
text-align: center; |
|||
} |
|||
.el-tabs { |
|||
margin: 0 20px; |
|||
} |
|||
.el-upload__tip { |
|||
color: rgb(155, 155, 155); |
|||
margin: 0; |
|||
} |
|||
.form { |
|||
margin-top: 30px; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
Loading…
Reference in new issue