From e44bbaca7b255394a483ac314d46fd31bf4543b0 Mon Sep 17 00:00:00 2001
From: guanqb <18720758508@163.com>
Date: Sat, 06 Aug 2022 08:36:06 +0800
Subject: [PATCH] 站点详情弹窗
---
src/styles/index.css | 233 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 233 insertions(+), 0 deletions(-)
diff --git a/src/styles/index.css b/src/styles/index.css
index 6c7234d..3aabe70 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -27,6 +27,39 @@
visibility: hidden;
}
+.el-icon-my-nc-menu {
+ background: url("/img/icon/nc-menu.png") center no-repeat;
+ /* background-size: cover;*/
+}
+
+.el-icon-my-nc-menu:before {
+ content: "替";
+ font-size: 24px;
+ visibility: hidden;
+}
+
+.el-icon-my-jksb-menu {
+ background: url("/img/icon/jksb-menu.png") center no-repeat;
+ /* background-size: cover;*/
+}
+
+.el-icon-my-jksb-menu:before {
+ content: "替";
+ font-size: 24px;
+ visibility: hidden;
+}
+
+.el-icon-my-jcsb-menu {
+ background: url("/img/icon/jcsb-menu.png") center no-repeat;
+ /* background-size: cover;*/
+}
+
+.el-icon-my-jcsb-menu:before {
+ content: "替";
+ font-size: 24px;
+ visibility: hidden;
+}
+
.dialog-fixed {
margin: 0 !important;
position: fixed;
@@ -764,6 +797,206 @@
width: 120px;
}
+.public-equirment-station-details {
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 1208px;
+ background-color: transparent;
+ z-index: 99;
+ font-size: 16px;
+ box-shadow: inset 0px 0px 30px 1px rgba(33, 186, 196, 0.16);
+ border: 1px solid #69E2ED;
+ background: rgba(20, 66, 104, 0.8);
+}
+
+.public-equirment-station-details .header {
+ position: relative;
+ border-radius: 8px 8px 0 0;
+ width: 100%;
+ height: 58px;
+ line-height: 58px;
+ background: linear-gradient(96deg, #142B4B 0%, #0F1525 100%);
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+}
+
+.public-equirment-station-details .header .logo {
+ position: aboslute;
+ top: 0;
+ left: 0;
+ width: 8px;
+ height: 100%;
+ background: #69E2ED;
+}
+
+.public-equirment-station-details .header .title {
+ position: absolute;
+ top: 0;
+ left: 25px;
+ font-size: 18px;
+ font-weight: bold;
+ color: #66DDE9;
+}
+
+.public-equirment-station-details .header .close {
+ position: absolute;
+ right: 20px;
+ top: 0;
+ left: auto;
+ bottom: 0;
+ margin: auto;
+ width: 28px;
+ height: 28px;
+ cursor: pointer;
+ opacity: 0.6;
+}
+
+.public-equirment-station-details .content {
+ display: flex;
+ flex-direction: column;
+ clear: both;
+ width: 100%;
+ height: 600px;
+ margin-top: 0px;
+ text-align: center;
+ overflow: hidden;
+ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+ border-radius: 0 0 8px 8px;
+}
+
+.public-equirment-station-details .content .action-bar {
+ padding: 0 30px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 74px;
+}
+
+.public-equirment-station-details .content .action-bar > .search .search-input input {
+ color: #fff;
+ background: rgba(33, 186, 196, 0.2);
+ border-color: #21BAC4;
+}
+
+.public-equirment-station-details .content .action-bar .btn-grounp .search {
+ color: #fff;
+ background: #21BAC4;
+ border-color: #21BAC4;
+}
+
+.public-equirment-station-details .content .action-bar .btn-grounp .reset {
+ color: #fff;
+ background: rgba(255, 255, 255, 0.2);
+ border-color: rgba(255, 255, 255, 0.2);
+}
+
+.public-equirment-station-details .content .table-list {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+}
+
+.public-equirment-station-details .content .table-list .t-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ height: 56px;
+ font-size: 18px;
+ font-weight: bold;
+ color: #fff;
+ background: linear-gradient(90deg, rgba(49, 137, 153, 0.5) 0%, rgba(49, 161, 168, 0.5) 44%, rgba(49, 137, 153, 0.5) 100%);
+}
+
+.public-equirment-station-details .content .table-list .t-header .sym-style {
+ text-align: left;
+}
+
+.public-equirment-station-details .content .table-list .t-body {
+ flex: 1;
+ overflow-y: auto;
+}
+
+.public-equirment-station-details .content .table-list .table-list {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ height: 94px;
+ border-bottom: 1px solid #E8ECEF;
+ color: #fff;
+}
+
+.public-equirment-station-details .content .table-list .table-list .sym-style {
+ display: flex;
+ justify-content: space-between;
+}
+
+.public-equirment-station-details .content .table-list .table-list .sym-style .l {
+ display: flex;
+ align-items: center;
+}
+
+.public-equirment-station-details .content .table-list .table-list .sym-style .l img {
+ width: 94px;
+ height: 56px;
+}
+
+.public-equirment-station-details .content .table-list .table-list .sym-style .r {
+ margin-left: 20px;
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: space-around;
+}
+
+.public-equirment-station-details .content .table-list .table-list .sym-style .r .title {
+ font-size: 18px;
+ font-weight: bold;
+}
+
+.public-equirment-station-details .content .table-list .table-list .sym-style .r .unit {
+ font-size: 14px;
+}
+
+.public-equirment-station-details .content .table-list .table-list:last-child {
+ border: none;
+}
+
+.public-equirment-station-details .content .table-list .t-header > div:first-child,
+.public-equirment-station-details .content .table-list .table-list > div:first-child {
+ margin-left: 30px;
+ flex: 1;
+}
+
+.public-equirment-station-details .content .table-list .t-header > div:nth-child(2),
+.public-equirment-station-details .content .table-list .table-list > div:nth-child(2) {
+ width: 200px;
+}
+
+.public-equirment-station-details .content .table-list .t-header > div:nth-child(3),
+.public-equirment-station-details .content .table-list .table-list > div:nth-child(3) {
+ width: 240px;
+}
+
+.public-equirment-station-details .content .table-list .t-header > div:nth-child(4),
+.public-equirment-station-details .content .table-list .table-list > div:nth-child(4) {
+ width: 260px;
+}
+
+.public-equirment-station-details .content .table-list .t-header > div:nth-child(5),
+.public-equirment-station-details .content .table-list .table-list > div:nth-child(5) {
+ width: 200px;
+}
+
+.public-equirment-station-details .content .table-list .t-header > div:nth-child(5) .look,
+.public-equirment-station-details .content .table-list .table-list > div:nth-child(5) .look {
+ color: #00F0FF;
+ background: rgba(0, 240, 255, 0.2);
+ border-color: #00F0FF;
+}
+
.public-nape-plot-details {
position: fixed;
top: 50%;
--
Gitblit v1.9.3