From fbd97c44c79368169590a55205482df25650c161 Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期五, 28 六月 2024 15:17:20 +0800
Subject: [PATCH] 新建聊天
---
src/views/project/ch/home/component/waterRight/top.vue | 54 +++++++++++++++++++++++-------------------------------
1 files changed, 23 insertions(+), 31 deletions(-)
diff --git a/src/views/project/ch/home/component/waterRight/top.vue b/src/views/project/ch/home/component/waterRight/top.vue
index bec69b9..0e707fc 100644
--- a/src/views/project/ch/home/component/waterRight/top.vue
+++ b/src/views/project/ch/home/component/waterRight/top.vue
@@ -1,7 +1,7 @@
<template>
<div class="flex items-center">
<img src="/static/images/logo/logo-mini.svg" alt="logo" class="layout-logo-medium-img" />
- <p class="set-waterTitle"><strong>姘村姟 AI</strong>姹囪仛鍏ㄧ悆 AI 绮鹃珦</p>
+ <p class="set-waterTitle"><strong>WI 姘村姟鏅鸿兘涓撳</strong>鏅烘収姘村姟鍔╂墜</p>
</div>
<div class="flex items-center pc-roleList">
<div v-for="(item, index) in state.roleList" :key="index" class="flex items-center pl-6" @click="handleClick(item)">
@@ -14,43 +14,30 @@
</div>
<div class="flex items-center cursor-pointer pl-5">
<div class="modelItem cursor-pointer flex items-center">
- <img src="/static/images/wave/More.png" alt="icon" class="set-icon box-border" />
+ <img src="/static/images/wave/More.png" alt="icon" class="set-icon-more box-border" />
<span>鏇村</span>
</div>
</div>
</div>
- <div class="playInput hl_input">
- <div class="assembly flex">
- <el-button title="鎻掍欢鑿滃崟" class="label flex items-center cursor-pointer" link>
- <img src="/static/images/wave/PlugIn.png" class="set-icon box-border" />
- </el-button>
- </div>
- <div class="set-input">
- <el-input v-model="state.inputAnswer" placeholder="鍦ㄨ繖閲岃緭鍏ユ偍鐨勯棶棰樺紑濮嬪拰AI瀵硅瘽" class="set-inputAnswer" />
- </div>
- <div class="h100 flex items-center">
- <div class="upload_img">
- <div class="imgbox cursor-pointer flex items-center">
- <el-button title="AI鐪嬪浘" class="cursor-pointer" link style="margin-left: unset">
- <img src="/static/images/wave/LookImg.png" class="set-img-icon box-border" />
- </el-button>
- <el-button title="AI璇煶瀵硅瘽" class="cursor-pointer" link style="margin-left: unset">
- <img src="/static/images/wave/HeadImg.png" class="set-img-icon box-border" />
- </el-button>
-
- <el-button title="AI鐪嬪浘" class="cursor-pointer" link>
- <div class="send">
- <img src="/static/images/wave/QueryImg.png" />
- </div>
- </el-button>
- </div>
- </div>
- </div>
- </div>
+ <PlayBar v-model="inputValue" @send-click="sendClick" />
</template>
<script setup lang="ts">
-import { reactive } from 'vue';
+import { reactive, ref } from 'vue';
+import PlayBar from '/@/components/chat/components/playBar/PlayBar.vue';
+import router from '/@/router';
+const emits = defineEmits(['sendClick']);
+const inputValue = ref('');
+
+const sendClick = () => {
+ if(!inputValue.value) return;
+ router.push({
+ name: 'AskAnswer',
+ state: {
+ inputValue: inputValue.value,
+ },
+ });
+};
let state = reactive({
roleList: [
{
@@ -115,6 +102,11 @@
height: 20px;
position: relative;
}
+ .set-icon-more {
+ width: 16px;
+ height: 16px;
+ position: relative;
+ }
span {
margin-left: 8px;
font-weight: 500;
--
Gitblit v1.9.3