From a358c1d7b5b9b9974c9a91f13dbe339dcc48d742 Mon Sep 17 00:00:00 2001
From: dengzedong <dengzedong@email>
Date: 星期五, 13 六月 2025 11:05:43 +0800
Subject: [PATCH] 数据分析 影响因素
---
src/views/ai/chat/index/components/role/RoleHeader.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/views/ai/chat/index/components/role/RoleHeader.vue b/src/views/ai/chat/index/components/role/RoleHeader.vue
new file mode 100644
index 0000000..17b1693
--- /dev/null
+++ b/src/views/ai/chat/index/components/role/RoleHeader.vue
@@ -0,0 +1,48 @@
+<!-- header -->
+<template>
+ <el-header class="chat-header">
+ <div class="title">
+ {{ title }}
+ </div>
+ <div class="title-right">
+ <slot></slot>
+ </div>
+ </el-header>
+</template>
+
+<script setup lang="ts">
+// 设置组件属性
+defineProps({
+ title: {
+ type: String,
+ required: true
+ }
+})
+</script>
+
+<style scoped lang="scss">
+.chat-header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 10px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ background-color: #ececec;
+ width: 100%;
+
+ .title {
+ font-size: 20px;
+ font-weight: bold;
+ overflow: hidden;
+ color: #3e3e3e;
+ max-width: 220px;
+ }
+
+ .title-right {
+ display: flex;
+ flex-direction: row;
+ }
+}
+</style>
--
Gitblit v1.9.3