|
|
@@ -804,7 +804,6 @@
|
|
|
}
|
|
|
//分站站点选项点击
|
|
|
function cardClick(item, index) {
|
|
|
- console.log('debug', item, index);
|
|
|
selectedIndex.value = index; // 更新选中索引
|
|
|
activeIndex.value = item.isNewAccess || !item.linkstatus ? index : null;
|
|
|
stationName.value = item.strname;
|
|
|
@@ -1102,6 +1101,13 @@
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.safetyList {
|
|
|
+ --image-bj1: url('/@/assets/images/fire/bj1.png');
|
|
|
+ --image-zd-2: url('/@/assets/images/zd-2.png');
|
|
|
+ --image-zd-3: url('/@/assets/images/zd-3.png');
|
|
|
+ --image-zd-1: url('/@/assets/images/zd-1.png');
|
|
|
+ --image-top-btn: url('/@/assets/images/top-btn.png');
|
|
|
+ --image-top-btn-select: url('/@/assets/images/top-btn-select.png');
|
|
|
+
|
|
|
width: calc(100% - 20px);
|
|
|
height: calc(100% - 80px);
|
|
|
position: relative;
|
|
|
@@ -1117,39 +1123,6 @@
|
|
|
color: #fff;
|
|
|
position: relative;
|
|
|
background: linear-gradient(#001325, #012e4f);
|
|
|
-
|
|
|
- :deep(.zxm-tabs-nav) {
|
|
|
- margin: 0 !important;
|
|
|
-
|
|
|
- .zxm-tabs-tab {
|
|
|
- width: 180px;
|
|
|
- height: 45px;
|
|
|
- background: url('/@/assets/images/top-btn.png') center no-repeat;
|
|
|
- background-size: cover;
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- font-size: 16px;
|
|
|
- }
|
|
|
-
|
|
|
- .zxm-tabs-tab-active {
|
|
|
- width: 180px;
|
|
|
- position: relative;
|
|
|
- background: url('/@/assets/images/top-btn-select.png') center no-repeat;
|
|
|
- background-size: cover;
|
|
|
-
|
|
|
- .zxm-tabs-tab-btn {
|
|
|
- color: #fff !important;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .zxm-tabs-ink-bar {
|
|
|
- width: 0 !important;
|
|
|
- }
|
|
|
-
|
|
|
- .zxm-tabs-tab + .zxm-tabs-tab {
|
|
|
- margin: 0 !important;
|
|
|
- }
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
.box-content {
|
|
|
@@ -1171,7 +1144,7 @@
|
|
|
margin-right: 15px;
|
|
|
padding: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- background: url('/@/assets/images/fire/bj1.png') no-repeat center;
|
|
|
+ background: var(--image-bj1) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
.left-title {
|
|
|
@@ -1208,7 +1181,6 @@
|
|
|
|
|
|
.card-box {
|
|
|
position: relative;
|
|
|
- // width: 242px;
|
|
|
width: 182px;
|
|
|
height: 120px;
|
|
|
margin-bottom: 15px;
|
|
|
@@ -1219,7 +1191,7 @@
|
|
|
position: relative;
|
|
|
width: 85px;
|
|
|
height: 120px;
|
|
|
- background: url('/@/assets/images/zd-2.png') no-repeat center;
|
|
|
+ background: var(--image-zd-2) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -1237,7 +1209,7 @@
|
|
|
position: relative;
|
|
|
width: 85px;
|
|
|
height: 120px;
|
|
|
- background: url('/@/assets/images/zd-3.png') no-repeat center;
|
|
|
+ background: var(--image-zd-3) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -1255,7 +1227,7 @@
|
|
|
position: relative;
|
|
|
width: 85px;
|
|
|
height: 120px;
|
|
|
- background: url('/@/assets/images/zd-1.png') no-repeat center;
|
|
|
+ background: var(--image-zd-1) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -1297,7 +1269,7 @@
|
|
|
height: 100%;
|
|
|
padding: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- background: url('/@/assets/images/fire/bj1.png') no-repeat center;
|
|
|
+ background: var(--image-bj1) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
.right-title {
|
|
|
@@ -1323,7 +1295,7 @@
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
- background: url('/@/assets/images/fire/bj1.png') no-repeat center;
|
|
|
+ background: var(--image-bj1) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
color: #fff;
|
|
|
|
|
|
@@ -1333,7 +1305,7 @@
|
|
|
margin-right: 15px;
|
|
|
padding: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- background: url('/@/assets/images/fire/bj1.png') no-repeat center;
|
|
|
+ background: var(--image-bj1) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
.left-title {
|
|
|
@@ -1381,7 +1353,7 @@
|
|
|
position: relative;
|
|
|
width: 85px;
|
|
|
height: 120px;
|
|
|
- background: url('/@/assets/images/zd-2.png') no-repeat center;
|
|
|
+ background: var(--image-zd-2) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -1399,7 +1371,7 @@
|
|
|
position: relative;
|
|
|
width: 85px;
|
|
|
height: 120px;
|
|
|
- background: url('/@/assets/images/zd-3.png') no-repeat center;
|
|
|
+ background: var(--image-zd-3) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -1417,7 +1389,7 @@
|
|
|
position: relative;
|
|
|
width: 85px;
|
|
|
height: 120px;
|
|
|
- background: url('/@/assets/images/zd-1.png') no-repeat center;
|
|
|
+ background: var(--image-zd-1) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
cursor: pointer;
|
|
|
|
|
|
@@ -1459,7 +1431,7 @@
|
|
|
height: 100%;
|
|
|
padding: 10px;
|
|
|
box-sizing: border-box;
|
|
|
- background: url('/@/assets/images/fire/bj1.png') no-repeat center;
|
|
|
+ background: var(--image-bj1) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
.historytable {
|
|
|
@@ -1498,11 +1470,42 @@
|
|
|
.zxm-input {
|
|
|
border: 1px solid #3ad8ff77 !important;
|
|
|
background-color: #ffffff !important;
|
|
|
- color: #fff !important;
|
|
|
}
|
|
|
|
|
|
.card-item.selected {
|
|
|
border: 2px solid #3ad8ff77;
|
|
|
- /* 选中时的边框颜色 */
|
|
|
+ }
|
|
|
+
|
|
|
+ :deep(.zxm-tabs-nav) {
|
|
|
+ margin: 0 !important;
|
|
|
+
|
|
|
+ .zxm-tabs-tab {
|
|
|
+ width: 180px;
|
|
|
+ height: 45px;
|
|
|
+ background: var(--image-top-btn) center no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zxm-tabs-tab-active {
|
|
|
+ width: 180px;
|
|
|
+ position: relative;
|
|
|
+ background: var(--image-top-btn-select) center no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+
|
|
|
+ .zxm-tabs-tab-btn {
|
|
|
+ color: #fff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .zxm-tabs-ink-bar {
|
|
|
+ width: 0 !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .zxm-tabs-tab + .zxm-tabs-tab {
|
|
|
+ margin: 0 !important;
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
