修改了一些bug
This commit is contained in:
parent
a966b53d28
commit
0766c051ed
|
|
@ -502,6 +502,16 @@ export const constantRoute = [
|
|||
icon: 'Files',
|
||||
hidden: false
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/ExpressManagement',
|
||||
name: '偏远地区物流费用',
|
||||
component: () => import("@/views/OtherManagement/ExpressManagement.vue"),
|
||||
meta: {
|
||||
title: '偏远地区物流费用',
|
||||
icon: 'Money',
|
||||
hidden: false
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
|
|
|||
0
src/views/OtherManagement/ExpressManagement.vue
Normal file
0
src/views/OtherManagement/ExpressManagement.vue
Normal file
|
|
@ -20,9 +20,6 @@
|
|||
<el-form-item label="课程简介" prop="intro">
|
||||
<el-input v-model="form.intro" type="textarea" style="width: 250px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="商品标签" prop="label">
|
||||
<el-input v-model="form.label" type="textarea" placeholder="使用英文;分隔符分开" style="width: 250px;" />
|
||||
</el-form-item>
|
||||
<el-form-item label="课程详情">
|
||||
<richTextUtil @richTextContent="getRichTextInfo"></richTextUtil>
|
||||
</el-form-item>
|
||||
|
|
@ -57,7 +54,6 @@ const form = ref({
|
|||
name: '',
|
||||
price: '', //商品价格
|
||||
intro: '',//产品简介
|
||||
label: '',//商品标签
|
||||
goodImg: '', //商品图片url
|
||||
richText: '',
|
||||
appointmentDateAddRequestList: [] //预约时间段，是否可预约，人数范围
|
||||
|
|
@ -90,7 +86,6 @@ const onSubmit = async () => {
|
|||
goodImg: form.value.goodImg,
|
||||
intro: form.value.intro,
|
||||
richText: form.value.richText,
|
||||
label: form.value.label,
|
||||
appointmentDateAddRequestList: toRaw(form.value.appointmentDateAddRequestList)
|
||||
})
|
||||
console.log(res.data);
|
||||
|
|
|
|||
|
|
@ -1,88 +1,143 @@
|
|||
<template>
|
||||
<div style="display: flex">
|
||||
<el-input v-model="message[0].content" style="width: 240px" placeholder="Please input" /><el-button type="primary" @click="main()">启动！</el-button>
|
||||
<div class="box1" v-html="markdown.render(reasoning_content)"></div>
|
||||
<div class="box" v-html="markdown.render(content)"></div>
|
||||
<view class="container">
|
||||
<!-- 聊天记录展示 -->
|
||||
<scroll-view scroll-y class="chat-list" :style="{ height: chatHeight + 'px' }">
|
||||
<view v-for="(msg, index) in messages" :key="index" class="message-item">
|
||||
<view :class="msg.isUser ? 'message-user' : 'message-other'">
|
||||
{{ msg.text }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
|
||||
</div>
|
||||
<!-- 输入框和发送按钮 -->
|
||||
<view class="input-area">
|
||||
<input
|
||||
v-model="newMessage"
|
||||
class="input-box"
|
||||
placeholder="请输入消息"
|
||||
@confirm="sendMessage"
|
||||
/>
|
||||
<button class="send-btn" @click="sendMessage">发送</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import OpenAI from "openai";
|
||||
import {onMounted, ref} from "vue";
|
||||
import MarkdownIt from "markdown-it";
|
||||
import myAxios from "@/api/myAxios";
|
||||
<script>
|
||||
import { ref, reactive, onMounted } from 'vue';
|
||||
|
||||
export default {
|
||||
setup() {
|
||||
// 响应式数据
|
||||
const newMessage = ref(''); // 用户输入的消息
|
||||
const messages = reactive([]); // 消息数组
|
||||
const chatHeight = ref(0); // 动态调整聊天区域高度
|
||||
|
||||
|
||||
const content = ref('')
|
||||
const reasoning_content = ref('')
|
||||
const msg = ref('')
|
||||
const markdown = new MarkdownIt()
|
||||
const productNum = ref('')
|
||||
|
||||
onMounted(()=>{
|
||||
// console.log(123123)
|
||||
// main()
|
||||
getTotalProduct()
|
||||
})
|
||||
|
||||
const message = ref([
|
||||
{
|
||||
role: "user",
|
||||
content: ""
|
||||
}
|
||||
])
|
||||
|
||||
const getTotalProduct = async ()=> {
|
||||
const res = await myAxios.get('/global/getAllGoods')
|
||||
if(res.data.code === 1) {
|
||||
// message.value[1].content = JSON.stringify(Object.entries(res.data.data))
|
||||
}
|
||||
console.log(JSON.stringify(Object.entries(res.data.data)));
|
||||
// JSON.stringify(Object.fromEntries(map))
|
||||
}
|
||||
|
||||
|
||||
const openAI = new OpenAI({
|
||||
baseURL: 'https://api.deepseek.com',
|
||||
apiKey: 'sk-d9ab76d589d642f19198ed92acd182c5',
|
||||
dangerouslyAllowBrowser: true
|
||||
});
|
||||
|
||||
const main = async () => {
|
||||
const completion = await openAI.chat.completions.create({
|
||||
model:'deepseek-reasoner',
|
||||
messages: message.value,
|
||||
stream: true
|
||||
// 页面加载时加载历史消息
|
||||
onMounted(() => {
|
||||
loadMessages();
|
||||
setChatHeight();
|
||||
});
|
||||
|
||||
for await ( const chunk of completion) {
|
||||
// console.log('chunk--->',chunk)
|
||||
if(chunk.choices[0].delta.reasoning_content != null) {
|
||||
reasoning_content.value += chunk.choices[0].delta.reasoning_content
|
||||
}
|
||||
if(chunk.choices[0].delta.content != null) {
|
||||
content.value += chunk.choices[0].delta.content
|
||||
}
|
||||
if(chunk.choices[0].finish_reason === 'stop') {
|
||||
break;
|
||||
}
|
||||
}
|
||||
// console.log(content)
|
||||
}
|
||||
// 发送消息
|
||||
const sendMessage = () => {
|
||||
if (newMessage.value.trim() === '') return;
|
||||
|
||||
// 添加用户消息
|
||||
messages.push({ text: newMessage.value, isUser: true });
|
||||
saveMessages();
|
||||
|
||||
// 模拟对方回复
|
||||
setTimeout(() => {
|
||||
const response = '这是一条自动回复消息';
|
||||
messages.push({ text: response, isUser: false });
|
||||
saveMessages();
|
||||
}, 1000);
|
||||
|
||||
// 清空输入框
|
||||
newMessage.value = '';
|
||||
};
|
||||
|
||||
// 加载历史消息
|
||||
const loadMessages = () => {
|
||||
const savedMessages = uni.getStorageSync('chatMessages');
|
||||
if (savedMessages) {
|
||||
messages.push(...JSON.parse(savedMessages));
|
||||
}
|
||||
};
|
||||
|
||||
// 保存消息
|
||||
const saveMessages = () => {
|
||||
uni.setStorageSync('chatMessages', JSON.stringify(messages));
|
||||
};
|
||||
|
||||
// 设置聊天区域高度
|
||||
const setChatHeight = () => {
|
||||
const systemInfo = uni.getSystemInfoSync();
|
||||
chatHeight.value = systemInfo.windowHeight - 150; // 留出底部输入框的位置
|
||||
};
|
||||
|
||||
return {
|
||||
newMessage,
|
||||
messages,
|
||||
chatHeight,
|
||||
sendMessage
|
||||
};
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.box1{
|
||||
width: 500px;
|
||||
height: 100%;
|
||||
border: 1px solid red;
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
}
|
||||
.box {
|
||||
width: 500px;
|
||||
height: 100%;
|
||||
border: 1px solid black;
|
||||
|
||||
.chat-list {
|
||||
flex: 1;
|
||||
padding: 10px;
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.message-item {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.message-user {
|
||||
background-color: #007aff;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.message-other {
|
||||
background-color: #e5e5e5;
|
||||
color: black;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.input-area {
|
||||
display: flex;
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.input-box {
|
||||
flex: 1;
|
||||
height: 40px;
|
||||
padding: 0 10px;
|
||||
border-radius: 20px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.send-btn {
|
||||
background-color: #007aff;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
border-radius: 20px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue
Block a user