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