From d667fce729c223e885930bb8edb528ab501b8d6a Mon Sep 17 00:00:00 2001 From: hcong <1050828145@qq.com> Date: 星期二, 26 十一月 2024 16:57:53 +0800 Subject: [PATCH] 1. 移动socket客户端类、新增socket/index.js文件(初始化) 2. socketMessage枚举类的完善(增加对每个类型的英文描述字段以及对类型筛选和判断是否为心跳消息的工具方法) 3. 在FYBgTaskCard.vue监听并处理如何刷后台任务状态逻辑 --- src/components/core/Header.vue | 36 ++++++++++++++++-------------------- 1 files changed, 16 insertions(+), 20 deletions(-) diff --git a/src/components/core/Header.vue b/src/components/core/Header.vue index 1a14d18..3c742e0 100644 --- a/src/components/core/Header.vue +++ b/src/components/core/Header.vue @@ -1,20 +1,16 @@ <template> <el-row align="middle" class="header"> - <el-col :span="1"> - <el-button - @click="collapsedSider" - icon="Fold" - circle - :class="rotateIcon" - /> + <el-col :span="12"> + <el-space> + <el-button @click="collapsedSider" icon="Fold" circle :class="rotateIcon" /> + <el-breadcrumb separator="/" style="white-space: nowrap"> + <el-breadcrumb-item v-for="(t, i) in navTitles" :key="i">{{ t }}</el-breadcrumb-item> + </el-breadcrumb> + </el-space> </el-col> - <el-col :span="18"> - <el-breadcrumb separator="/" style="white-space: nowrap;"> - <el-breadcrumb-item v-for="(t, i) in navTitles" :key="i">{{t}}</el-breadcrumb-item> - </el-breadcrumb> - </el-col> - <el-col :span="5" class="logout"> - <el-button icon="SwitchButton">閫�鍑虹櫥褰�</el-button> + <el-col :span="12" class="logout"> + <FYBgTaskDialog></FYBgTaskDialog> + <el-button icon="SwitchButton">閫�鍑虹櫥褰�</el-button> </el-col> </el-row> </template> @@ -25,16 +21,16 @@ props: { collapse: { type: Boolean, - default: false, + default: false }, navTitles: { type: Array, - default: () => ['home','promotion list', 'promotion detail'], + default: () => ['home', 'promotion list', 'promotion detail'] } }, data() { return { - isCollapsed: this.collapse, + isCollapsed: this.collapse }; }, watch: {}, @@ -44,7 +40,7 @@ */ rotateIcon() { return ['menu-icon', this.isCollapsed ? 'rotate-icon' : '']; - }, + } }, methods: { /** @@ -53,8 +49,8 @@ collapsedSider() { this.isCollapsed = !this.isCollapsed; this.$emit('collapsedSider', this.isCollapsed); - }, - }, + } + } }; </script> -- Gitblit v1.9.3