chat.vue

wujingjing

2024-06-27 bb360db5687a483f60fba3d457d3dcfb9994d683

 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,7 +14,7 @@
      </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>
@@ -29,7 +29,7 @@
         <el-input v-model="state.inputAnswer" placeholder="在这里输入您的问题开始和AI对话" class="set-inputAnswer" />
      </div>
      <div class="h100 flex items-center">
         <div class="upload_img">
         <div class="upload_img space-y">
            <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" />
@@ -38,7 +38,7 @@
                  <img src="/static/images/wave/HeadImg.png" class="set-img-icon box-border" />
               </el-button>

               <el-button title="AI看图" class="cursor-pointer" link>
               <el-button title="发送" class="cursor-pointer" link @click="sendClick">
                  <div class="send">
                     <img src="/static/images/wave/QueryImg.png" />
                  </div>
@@ -51,6 +51,11 @@

<script setup lang="ts">
import { reactive } from 'vue';
const emits = defineEmits(['sendClick']);

const sendClick = () => {
   emits('sendClick');
};
let state = reactive({
   roleList: [
      {
@@ -115,6 +120,11 @@
      height: 20px;
      position: relative;
   }
   .set-icon-more {
      width: 16px;
      height: 16px;
      position: relative;
   }
   span {
      margin-left: 8px;
      font-weight: 500;