From 9a34cc100384b0db98166e1a7e4f35dee44fb8ae Mon Sep 17 00:00:00 2001
From: zhitan-cloud <394600+ustcyc@user.noreply.gitee.com>
Date: 星期一, 13 一月 2025 21:49:16 +0800
Subject: [PATCH] !16 合并到主分支 Merge pull request !16 from zhitan-cloud/develop1.0
---
zhitan-vue/src/views/businessconfiguration/gatewaystatus/gatewayStatus.vue | 1014 ++++++++++++++++++++++++++++++++--------------------------
1 files changed, 558 insertions(+), 456 deletions(-)
diff --git a/zhitan-vue/src/views/businessconfiguration/gatewaystatus/gatewayStatus.vue b/zhitan-vue/src/views/businessconfiguration/gatewaystatus/gatewayStatus.vue
index 3f20ab8..74abd5f 100644
--- a/zhitan-vue/src/views/businessconfiguration/gatewaystatus/gatewayStatus.vue
+++ b/zhitan-vue/src/views/businessconfiguration/gatewaystatus/gatewayStatus.vue
@@ -22,505 +22,522 @@
</template>
<script setup>
-
-
-let dataList = ref([{
- name: "缃戝叧",
- list: [
- {
- id: 1,
- title_num: "鏁版嵁搴�",
- dot: []
- },
- {
- id: 2,
- title_num: "200331",
- dot: []
- },
- {
- id: 3,
- title_num: "200331",
- dot: []
- },
- {
- id: 4,
- title_num: "200331",
- dot: []
- },
- {
- id: 5,
- title_num: "200331",
- dot: []
- },
- {
- id: 6,
- title_num: "200331",
- dot: []
- },
- {
- id: 7,
- title_num: "200331",
- dot: []
- },
- {
- id: 8,
- title_num: "200331",
- dot: []
- },
- {
- id: 9,
- title_num: "200331",
- dot: []
- },
- {
- id: 10,
- title_num: "200331",
- dot: []
- },
- {
- id: 11,
- title_num: "200331",
- dot: []
- },
- {
- id: 12,
- title_num: "200331",
- dot: []
- },
- {
- id: 13,
- title_num: "200331",
- dot: []
- },
- {
- id: 14,
- title_num: "200331",
- dot: []
- },
- {
- id: 15,
- title_num: "200461",
- dot: []
- },
- {
- id: 16,
- title_num: "200475",
- dot: []
- },
- ]
-},
-{
- name: "璁＄畻鍣ㄥ叿",
- list: [{
- id: 1,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
+let dataList = ref([
+ {
+ name: "缃戝叧",
+ list: [
+ {
+ id: 1,
+ title_num: "鏁版嵁搴�",
+ dot: [],
+ },
+ {
+ id: 2,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 3,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 4,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 5,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 6,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 7,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 8,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 9,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 10,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 11,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 12,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 13,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 14,
+ title_num: "200331",
+ dot: [],
+ },
+ {
+ id: 15,
+ title_num: "200461",
+ dot: [],
+ },
+ {
+ id: 16,
+ title_num: "200475",
+ dot: [],
+ },
],
},
{
- id: 2,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
+ name: "璁＄畻鍣ㄥ叿",
+ list: [
+ {
+ id: 1,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 2,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 3,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ {
+ id: "004",
+ dot_li: "",
+ },
+ ],
+ },
],
},
{
- id: 3,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
- {
- id: '004',
- dot_li: ""
- },
- ],
- }
- ]
-},
-{
- name: "缃戝叧",
- list: [{
- id: 1,
- title_num: "200505"
- },
- {
- id: 2,
- title_num: "200331"
- },
- {
- id: 3,
- title_num: "200331"
- },
- {
- id: 4,
- title_num: "200331"
- },
- {
- id: 5,
- title_num: "200331"
- },
- {
- id: 6,
- title_num: "200331"
- },
- {
- id: 7,
- title_num: "200331"
- },
- {
- id: 8,
- title_num: "200331"
- },
- {
- id: 9,
- title_num: "200331"
- },
- {
- id: 10,
- title_num: "200331"
- },
- {
- id: 11,
- title_num: "200331"
- },
- {
- id: 12,
- title_num: "200331"
- },
- {
- id: 13,
- title_num: "200331"
- },
- {
- id: 14,
- title_num: "200331"
- },
- {
- id: 15,
- title_num: "200461"
- },
- {
- id: 16,
- title_num: "200604"
- },
- ]
-},
-{
- name: "璁＄畻鍣ㄥ叿",
- list: [{
- id: 1,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
+ name: "缃戝叧",
+ list: [
+ {
+ id: 1,
+ title_num: "200505",
+ },
+ {
+ id: 2,
+ title_num: "200331",
+ },
+ {
+ id: 3,
+ title_num: "200331",
+ },
+ {
+ id: 4,
+ title_num: "200331",
+ },
+ {
+ id: 5,
+ title_num: "200331",
+ },
+ {
+ id: 6,
+ title_num: "200331",
+ },
+ {
+ id: 7,
+ title_num: "200331",
+ },
+ {
+ id: 8,
+ title_num: "200331",
+ },
+ {
+ id: 9,
+ title_num: "200331",
+ },
+ {
+ id: 10,
+ title_num: "200331",
+ },
+ {
+ id: 11,
+ title_num: "200331",
+ },
+ {
+ id: 12,
+ title_num: "200331",
+ },
+ {
+ id: 13,
+ title_num: "200331",
+ },
+ {
+ id: 14,
+ title_num: "200331",
+ },
+ {
+ id: 15,
+ title_num: "200461",
+ },
+ {
+ id: 16,
+ title_num: "200604",
+ },
],
},
{
- id: 2,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
+ name: "璁＄畻鍣ㄥ叿",
+ list: [
+ {
+ id: 1,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 2,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 3,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ {
+ id: "004",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 4,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ {
+ id: "004",
+ dot_li: "",
+ },
+ {
+ id: "005",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 5,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ {
+ id: "004",
+ dot_li: "",
+ },
+ {
+ id: "005",
+ dot_li: "",
+ },
+ {
+ id: "006",
+ dot_li: "",
+ },
+ ],
+ },
],
},
{
- id: 3,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
- {
- id: '004',
- dot_li: ""
- },
+ name: "缃戝叧",
+ list: [
+ {
+ id: 1,
+ title_num: "200605",
+ },
+ {
+ id: 2,
+ title_num: "200331",
+ },
+ {
+ id: 3,
+ title_num: "200331",
+ },
+ {
+ id: 4,
+ title_num: "38081703",
+ },
],
},
{
- id: 4,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
- {
- id: '004',
- dot_li: ""
- },
- {
- id: '005',
- dot_li: ""
- },
+ name: "璁＄畻鍣ㄥ叿",
+ list: [
+ {
+ id: 1,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 2,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 3,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ {
+ id: "004",
+ dot_li: "",
+ },
+ ],
+ },
+ {
+ id: 4,
+ title_num: "",
+ dot: [
+ {
+ id: "001",
+ dot_li: "",
+ },
+ {
+ id: "002",
+ dot_li: "",
+ },
+ {
+ id: "003",
+ dot_li: "",
+ },
+ {
+ id: "004",
+ dot_li: "",
+ },
+ {
+ id: "005",
+ dot_li: "",
+ },
+ ],
+ },
],
},
- {
- id: 5,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
- {
- id: '004',
- dot_li: ""
- },
- {
- id: '005',
- dot_li: ""
- },
- {
- id: '006',
- dot_li: ""
- },
- ],
- }
- ]
-},
-{
- name: "缃戝叧",
- list: [{
- id: 1,
- title_num: "200605"
- },
- {
- id: 2,
- title_num: "200331"
- },
- {
- id: 3,
- title_num: "200331"
- },
- {
- id: 4,
- title_num: "38081703"
- },
- ]
-},
-{
- name: "璁＄畻鍣ㄥ叿",
- list: [{
- id: 1,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
- ],
- },
- {
- id: 2,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- ],
- },
- {
- id: 3,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
- {
- id: '004',
- dot_li: ""
- },
- ],
- },
- {
- id: 4,
- title_num: "",
- dot: [{
- id: '001',
- dot_li: ""
- },
- {
- id: '002',
- dot_li: ""
- },
- {
- id: '003',
- dot_li: ""
- },
- {
- id: '004',
- dot_li: ""
- },
- {
- id: '005',
- dot_li: ""
- },
- ],
- }
- ]
-},
])
-
</script>
<style lang="scss" scoped>
@import "@/assets/styles/page.scss";
+.themeDark {
+ .border {
+ border: 1px solid #fff;
+ color: #fff;
-.border {
- border: 1px solid #fff;
- color: #fff;
-
- .table {
- display: flex;
- align-items: center;
- justify-content: flex-start;
- border-bottom: 1px solid #fff;
-
- &:last-child {
- border-bottom: none;
- }
-
- .num {
- width: 100%;
+ .table {
display: flex;
align-items: center;
justify-content: flex-start;
+ border-bottom: 1px solid #fff;
- .name {
- width: 6%;
- min-height: 50px;
- height: max-content;
- display: flex;
- align-items: center;
- justify-content: center;
- border-right: none !important;
+ &:last-child {
+ border-bottom: none;
}
- .firstLi {
- width: 94%;
- flex-shrink: 0;
+ .num {
+ width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
- border-left: 1px solid #fff;
- .li {
- width: 6.25%;
+ .name {
+ width: 6%;
min-height: 50px;
height: max-content;
display: flex;
align-items: center;
justify-content: center;
- border-right: 1px solid #fff;
+ border-right: none !important;
+ }
- &.hasRightLine {
- border-right: 1px solid #fff !important;
- }
+ .firstLi {
+ width: 94%;
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ border-left: 1px solid #fff;
- &:last-child {
- border-right: none;
- }
-
- .title_num {}
-
- .dot {
- width: 40px;
+ .li {
+ width: 6.25%;
+ min-height: 50px;
+ height: max-content;
display: flex;
align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
+ justify-content: center;
+ border-right: 1px solid #fff;
- .dot_li {
- width: 15px;
- height: 15px;
- border-radius: 4px;
- background: #ff0000;
- margin: 10px auto;
+ &.hasRightLine {
+ border-right: 1px solid #fff !important;
+ }
- &:nth-child(2n) {
- margin-right: 0;
+ &:last-child {
+ border-right: none;
+ }
+
+ .title_num {
+ }
+
+ .dot {
+ width: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+
+ .dot_li {
+ width: 15px;
+ height: 15px;
+ border-radius: 4px;
+ background: #ff0000;
+ margin: 10px auto;
+
+ &:nth-child(2n) {
+ margin-right: 0;
+ }
}
}
}
@@ -529,4 +546,89 @@
}
}
}
-</style>
\ No newline at end of file
+
+.themeLight {
+ .border {
+ border: 1px solid #666;
+ color: #333;
+
+ .table {
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ border-bottom: 1px solid #666;
+
+ &:last-child {
+ border-bottom: none;
+ }
+
+ .num {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+
+ .name {
+ width: 6%;
+ min-height: 50px;
+ height: max-content;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-right: none !important;
+ }
+
+ .firstLi {
+ width: 94%;
+ flex-shrink: 0;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ border-left: 1px solid #666;
+
+ .li {
+ width: 6.25%;
+ min-height: 50px;
+ height: max-content;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-right: 1px solid #666;
+
+ &.hasRightLine {
+ border-right: 1px solid #666 !important;
+ }
+
+ &:last-child {
+ border-right: none;
+ }
+
+ .title_num {
+ }
+
+ .dot {
+ width: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+
+ .dot_li {
+ width: 15px;
+ height: 15px;
+ border-radius: 4px;
+ background: #ff0000;
+ margin: 10px auto;
+
+ &:nth-child(2n) {
+ margin-right: 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+</style>
--
Gitblit v1.9.3