From d3d61193582d35c1e6a61d4452b816e0d99f948c Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期一, 02 九月 2024 10:19:41 +0800
Subject: [PATCH] ll

---
 admin/src/views/platform/queueUp.vue |   92 ++++++++++++---------------------------------
 1 files changed, 25 insertions(+), 67 deletions(-)

diff --git a/admin/src/views/platform/queueUp.vue b/admin/src/views/platform/queueUp.vue
index 78ced3e..785983c 100644
--- a/admin/src/views/platform/queueUp.vue
+++ b/admin/src/views/platform/queueUp.vue
@@ -24,6 +24,7 @@
   data () {
     return {
       filters: {},
+      activeGroup: {},
       PlatGroupList: [],
 
       isShowSet: false, // 鏈堝彴閰嶇疆
@@ -42,7 +43,15 @@
         queryType: 1
       }).then(res => {
         this.PlatGroupList = res || []
+        if (this.activeGroup && this.activeGroup.id) {
+          this.activeGroup = res.find(item => item.id === this.activeGroup.id)
+        } else {
+          this.activeGroup = res[0]
+        }
       })
+    },
+    platgroupClick (item) {
+      this.activeGroup = { ...item }
     },
     getList () { },
     clear () { }
@@ -51,75 +60,24 @@
 </script>
 
 <style lang="scss" scoped>
-.platform_list {
-  .item {
-    padding: 16px 24px;
-    border-radius: 2px;
-    border: 2px solid #cccccc;
-    margin-bottom: 12px;
-    .head {
-      display: flex;
-      justify-content: space-between;
-      .name {
-        font-size: 16px;
-      }
-      .status {
-        flex: 1;
-        margin-left: 50px;
-        span {
-          margin-right: 30px;
-        }
-      }
-    }
-    .info {
-      margin-top: 10px;
-      border: 1px solid #999999;
-      padding: 6px 8px;
-      border-radius: 2px;
-      margin-bottom: 10px;
-      .line {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-bottom: 6px;
-        .left {
-          .plate {
-            border: 1px solid #4969f6;
-            border-radius: 2px;
-            padding: 0 5px;
-          }
-        }
-        .right {
-          display: flex;
-          align-items: center;
-        }
-      }
-    }
-  }
-}
-
-/*  */
-.set_modal {
-  .title {
-    font-size: 16px;
-    font-weight: 600;
-    margin-bottom: 16px;
-  }
-  .list {
+@import "@/assets/style/variables.scss";
+.main_header {
+  .platgroup_tabs {
+    flex: 1;
     display: flex;
-    justify-content: space-between;
-    flex-wrap: wrap;
-    .item {
+    border-bottom: 1px solid #dfe2e8;
+    .tab {
+      color: #666666;
+      margin-right: 40px;
       cursor: pointer;
-      width: 30%;
-      height: 32px;
-      background-color: #d9d9d9;
-      border: 1px solid #4d99a7;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      border-radius: 6px;
-      margin-bottom: 12px;
+      padding-bottom: 18px;
+      border-bottom: 2px solid #fff;
+    }
+    .active {
+      font-weight: 500;
+      font-size: 15px;
+      color: #222222;
+      border-bottom: 2px solid $primary-color;
     }
   }
 }

--
Gitblit v1.9.3