mirror of
https://github.com/ArvinLovegood/go-stock.git
synced 2025-07-19 00:00:09 +08:00
5e7f34652a
- 在市场和股票组件中添加启用/禁用 AI 函数工具调用的开关 - 修改相关函数以支持 enableTools 参数，控制是否启用工具调用 - 优化 AI 总结新闻和聊天流函数，根据 enableTools 决定是否使用工具
2147 lines
68 KiB
Vue
2147 lines
68 KiB
Vue
<script setup>
|
||
import {computed, h, onBeforeMount, onBeforeUnmount, onMounted, reactive, ref} from 'vue'
|
||
import * as echarts from 'echarts';
|
||
import {
|
||
AddGroup,
|
||
AddStockGroup,
|
||
Follow,
|
||
GetAIResponseResult,
|
||
GetConfig,
|
||
GetFollowList,
|
||
GetGroupList,
|
||
GetPromptTemplates,
|
||
GetStockKLine,
|
||
GetStockList,
|
||
GetStockMinutePriceLineData,
|
||
GetVersionInfo,
|
||
Greet,
|
||
NewChatStream,
|
||
RemoveGroup,
|
||
RemoveStockGroup,
|
||
SaveAIResponseResult,
|
||
SaveAsMarkdown,
|
||
SendDingDingMessageByType,
|
||
SetAlarmChangePercent,
|
||
SetCostPriceAndVolume,
|
||
SetStockAICron,
|
||
SetStockSort,
|
||
ShareAnalysis,
|
||
UnFollow
|
||
} from '../../wailsjs/go/main/App'
|
||
import {
|
||
NAvatar,
|
||
NButton,
|
||
NFlex,
|
||
NForm,
|
||
NFormItem,
|
||
NInputNumber,
|
||
NText,
|
||
useDialog,
|
||
useMessage,
|
||
useNotification
|
||
} from 'naive-ui'
|
||
import {
|
||
EventsEmit,
|
||
EventsOff,
|
||
EventsOn,
|
||
WindowFullscreen,
|
||
WindowReload,
|
||
WindowUnfullscreen
|
||
} from '../../wailsjs/runtime'
|
||
import {Add, ChatboxOutline,} from '@vicons/ionicons5'
|
||
import {MdEditor, MdPreview} from 'md-editor-v3';
|
||
// preview.css相比style.css少了编辑器那部分样式
|
||
//import 'md-editor-v3/lib/preview.css';
|
||
import 'md-editor-v3/lib/style.css';
|
||
|
||
import {ExportPDF} from '@vavt/v3-extension';
|
||
import '@vavt/v3-extension/lib/asset/ExportPDF.css';
|
||
import html2canvas from "html2canvas";
|
||
import {asBlob} from 'html-docx-js-typescript';
|
||
|
||
import vueDanmaku from 'vue3-danmaku'
|
||
import {keys, padStart} from "lodash";
|
||
import {useRoute, useRouter} from 'vue-router'
|
||
import MoneyTrend from "./moneyTrend.vue";
|
||
import {TaskTools} from "@vicons/carbon";
|
||
|
||
const route = useRoute()
|
||
const router = useRouter()
|
||
|
||
const danmus = ref([])
|
||
const ws = ref(null)
|
||
const dialog = useDialog()
|
||
const toolbars = [0];
|
||
|
||
const upColor = '#ec0000';
|
||
const upBorderColor = '';
|
||
const downColor = '#00da3c';
|
||
const downBorderColor = '';
|
||
const kLineChartRef = ref(null);
|
||
const kLineChartRef2 = ref(null);
|
||
|
||
|
||
const handleProgress = (progress) => {
|
||
//console.log(`Export progress: ${progress.ratio * 100}%`);
|
||
};
|
||
const enableEditor = ref(false)
|
||
const mdPreviewRef = ref(null)
|
||
const mdEditorRef = ref(null)
|
||
const tipsRef = ref(null)
|
||
const message = useMessage()
|
||
const notify = useNotification()
|
||
const stocks = ref([])
|
||
const results = ref({})
|
||
const stockList = ref([])
|
||
const followList = ref([])
|
||
const groupList = ref([])
|
||
const options = ref([])
|
||
const modalShow = ref(false)
|
||
const modalShow2 = ref(false)
|
||
const modalShow3 = ref(false)
|
||
const modalShow4 = ref(false)
|
||
const modalShow5 = ref(false)
|
||
const addBTN = ref(true)
|
||
const enableTools= ref(false)
|
||
const formModel = ref({
|
||
name: "",
|
||
code: "",
|
||
costPrice: 0.000,
|
||
volume: 0,
|
||
alarm: 0,
|
||
alarmPrice: 0,
|
||
sort: 999,
|
||
cron: "",
|
||
})
|
||
|
||
const promptTemplates = ref([])
|
||
const sysPromptOptions = ref([])
|
||
const userPromptOptions = ref([])
|
||
const data = reactive({
|
||
modelName: "",
|
||
chatId: "",
|
||
question: "",
|
||
sysPromptId: null,
|
||
name: "",
|
||
code: "",
|
||
fenshiURL: "",
|
||
kURL: "",
|
||
resultText: "Please enter your name below 👇",
|
||
fullscreen: false,
|
||
airesult: "",
|
||
openAiEnable: false,
|
||
loading: true,
|
||
enableDanmu: false,
|
||
darkTheme: false,
|
||
changePercent: 0
|
||
})
|
||
const feishiInterval = ref(null)
|
||
|
||
|
||
const currentGroupId = ref(0)
|
||
|
||
|
||
const theme = computed(() => {
|
||
return data.darkTheme ? 'dark' : 'light'
|
||
})
|
||
|
||
const danmakuColor = computed(() => {
|
||
return data.darkTheme ? 'color:#fff' : 'color:#000'
|
||
})
|
||
|
||
const icon = ref('https://raw.githubusercontent.com/ArvinLovegood/go-stock/master/build/appicon.png');
|
||
|
||
const sortedResults = computed(() => {
|
||
const sortedKeys = keys(results.value).sort();
|
||
const sortedObject = {};
|
||
sortedKeys.forEach(key => {
|
||
sortedObject[key] = results.value[key];
|
||
});
|
||
return sortedObject
|
||
});
|
||
|
||
const groupResults = computed(() => {
|
||
const group = {}
|
||
for (const key in sortedResults.value) {
|
||
if (stocks.value.includes(sortedResults.value[key]['股票代码'])) {
|
||
group[key] = sortedResults.value[key]
|
||
}
|
||
}
|
||
return group
|
||
})
|
||
const showPopover = ref(false)
|
||
|
||
onBeforeMount(() => {
|
||
GetGroupList().then(result => {
|
||
groupList.value = result
|
||
if (route.query.groupId) {
|
||
message.success("切换分组:" + route.query.groupName)
|
||
currentGroupId.value = Number(route.query.groupId)
|
||
//console.log("route.params",route.query)
|
||
}
|
||
})
|
||
GetStockList("").then(result => {
|
||
stockList.value = result
|
||
options.value = result.map(item => {
|
||
return {
|
||
label: item.name + " - " + item.ts_code,
|
||
value: item.ts_code
|
||
}
|
||
})
|
||
})
|
||
GetConfig().then(result => {
|
||
if (result.openAiEnable) {
|
||
data.openAiEnable = true
|
||
}
|
||
if (result.enableDanmu) {
|
||
data.enableDanmu = true
|
||
}
|
||
if (result.darkTheme) {
|
||
data.darkTheme = true
|
||
}
|
||
})
|
||
GetPromptTemplates("", "").then(res => {
|
||
promptTemplates.value = res
|
||
|
||
sysPromptOptions.value = promptTemplates.value.filter(item => item.type === '模型系统Prompt')
|
||
userPromptOptions.value = promptTemplates.value.filter(item => item.type === '模型用户Prompt')
|
||
|
||
//console.log("userPromptOptions",userPromptOptions.value)
|
||
//console.log("sysPromptOptions",sysPromptOptions.value)
|
||
})
|
||
|
||
})
|
||
|
||
onMounted(() => {
|
||
message.loading("Loading...")
|
||
|
||
GetFollowList(currentGroupId.value).then(result => {
|
||
|
||
followList.value = result
|
||
for (const followedStock of result) {
|
||
if (followedStock.StockCode.startsWith("us")) {
|
||
followedStock.StockCode = "gb_" + followedStock.StockCode.replace("us", "").toLowerCase()
|
||
}
|
||
if (!stocks.value.includes(followedStock.StockCode)) {
|
||
stocks.value.push(followedStock.StockCode)
|
||
}
|
||
Greet(followedStock.StockCode).then(result => {
|
||
updateData(result)
|
||
})
|
||
}
|
||
//monitor()
|
||
message.destroyAll()
|
||
})
|
||
|
||
|
||
GetVersionInfo().then((res) => {
|
||
icon.value = res.icon;
|
||
});
|
||
// 创建 WebSocket 连接
|
||
ws.value = new WebSocket('ws://8.134.249.145:16688/ws'); // 替换为你的 WebSocket 服务器地址
|
||
//ws.value = new WebSocket('ws://localhost:16688/ws'); // 替换为你的 WebSocket 服务器地址
|
||
|
||
ws.value.onopen = () => {
|
||
//console.log('WebSocket 连接已打开');
|
||
};
|
||
|
||
ws.value.onmessage = (event) => {
|
||
if (data.enableDanmu) {
|
||
danmus.value.push(event.data);
|
||
}
|
||
};
|
||
|
||
ws.value.onerror = (error) => {
|
||
console.error('WebSocket 错误:', error);
|
||
};
|
||
|
||
ws.value.onclose = () => {
|
||
//console.log('WebSocket 连接已关闭');
|
||
};
|
||
})
|
||
|
||
onBeforeUnmount(() => {
|
||
// //console.log(`the component is now unmounted.`)
|
||
//clearInterval(ticker.value)
|
||
ws.value.close()
|
||
message.destroyAll()
|
||
notify.destroyAll()
|
||
clearInterval(feishiInterval.value)
|
||
|
||
EventsOff("refresh")
|
||
EventsOff("showSearch")
|
||
EventsOff("stock_price")
|
||
EventsOff("refreshFollowList")
|
||
EventsOff("newChatStream")
|
||
EventsOff("changeTab")
|
||
EventsOff("updateVersion")
|
||
EventsOff("warnMsg")
|
||
EventsOff("loadingDone")
|
||
})
|
||
|
||
EventsOn("loadingDone", (data) => {
|
||
message.loading("刷新股票基础数据...")
|
||
GetStockList("").then(result => {
|
||
stockList.value = result
|
||
options.value = result.map(item => {
|
||
return {
|
||
label: item.name + " - " + item.ts_code,
|
||
value: item.ts_code
|
||
}
|
||
})
|
||
})
|
||
})
|
||
|
||
EventsOn("refresh", (data) => {
|
||
message.success(data)
|
||
})
|
||
|
||
EventsOn("showSearch", (data) => {
|
||
addBTN.value = data === 1;
|
||
})
|
||
|
||
EventsOn("stock_price", (data) => {
|
||
updateData(data)
|
||
})
|
||
|
||
EventsOn("refreshFollowList", (data) => {
|
||
|
||
WindowReload()
|
||
})
|
||
|
||
EventsOn("newChatStream", async (msg) => {
|
||
////console.log("newChatStream:->",data.airesult)
|
||
data.loading = false
|
||
////console.log(msg)
|
||
if (msg === "DONE") {
|
||
SaveAIResponseResult(data.code, data.name, data.airesult, data.chatId, data.question)
|
||
message.info("AI分析完成！")
|
||
message.destroyAll()
|
||
} else {
|
||
if (msg.chatId) {
|
||
data.chatId = msg.chatId
|
||
}
|
||
if (msg.question) {
|
||
data.question = msg.question
|
||
}
|
||
if (msg.content) {
|
||
data.airesult = data.airesult + msg.content
|
||
}
|
||
if (msg.extraContent) {
|
||
data.airesult = data.airesult + msg.extraContent
|
||
}
|
||
|
||
}
|
||
})
|
||
|
||
EventsOn("changeTab", async (msg) => {
|
||
//console.log("changeTab",msg)
|
||
currentGroupId.value = msg.ID
|
||
updateTab(currentGroupId.value)
|
||
})
|
||
|
||
|
||
EventsOn("updateVersion", async (msg) => {
|
||
const githubTimeStr = msg.published_at;
|
||
// 创建一个 Date 对象
|
||
const utcDate = new Date(githubTimeStr);
|
||
// 获取本地时间
|
||
const date = new Date(utcDate.getTime());
|
||
const year = date.getFullYear();
|
||
// getMonth 返回值是 0 - 11，所以要加 1
|
||
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||
const day = String(date.getDate()).padStart(2, '0');
|
||
const hours = String(date.getHours()).padStart(2, '0');
|
||
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||
|
||
const formattedDate = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
|
||
|
||
//console.log("GitHub UTC 时间:", utcDate);
|
||
//console.log("转换后的本地时间:", formattedDate);
|
||
notify.info({
|
||
avatar: () =>
|
||
h(NAvatar, {
|
||
size: 'small',
|
||
round: false,
|
||
src: icon.value
|
||
}),
|
||
title: '发现新版本: ' + msg.tag_name,
|
||
content: () => {
|
||
//return h(MdPreview, {theme:'dark',modelValue:msg.commit?.message}, null)
|
||
return h('div', {
|
||
style: {
|
||
'text-align': 'left',
|
||
'font-size': '14px',
|
||
}
|
||
}, {default: () => msg.commit?.message})
|
||
},
|
||
duration: 5000,
|
||
meta: "发布时间:" + formattedDate,
|
||
action: () => {
|
||
return h(NButton, {
|
||
type: 'primary',
|
||
size: 'small',
|
||
onClick: () => {
|
||
window.open(msg.html_url)
|
||
}
|
||
}, {default: () => '查看'})
|
||
}
|
||
})
|
||
})
|
||
|
||
EventsOn("warnMsg", async (msg) => {
|
||
notify.error({
|
||
avatar: () =>
|
||
h(NAvatar, {
|
||
size: 'small',
|
||
round: false,
|
||
src: icon.value
|
||
}),
|
||
title: '警告',
|
||
duration: 5000,
|
||
content: () => {
|
||
return h('div', {
|
||
style: {
|
||
'text-align': 'left',
|
||
'font-size': '14px',
|
||
}
|
||
}, {default: () => msg})
|
||
},
|
||
})
|
||
})
|
||
|
||
//判断是否是A股交易时间
|
||
function isTradingTime() {
|
||
const now = new Date();
|
||
const day = now.getDay(); // 获取星期几，0表示周日，1-6表示周一至周六
|
||
if (day >= 1 && day <= 5) { // 周一至周五
|
||
const hours = now.getHours();
|
||
const minutes = now.getMinutes();
|
||
const totalMinutes = hours * 60 + minutes;
|
||
const startMorning = 9 * 60 + 15; // 上午9点15分换算成分钟数
|
||
const endMorning = 11 * 60 + 30; // 上午11点30分换算成分钟数
|
||
const startAfternoon = 13 * 60; // 下午13点换算成分钟数
|
||
const endAfternoon = 15 * 60; // 下午15点换算成分钟数
|
||
if ((totalMinutes >= startMorning && totalMinutes < endMorning) ||
|
||
(totalMinutes >= startAfternoon && totalMinutes < endAfternoon)) {
|
||
return true;
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
|
||
function AddStock() {
|
||
if (!data?.code) {
|
||
message.error("请输入有效股票代码");
|
||
return;
|
||
}
|
||
if (!stocks.value.includes(data.code)) {
|
||
Follow(data.code).then(result => {
|
||
if (result === "关注成功") {
|
||
if (data.code.startsWith("us")) {
|
||
data.code= "gb_" + data.code.replace("us", "").toLowerCase()
|
||
}
|
||
stocks.value.push(data.code)
|
||
message.success(result)
|
||
GetFollowList(currentGroupId.value).then(result => {
|
||
followList.value = result
|
||
})
|
||
monitor();
|
||
} else {
|
||
message.error(result)
|
||
}
|
||
})
|
||
} else {
|
||
message.error("已经关注了")
|
||
}
|
||
}
|
||
|
||
|
||
function removeMonitor(code, name, key) {
|
||
//console.log("removeMonitor",name,code,key)
|
||
stocks.value.splice(stocks.value.indexOf(code), 1)
|
||
//console.log("removeMonitor-key",key)
|
||
//console.log("removeMonitor-v",results.value[key])
|
||
|
||
delete results.value[key]
|
||
//console.log("removeMonitor-v",results.value[key])
|
||
|
||
UnFollow(code).then(result => {
|
||
message.success(result)
|
||
monitor()
|
||
})
|
||
}
|
||
|
||
|
||
function SendDanmu() {
|
||
//danmus.value.push(data.name)
|
||
//console.log("SendDanmu",data.name)
|
||
//console.log("SendDanmu-readyState", ws.value.readyState)
|
||
ws.value.send(data.name)
|
||
}
|
||
|
||
function getStockList(value) {
|
||
|
||
|
||
// //console.log("getStockList",value)
|
||
let result;
|
||
result = stockList.value.filter(item => item.name.includes(value) || item.ts_code.includes(value))
|
||
options.value = result.map(item => {
|
||
return {
|
||
label: item.name + " - " + item.ts_code,
|
||
value: item.ts_code
|
||
}
|
||
})
|
||
if (value && value.indexOf("-") <= 0) {
|
||
data.code = value
|
||
}
|
||
|
||
//console.log("getStockList-options",data.code)
|
||
|
||
if (data.code) {
|
||
let findId = data.code
|
||
if (findId.startsWith("us")) {
|
||
findId = "gb_" + findId.replace("us", "").toLowerCase()
|
||
}
|
||
blinkBorder(findId)
|
||
}
|
||
|
||
|
||
}
|
||
|
||
function blinkBorder(findId) {
|
||
// 获取要滚动到的元素
|
||
let element = document.getElementById(findId);
|
||
//console.log("blinkBorder",findId,element)
|
||
if (element) {
|
||
// 滚动到该元素
|
||
element.scrollIntoView({behavior: 'smooth'});
|
||
const pelement = document.getElementById(findId + '_gi');
|
||
if (pelement) {
|
||
// 添加闪烁效果
|
||
pelement.classList.add('blink-border');
|
||
// 3秒后移除闪烁效果
|
||
setTimeout(() => {
|
||
pelement.classList.remove('blink-border');
|
||
}, 1000 * 5);
|
||
} else {
|
||
console.error(`Element with ID ${findId}_gi not found`);
|
||
}
|
||
}
|
||
}
|
||
|
||
async function updateData(result) {
|
||
////console.log("stock_price",result['日期'],result['时间'],result['股票代码'],result['股票名称'],result['当前价格'],result['盘前盘后'])
|
||
|
||
if (result["当前价格"] <= 0) {
|
||
result["当前价格"] = result["卖一报价"]
|
||
}
|
||
|
||
if (result.changePercent > 0) {
|
||
result.type = "error"
|
||
result.color = "#E88080"
|
||
} else if (result.changePercent < 0) {
|
||
result.type = "success"
|
||
result.color = "#63E2B7"
|
||
} else {
|
||
result.type = "default"
|
||
result.color = "#FFFFFF"
|
||
}
|
||
|
||
if (result.profitAmount > 0) {
|
||
result.profitType = "error"
|
||
} else if (result.profitAmount < 0) {
|
||
result.profitType = "success"
|
||
}
|
||
if (result["当前价格"]) {
|
||
if (result.alarmChangePercent > 0 && Math.abs(result.changePercent) >= result.alarmChangePercent) {
|
||
SendMessage(result, 1)
|
||
}
|
||
|
||
if (result.alarmPrice > 0 && result["当前价格"] >= result.alarmPrice) {
|
||
SendMessage(result, 2)
|
||
}
|
||
|
||
if (result.costPrice > 0 && result["当前价格"] >= result.costPrice) {
|
||
SendMessage(result, 3)
|
||
}
|
||
}
|
||
|
||
// result.key=result.sort
|
||
results.value = Object.fromEntries(
|
||
Object.entries(results.value).filter(
|
||
([key]) => !key.includes(result["股票代码"])
|
||
));
|
||
|
||
result.key = GetSortKey(result.sort, result["股票代码"])
|
||
results.value[result.key] = result
|
||
if (!stocks.value.includes(result["股票代码"])) {
|
||
delete results.value[result.key]
|
||
}
|
||
}
|
||
|
||
|
||
async function monitor() {
|
||
if (stocks.value && stocks.value.length === 0) {
|
||
showPopover.value = true
|
||
}
|
||
for (let code of stocks.value) {
|
||
Greet(code).then(result => {
|
||
updateData(result)
|
||
})
|
||
}
|
||
}
|
||
|
||
|
||
function GetSortKey(sort, code) {
|
||
return padStart(sort, 8, '0') + "_" + code
|
||
}
|
||
|
||
function onSelect(item) {
|
||
////console.log("onSelect",item)
|
||
|
||
if (item.indexOf("-") > 0) {
|
||
item = item.split("-")[1].toLowerCase()
|
||
}
|
||
if (item.indexOf(".") > 0) {
|
||
data.code = item.split(".")[1].toLowerCase() + item.split(".")[0]
|
||
}
|
||
|
||
}
|
||
|
||
function openCenteredWindow(url, width, height) {
|
||
const left = (window.screen.width - width) / 2;
|
||
const top = (window.screen.height - height) / 2;
|
||
|
||
return window.open(
|
||
url,
|
||
'centeredWindow',
|
||
`width=${width},height=${height},left=${left},top=${top}`
|
||
);
|
||
}
|
||
|
||
function search(code, name) {
|
||
setTimeout(() => {
|
||
//window.open("https://xueqiu.com/S/"+code)
|
||
//window.open("https://www.cls.cn/stock?code="+code)
|
||
//window.open("https://quote.eastmoney.com/"+code+".html")
|
||
//window.open("https://finance.sina.com.cn/realstock/company/"+code+"/nc.shtml")
|
||
//window.open("https://www.iwencai.com/unifiedwap/result?w=" + name)
|
||
//window.open("https://www.iwencai.com/chat/?question="+code)
|
||
|
||
openCenteredWindow("https://www.iwencai.com/unifiedwap/result?w=" + name,1000,800)
|
||
|
||
}, 500)
|
||
}
|
||
|
||
function setStock(code, name) {
|
||
let res = followList.value.filter(item => item.StockCode === code)
|
||
////console.log("res:",res)
|
||
formModel.value.name = name
|
||
formModel.value.code = code
|
||
formModel.value.volume = res[0].Volume ? res[0].Volume : 0
|
||
formModel.value.costPrice = res[0].CostPrice
|
||
formModel.value.alarm = res[0].AlarmChangePercent
|
||
formModel.value.alarmPrice = res[0].AlarmPrice
|
||
formModel.value.sort = res[0].Sort
|
||
formModel.value.cron = res[0].Cron
|
||
modalShow.value = true
|
||
}
|
||
|
||
function clearFeishi() {
|
||
//console.log("clearFeishi")
|
||
clearInterval(feishiInterval.value)
|
||
}
|
||
|
||
function showFsChart(code, name) {
|
||
data.name = name
|
||
data.code = code
|
||
const chart = echarts.init(kLineChartRef2.value);
|
||
GetStockMinutePriceLineData(code, name).then(result => {
|
||
// console.log("GetStockMinutePriceLineData", result)
|
||
const priceData = result.priceData
|
||
let category = []
|
||
let price = []
|
||
let openprice = 0
|
||
let closeprice = 0
|
||
let volume = []
|
||
let volumeRate = []
|
||
let min = 0
|
||
let max = 0
|
||
openprice = priceData[0].price
|
||
closeprice = priceData[priceData.length - 1].price
|
||
for (let i = 0; i < priceData.length; i++) {
|
||
category.push(priceData[i].time)
|
||
price.push(priceData[i].price)
|
||
if (min === 0 || min > priceData[i].price) {
|
||
min = priceData[i].price
|
||
}
|
||
if (max < priceData[i].price) {
|
||
max = priceData[i].price
|
||
}
|
||
if (i > 0) {
|
||
let b = priceData[i].volume - priceData[i - 1].volume
|
||
volumeRate.push(((b - volume[i - 1]) / volume[i - 1] * 100).toFixed(2))
|
||
volume.push(b)
|
||
} else {
|
||
volume.push(priceData[i].volume)
|
||
volumeRate.push(0)
|
||
}
|
||
}
|
||
|
||
let option = {
|
||
title: {
|
||
subtext: "[" + result.date + "] 开盘:" + openprice + " 最新:" + closeprice + " 最高:" + max + " 最低:" + min,
|
||
left: 'center',
|
||
top: '10',
|
||
textStyle: {
|
||
color: data.darkTheme ? '#ccc' : '#456'
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['股价', '成交量'],
|
||
//orient: 'vertical',
|
||
textStyle: {
|
||
color: data.darkTheme ? '#ccc' : '#456'
|
||
},
|
||
right: 50,
|
||
},
|
||
darkMode: data.darkTheme,
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
animation: false,
|
||
label: {
|
||
backgroundColor: '#505765'
|
||
}
|
||
}
|
||
},
|
||
axisPointer: {
|
||
link: [
|
||
{
|
||
xAxisIndex: 'all'
|
||
}
|
||
],
|
||
label: {
|
||
backgroundColor: '#888'
|
||
}
|
||
},
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: category,
|
||
axisLabel: {
|
||
show: false
|
||
}
|
||
},
|
||
{
|
||
gridIndex: 1,
|
||
type: 'category',
|
||
data: category,
|
||
},
|
||
],
|
||
grid: [
|
||
{
|
||
left: '8%',
|
||
right: '8%',
|
||
height: '50%',
|
||
},
|
||
{
|
||
left: '8%',
|
||
right: '8%',
|
||
top: '70%',
|
||
height: '15%'
|
||
},
|
||
],
|
||
yAxis: [
|
||
{
|
||
axisLine: {
|
||
show: true
|
||
},
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
name: "股价",
|
||
min: (min - min * 0.01).toFixed(2),
|
||
max: (max + max * 0.01).toFixed(2),
|
||
minInterval: 0.01,
|
||
type: 'value'
|
||
},
|
||
{
|
||
gridIndex: 1,
|
||
axisLine: {
|
||
show: true
|
||
},
|
||
splitLine: {
|
||
show: false
|
||
},
|
||
name: "成交量",
|
||
type: 'value',
|
||
},
|
||
],
|
||
visualMap: {
|
||
type: 'piecewise',
|
||
seriesIndex: 0,
|
||
top: 0,
|
||
left: 10,
|
||
orient: 'horizontal',
|
||
textStyle: {
|
||
color: data.darkTheme ? '#fff' : '#456'
|
||
},
|
||
pieces: [
|
||
{
|
||
text: '低于开盘价',
|
||
gt: 0,
|
||
lte: openprice,
|
||
color: '#31F113',
|
||
textStyle: {
|
||
color: data.darkTheme ? '#fff' : '#456'
|
||
},
|
||
},
|
||
{
|
||
text: '大于开盘价小于收盘价',
|
||
gt: openprice,
|
||
lte: closeprice,
|
||
color: '#1651EF',
|
||
textStyle: {
|
||
color: data.darkTheme ? '#fff' : '#456'
|
||
},
|
||
},
|
||
{
|
||
text: '大于收盘价',
|
||
gt: closeprice,
|
||
color: '#AC3B2A',
|
||
textStyle: {
|
||
color: data.darkTheme ? '#fff' : '#456'
|
||
},
|
||
}
|
||
],
|
||
},
|
||
series: [
|
||
{
|
||
name: "股价",
|
||
data: price,
|
||
type: 'line',
|
||
smooth: false,
|
||
showSymbol: false,
|
||
lineStyle: {
|
||
width: 3
|
||
},
|
||
markPoint: {
|
||
symbol: 'arrow',
|
||
symbolRotate: 90,
|
||
symbolSize: [10, 20],
|
||
symbolOffset: [10, 0],
|
||
itemStyle: {
|
||
color: '#FC290D'
|
||
},
|
||
label: {
|
||
position: 'right',
|
||
},
|
||
data: [
|
||
{type: 'max', name: 'Max'},
|
||
{type: 'min', name: 'Min'}
|
||
]
|
||
},
|
||
markLine: {
|
||
symbol: 'none',
|
||
data: [
|
||
{type: 'average', name: 'Average'},
|
||
{
|
||
lineStyle: {
|
||
color: '#FFCB00',
|
||
width: 0.5
|
||
},
|
||
yAxis: openprice,
|
||
name: '开盘价'
|
||
},
|
||
{
|
||
yAxis: closeprice,
|
||
symbol: 'none',
|
||
lineStyle: {
|
||
color: 'red',
|
||
width: 0.5
|
||
},
|
||
}
|
||
]
|
||
},
|
||
},
|
||
{
|
||
xAxisIndex: 1,
|
||
yAxisIndex: 1,
|
||
name: "成交量",
|
||
data: volume,
|
||
type: 'bar',
|
||
},
|
||
|
||
]
|
||
};
|
||
chart.setOption(option);
|
||
})
|
||
}
|
||
|
||
function showFenshi(code, name, changePercent) {
|
||
data.code = code
|
||
data.name = name
|
||
data.changePercent = changePercent
|
||
data.fenshiURL = 'http://image.sinajs.cn/newchart/min/n/' + data.code + '.gif' + "?t=" + Date.now()
|
||
|
||
if (code.startsWith('hk')) {
|
||
data.fenshiURL = 'http://image.sinajs.cn/newchart/hk_stock/min/' + data.code.replace("hk", "") + '.gif' + "?t=" + Date.now()
|
||
}
|
||
if (code.startsWith('gb_')) {
|
||
data.fenshiURL = 'http://image.sinajs.cn/newchart/usstock/min/' + data.code.replace("gb_", "") + '.gif' + "?t=" + Date.now()
|
||
}
|
||
|
||
modalShow2.value = true
|
||
}
|
||
|
||
function handleFeishi() {
|
||
showFsChart(data.code, data.name);
|
||
feishiInterval.value = setInterval(() => {
|
||
showFsChart(data.code, data.name);
|
||
}, 1000 * 10)
|
||
}
|
||
|
||
function calculateMA(dayCount, values) {
|
||
var result = [];
|
||
for (var i = 0, len = values.length; i < len; i++) {
|
||
if (i < dayCount) {
|
||
result.push('-');
|
||
continue;
|
||
}
|
||
var sum = 0;
|
||
for (var j = 0; j < dayCount; j++) {
|
||
sum += +values[i - j][1];
|
||
}
|
||
result.push((sum / dayCount).toFixed(2));
|
||
}
|
||
return result;
|
||
}
|
||
|
||
function handleKLine() {
|
||
GetStockKLine(data.code, data.name, 365).then(result => {
|
||
//console.log("GetStockKLine",result)
|
||
const chart = echarts.init(kLineChartRef.value);
|
||
const categoryData = [];
|
||
const values = [];
|
||
const volumns = [];
|
||
for (let i = 0; i < result.length; i++) {
|
||
let resultElement = result[i]
|
||
//console.log("resultElement:{}",resultElement)
|
||
categoryData.push(resultElement.day)
|
||
let flag = resultElement.close > resultElement.open ? 1 : -1
|
||
values.push([
|
||
resultElement.open,
|
||
resultElement.close,
|
||
resultElement.low,
|
||
resultElement.high
|
||
])
|
||
volumns.push([i, resultElement.volume / 10000, flag])
|
||
}
|
||
////console.log("categoryData",categoryData)
|
||
////console.log("values",values)
|
||
let option = {
|
||
darkMode: data.darkTheme,
|
||
//backgroundColor: '#1c1c1c',
|
||
// color:['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'],
|
||
animation: false,
|
||
legend: {
|
||
bottom: 10,
|
||
left: 'center',
|
||
data: ['日K', 'MA5', 'MA10', 'MA20', 'MA30'],
|
||
textStyle: {
|
||
color: data.darkTheme ? '#ccc' : '#456'
|
||
},
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
axisPointer: {
|
||
type: 'cross',
|
||
lineStyle: {
|
||
color: '#376df4',
|
||
width: 1,
|
||
opacity: 1
|
||
}
|
||
},
|
||
borderWidth: 2,
|
||
borderColor: data.darkTheme ? '#456' : '#ccc',
|
||
backgroundColor: data.darkTheme ? '#456' : '#fff',
|
||
padding: 10,
|
||
textStyle: {
|
||
color: data.darkTheme ? '#ccc' : '#456'
|
||
},
|
||
formatter: function (params) {//修改鼠标划过显示为中文
|
||
//console.log("params",params)
|
||
let volum = params[5].data;//ma5的值
|
||
let ma5 = params[1].data;//ma5的值
|
||
let ma10 = params[2].data;//ma10的值
|
||
let ma20 = params[3].data;//ma20的值
|
||
let ma30 = params[4].data;//ma30的值
|
||
params = params[0];//开盘收盘最低最高数据汇总
|
||
let currentItemData = params.data;
|
||
|
||
return params.name + '<br>' +
|
||
'开盘:' + currentItemData[1] + '<br>' +
|
||
'收盘:' + currentItemData[2] + '<br>' +
|
||
'最低:' + currentItemData[3] + '<br>' +
|
||
'最高:' + currentItemData[4] + '<br>' +
|
||
'成交量(万手):' + volum[1] + '<br>' +
|
||
'MA5日均线:' + ma5 + '<br>' +
|
||
'MA10日均线:' + ma10 + '<br>' +
|
||
'MA20日均线:' + ma20 + '<br>' +
|
||
'MA30日均线:' + ma30
|
||
}
|
||
// position: function (pos, params, el, elRect, size) {
|
||
// const obj = {
|
||
// top: 10
|
||
// };
|
||
// obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 30;
|
||
// return obj;
|
||
// }
|
||
// extraCssText: 'width: 170px'
|
||
},
|
||
axisPointer: {
|
||
link: [
|
||
{
|
||
xAxisIndex: 'all'
|
||
}
|
||
],
|
||
label: {
|
||
backgroundColor: '#888'
|
||
}
|
||
},
|
||
visualMap: {
|
||
show: false,
|
||
seriesIndex: 5,
|
||
dimension: 2,
|
||
pieces: [
|
||
{
|
||
value: -1,
|
||
color: downColor
|
||
},
|
||
{
|
||
value: 1,
|
||
color: upColor
|
||
}
|
||
]
|
||
},
|
||
grid: [
|
||
{
|
||
left: '10%',
|
||
right: '8%',
|
||
height: '50%',
|
||
},
|
||
{
|
||
left: '10%',
|
||
right: '8%',
|
||
top: '63%',
|
||
height: '16%'
|
||
}
|
||
],
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: categoryData,
|
||
boundaryGap: false,
|
||
axisLine: {onZero: false},
|
||
splitLine: {show: false},
|
||
min: 'dataMin',
|
||
max: 'dataMax',
|
||
axisPointer: {
|
||
z: 100
|
||
}
|
||
},
|
||
{
|
||
type: 'category',
|
||
gridIndex: 1,
|
||
data: categoryData,
|
||
boundaryGap: false,
|
||
axisLine: {onZero: false},
|
||
axisTick: {show: false},
|
||
splitLine: {show: false},
|
||
axisLabel: {show: false},
|
||
min: 'dataMin',
|
||
max: 'dataMax'
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
scale: true,
|
||
splitArea: {
|
||
show: true
|
||
}
|
||
},
|
||
{
|
||
scale: true,
|
||
gridIndex: 1,
|
||
splitNumber: 2,
|
||
axisLabel: {show: false},
|
||
axisLine: {show: false},
|
||
axisTick: {show: false},
|
||
splitLine: {show: false}
|
||
}
|
||
],
|
||
dataZoom: [
|
||
{
|
||
type: 'inside',
|
||
xAxisIndex: [0, 1],
|
||
start: 86,
|
||
end: 100
|
||
},
|
||
{
|
||
show: true,
|
||
xAxisIndex: [0, 1],
|
||
type: 'slider',
|
||
top: '85%',
|
||
start: 86,
|
||
end: 100
|
||
}
|
||
],
|
||
|
||
series: [
|
||
{
|
||
name: '日K',
|
||
type: 'candlestick',
|
||
data: values,
|
||
itemStyle: {
|
||
color: upColor,
|
||
color0: downColor,
|
||
// borderColor: upBorderColor,
|
||
// borderColor0: downBorderColor
|
||
},
|
||
markPoint: {
|
||
label: {
|
||
formatter: function (param) {
|
||
return param != null ? param.value + '' : '';
|
||
}
|
||
},
|
||
data: [
|
||
{
|
||
name: '最高',
|
||
type: 'max',
|
||
valueDim: 'highest'
|
||
},
|
||
{
|
||
name: '最低',
|
||
type: 'min',
|
||
valueDim: 'lowest'
|
||
},
|
||
{
|
||
name: '平均收盘价',
|
||
type: 'average',
|
||
valueDim: 'close'
|
||
}
|
||
],
|
||
tooltip: {
|
||
formatter: function (param) {
|
||
return param.name + '<br>' + (param.data.coord || '');
|
||
}
|
||
}
|
||
},
|
||
markLine: {
|
||
symbol: ['none', 'none'],
|
||
data: [
|
||
[
|
||
{
|
||
name: 'from lowest to highest',
|
||
type: 'min',
|
||
valueDim: 'lowest',
|
||
symbol: 'circle',
|
||
symbolSize: 10,
|
||
label: {
|
||
show: false
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
type: 'max',
|
||
valueDim: 'highest',
|
||
symbol: 'circle',
|
||
symbolSize: 10,
|
||
label: {
|
||
show: false
|
||
},
|
||
emphasis: {
|
||
label: {
|
||
show: false
|
||
}
|
||
}
|
||
}
|
||
],
|
||
{
|
||
name: 'min line on close',
|
||
type: 'min',
|
||
valueDim: 'close'
|
||
},
|
||
{
|
||
name: 'max line on close',
|
||
type: 'max',
|
||
valueDim: 'close'
|
||
}
|
||
]
|
||
}
|
||
},
|
||
{
|
||
name: 'MA5',
|
||
type: 'line',
|
||
data: calculateMA(5, values),
|
||
smooth: true,
|
||
showSymbol: false,
|
||
lineStyle: {
|
||
opacity: 0.6
|
||
}
|
||
},
|
||
{
|
||
name: 'MA10',
|
||
type: 'line',
|
||
data: calculateMA(10, values),
|
||
smooth: true,
|
||
showSymbol: false,
|
||
lineStyle: {
|
||
opacity: 0.6
|
||
}
|
||
},
|
||
{
|
||
name: 'MA20',
|
||
type: 'line',
|
||
data: calculateMA(20, values),
|
||
smooth: true,
|
||
showSymbol: false,
|
||
lineStyle: {
|
||
opacity: 0.6
|
||
}
|
||
},
|
||
{
|
||
name: 'MA30',
|
||
type: 'line',
|
||
data: calculateMA(30, values),
|
||
smooth: true,
|
||
showSymbol: false,
|
||
lineStyle: {
|
||
opacity: 0.6
|
||
}
|
||
},
|
||
{
|
||
name: '成交量(手)',
|
||
type: 'bar',
|
||
xAxisIndex: 1,
|
||
yAxisIndex: 1,
|
||
itemStyle: {
|
||
color: '#7fbe9e'
|
||
},
|
||
data: volumns
|
||
}
|
||
]
|
||
};
|
||
chart.setOption(option);
|
||
chart.on('click', {seriesName: '日K'}, function (params) {
|
||
//console.log("click:",params);
|
||
});
|
||
})
|
||
}
|
||
|
||
function showMoney(code, name) {
|
||
data.code = code
|
||
data.name = name
|
||
modalShow5.value = true
|
||
}
|
||
|
||
function showK(code, name) {
|
||
data.code = code
|
||
data.name = name
|
||
data.kURL = 'http://image.sinajs.cn/newchart/daily/n/' + data.code + '.gif' + "?t=" + Date.now()
|
||
if (code.startsWith('hk')) {
|
||
data.kURL = 'http://image.sinajs.cn/newchart/hk_stock/daily/' + data.code.replace("hk", "") + '.gif' + "?t=" + Date.now()
|
||
}
|
||
if (code.startsWith('gb_')) {
|
||
data.kURL = 'http://image.sinajs.cn/newchart/usstock/daily/' + data.code.replace("gb_", "") + '.gif' + "?t=" + Date.now()
|
||
}
|
||
modalShow3.value = true
|
||
//https://image.sinajs.cn/newchart/usstock/daily/dji.gif
|
||
//https://image.sinajs.cn/newchart/hk_stock/daily/06030.gif?1740729404273
|
||
}
|
||
|
||
|
||
function updateCostPriceAndVolumeNew(code, price, volume, alarm, formModel) {
|
||
if (formModel.sort) {
|
||
SetStockSort(formModel.sort, code).then(result => {
|
||
//message.success(result)
|
||
})
|
||
}
|
||
if (formModel.cron) {
|
||
SetStockAICron(formModel.cron, code).then(result => {
|
||
//message.success(result)
|
||
})
|
||
}
|
||
|
||
if (alarm || formModel.alarmPrice) {
|
||
SetAlarmChangePercent(alarm, formModel.alarmPrice, code).then(result => {
|
||
//message.success(result)
|
||
})
|
||
}
|
||
SetCostPriceAndVolume(code, price, volume).then(result => {
|
||
modalShow.value = false
|
||
message.success(result)
|
||
GetFollowList(currentGroupId.value).then(result => {
|
||
followList.value = result
|
||
stocks.value = []
|
||
for (const followedStock of result) {
|
||
if (!stocks.value.includes(followedStock.StockCode)) {
|
||
stocks.value.push(followedStock.StockCode)
|
||
}
|
||
}
|
||
monitor()
|
||
message.destroyAll()
|
||
})
|
||
})
|
||
}
|
||
|
||
function fullscreen() {
|
||
if (data.fullscreen) {
|
||
WindowUnfullscreen()
|
||
} else {
|
||
WindowFullscreen()
|
||
}
|
||
data.fullscreen = !data.fullscreen
|
||
}
|
||
|
||
|
||
//type 报警类型: 1 涨跌报警;2 股价报警 3 成本价报警
|
||
function SendMessage(result, type) {
|
||
let typeName = getTypeName(type)
|
||
let img = 'http://image.sinajs.cn/newchart/min/n/' + result["股票代码"] + '.gif' + "?t=" + Date.now()
|
||
let markdown = "### go-stock [" + typeName + "]\n\n" +
|
||
"### " + result["股票名称"] + "(" + result["股票代码"] + ")\n" +
|
||
"- 当前价格: " + result["当前价格"] + " " + result.changePercent + "%\n" +
|
||
"- 最高价: " + result["今日最高价"] + " " + result.highRate + "\n" +
|
||
"- 最低价: " + result["今日最低价"] + " " + result.lowRate + "\n" +
|
||
"- 昨收价: " + result["昨日收盘价"] + "\n" +
|
||
"- 今开价: " + result["今日开盘价"] + "\n" +
|
||
"- 成本价: " + result.costPrice + " " + result.profit + "% " + result.profitAmount + " ¥\n" +
|
||
"- 成本数量: " + result.costVolume + "股\n" +
|
||
"- 日期: " + result["日期"] + " " + result["时间"] + "\n\n" +
|
||
"![image](" + img + ")\n"
|
||
let title = result["股票名称"] + "(" + result["股票代码"] + ") " + result["当前价格"] + " " + result.changePercent
|
||
|
||
let msg = '{' +
|
||
' "msgtype": "markdown",' +
|
||
' "markdown": {' +
|
||
' "title":"[' + typeName + "]" + title + '",' +
|
||
' "text": "' + markdown + '"' +
|
||
' },' +
|
||
' "at": {' +
|
||
' "isAtAll": true' +
|
||
' }' +
|
||
' }'
|
||
// SendDingDingMessage(msg,result["股票代码"])
|
||
SendDingDingMessageByType(msg, result["股票代码"], type)
|
||
}
|
||
|
||
function aiReCheckStock(stock, stockCode) {
|
||
data.modelName = ""
|
||
data.airesult = ""
|
||
data.time = ""
|
||
data.name = stock
|
||
data.code = stockCode
|
||
data.loading = true
|
||
modalShow4.value = true
|
||
message.loading("ai检测中...", {
|
||
duration: 0,
|
||
})
|
||
//
|
||
|
||
//message.info("sysPromptId:"+data.sysPromptId)
|
||
NewChatStream(stock, stockCode, data.question, data.sysPromptId,enableTools.value)
|
||
}
|
||
|
||
function aiCheckStock(stock, stockCode) {
|
||
GetAIResponseResult(stockCode).then(result => {
|
||
if (result.content) {
|
||
data.modelName = result.modelName
|
||
data.chatId = result.chatId
|
||
data.question = result.question
|
||
data.name = stock
|
||
data.code = stockCode
|
||
data.loading = false
|
||
modalShow4.value = true
|
||
data.airesult = result.content
|
||
const date = new Date(result.CreatedAt);
|
||
const year = date.getFullYear();
|
||
const month = String(date.getMonth() + 1).padStart(2, '0');
|
||
const day = String(date.getDate()).padStart(2, '0');
|
||
const hours = String(date.getHours()).padStart(2, '0');
|
||
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||
const seconds = String(date.getSeconds()).padStart(2, '0');
|
||
data.time = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
|
||
} else {
|
||
data.modelName = ""
|
||
data.question = ""
|
||
data.airesult = ""
|
||
data.time = ""
|
||
data.name = stock
|
||
data.code = stockCode
|
||
data.loading = false
|
||
modalShow4.value = true
|
||
// message.loading("ai检测中...", {
|
||
// duration: 0,
|
||
// })
|
||
// NewChatStream(stock, stockCode, "", data.sysPromptId)
|
||
}
|
||
})
|
||
}
|
||
|
||
function getTypeName(type) {
|
||
switch (type) {
|
||
case 1:
|
||
return "涨跌报警"
|
||
case 2:
|
||
return "股价报警"
|
||
case 3:
|
||
return "成本价报警"
|
||
default:
|
||
return ""
|
||
}
|
||
}
|
||
|
||
//获取高度
|
||
function getHeight() {
|
||
return document.documentElement.clientHeight
|
||
}
|
||
|
||
window.onerror = function (msg, source, lineno, colno, error) {
|
||
// 将错误信息发送给后端
|
||
EventsEmit("frontendError", {
|
||
page: "stock.vue",
|
||
message: msg,
|
||
source: source,
|
||
lineno: lineno,
|
||
colno: colno,
|
||
error: error ? error.stack : null,
|
||
data: data,
|
||
results: results,
|
||
followList: followList,
|
||
stockList: stockList,
|
||
stocks: stocks,
|
||
formModel: formModel,
|
||
});
|
||
message.error("发生错误:" + msg)
|
||
return true;
|
||
};
|
||
|
||
function saveAsImage(name, code) {
|
||
const element = document.querySelector('.md-editor-preview');
|
||
if (element) {
|
||
html2canvas(element, {
|
||
useCORS: true, // 解决跨域图片问题
|
||
scale: 2, // 提高截图质量
|
||
allowTaint: true, // 允许跨域图片
|
||
}).then(canvas => {
|
||
const link = document.createElement('a');
|
||
link.href = canvas.toDataURL('image/png');
|
||
link.download = name + "[" + code + ']-ai-analysis-result.png';
|
||
link.click();
|
||
});
|
||
} else {
|
||
message.error('无法找到分析结果元素');
|
||
}
|
||
}
|
||
|
||
async function copyToClipboard() {
|
||
try {
|
||
await navigator.clipboard.writeText(data.airesult);
|
||
message.success('分析结果已复制到剪切板');
|
||
} catch (err) {
|
||
message.error('复制失败: ' + err);
|
||
}
|
||
}
|
||
|
||
function saveAsMarkdown() {
|
||
SaveAsMarkdown(data.code, data.name).then(result => {
|
||
message.success(result)
|
||
})
|
||
}
|
||
|
||
function saveAsMarkdown_old() {
|
||
const blob = new Blob([data.airesult], {type: 'text/markdown;charset=utf-8'});
|
||
const link = document.createElement('a');
|
||
link.href = URL.createObjectURL(blob);
|
||
link.download = `${data.name}[${data.code}]-${data.time}ai-analysis-result.md`;
|
||
link.click();
|
||
URL.revokeObjectURL(link.href);
|
||
link.remove()
|
||
}
|
||
|
||
function getHtml(ref) {
|
||
if (ref.value) {
|
||
// 获取 MdPreview 组件的根元素
|
||
const rootElement = ref.value.$el;
|
||
// 获取 HTML 内容
|
||
return rootElement.innerHTML;
|
||
} else {
|
||
console.error('mdPreviewRef is not yet available');
|
||
return "";
|
||
}
|
||
}
|
||
|
||
// 导出文档
|
||
async function saveAsWord() {
|
||
// 将富文本内容拼接为一个完整的html
|
||
const html = getHtml(mdPreviewRef)
|
||
const tipsHtml = getHtml(tipsRef)
|
||
const value = `
|
||
${html}
|
||
<hr>
|
||
<div style="font-size: 12px;color: red">
|
||
${tipsHtml}
|
||
</div>
|
||
<br>
|
||
本报告由go-stock项目生成：
|
||
<p>
|
||
<a href="https://github.com/ArvinLovegood/go-stock">
|
||
AI赋能股票分析：自选股行情获取，成本盈亏展示，涨跌报警推送，市场整体/个股情绪分析，K线技术指标分析等。数据全部保留在本地。支持DeepSeek，OpenAI， Ollama，LMStudio，AnythingLLM，硅基流动，火山方舟，阿里云百炼等平台或模型。
|
||
</a></p>
|
||
`
|
||
// landscape就是横着的，portrait是竖着的，默认是竖屏portrait。
|
||
const blob = await asBlob(value, {orientation: 'portrait'})
|
||
const a = document.createElement('a')
|
||
a.href = URL.createObjectURL(blob)
|
||
a.download = `${data.name}[${data.code}]-ai-analysis-result.docx`;
|
||
a.click()
|
||
// 下载后将标签移除
|
||
URL.revokeObjectURL(a.href);
|
||
a.remove()
|
||
}
|
||
|
||
function share(code, name) {
|
||
ShareAnalysis(code, name).then(msg => {
|
||
//message.info(msg)
|
||
notify.info({
|
||
avatar: () =>
|
||
h(NAvatar, {
|
||
size: 'small',
|
||
round: false,
|
||
src: icon.value
|
||
}),
|
||
title: '分享到社区',
|
||
duration: 1000 * 30,
|
||
content: () => {
|
||
return h('div', {
|
||
style: {
|
||
'text-align': 'left',
|
||
'font-size': '14px',
|
||
}
|
||
}, {default: () => msg})
|
||
},
|
||
})
|
||
})
|
||
}
|
||
|
||
const addTabModel = ref({
|
||
name: '',
|
||
sort: 1,
|
||
})
|
||
const addTabPane = ref(false)
|
||
|
||
function addTab() {
|
||
addTabPane.value = true
|
||
}
|
||
|
||
function saveTabPane() {
|
||
AddGroup(addTabModel.value).then(result => {
|
||
message.info(result)
|
||
addTabPane.value = false
|
||
GetGroupList().then(result => {
|
||
groupList.value = result
|
||
})
|
||
})
|
||
}
|
||
|
||
function AddStockGroupInfo(groupId, code, name) {
|
||
if (code.startsWith("gb_")) {
|
||
code = "us" + code.replace("gb_", "").toLowerCase()
|
||
}
|
||
AddStockGroup(groupId, code).then(result => {
|
||
message.info(result)
|
||
GetGroupList().then(result => {
|
||
groupList.value = result
|
||
})
|
||
})
|
||
|
||
}
|
||
|
||
function updateTab(name) {
|
||
stocks.value = []
|
||
currentGroupId.value = Number(name)
|
||
GetFollowList(currentGroupId.value).then(result => {
|
||
followList.value = result
|
||
for (const followedStock of result) {
|
||
if (followedStock.StockCode.startsWith("us")) {
|
||
followedStock.StockCode = "gb_" + followedStock.StockCode.replace("us", "").toLowerCase()
|
||
}
|
||
stocks.value.push(followedStock.StockCode)
|
||
Greet(followedStock.StockCode).then(result => {
|
||
updateData(result)
|
||
})
|
||
}
|
||
//monitor()
|
||
message.destroyAll()
|
||
})
|
||
}
|
||
|
||
function delTab(name) {
|
||
let infos = groupList.value = groupList.value.filter(item => item.ID === Number(name))
|
||
dialog.create({
|
||
title: '删除分组',
|
||
type: 'warning',
|
||
content: '确定要删除[' + infos[0].name + ']分组吗？分组数据将不能恢复哟！',
|
||
positiveText: '确定',
|
||
negativeText: '取消',
|
||
onPositiveClick: () => {
|
||
RemoveGroup(name).then(result => {
|
||
message.info(result)
|
||
GetGroupList().then(result => {
|
||
groupList.value = result
|
||
})
|
||
})
|
||
}
|
||
})
|
||
}
|
||
|
||
function delStockGroup(code, name, groupId) {
|
||
RemoveStockGroup(code, name, groupId).then(result => {
|
||
updateTab(groupId)
|
||
message.info(result)
|
||
})
|
||
}
|
||
|
||
function searchNotice(stockCode) {
|
||
router.push({
|
||
name: 'market',
|
||
query: {
|
||
name: '公司公告',
|
||
stockCode: stockCode,
|
||
},
|
||
})
|
||
}
|
||
|
||
function searchStockReport(stockCode) {
|
||
router.push({
|
||
name: 'market',
|
||
query: {
|
||
name: '个股研报',
|
||
stockCode: stockCode,
|
||
},
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<vue-danmaku v-model:danmus="danmus" useSlot
|
||
style="height:100px; width:100%;z-index: 9;position:absolute; top: 400px; pointer-events: none;">
|
||
<template v-slot:dm="{ index, danmu }">
|
||
<n-gradient-text type="info">
|
||
<n-icon :component="ChatboxOutline"/>
|
||
{{ danmu }}
|
||
</n-gradient-text>
|
||
</template>
|
||
</vue-danmaku>
|
||
<n-tabs type="card" style="--wails-draggable:drag" animated addable :data-currentGroupId="currentGroupId"
|
||
:value="currentGroupId" @add="addTab" @update-value="updateTab" placement="top" @close="(key)=>{delTab(key)}">
|
||
<n-tab-pane :name="0" :tab="'全部'">
|
||
<n-grid :x-gap="8" :cols="3" :y-gap="8">
|
||
<n-gi :id="result['股票代码']+'_gi'" v-for="result in sortedResults" style="margin-left: 2px;">
|
||
<n-card :data-sort="result.sort" :id="result['股票代码']" :data-code="result['股票代码']" :bordered="true"
|
||
:title="result['股票名称']" :closable="false"
|
||
@close="removeMonitor(result['股票代码'],result['股票名称'],result.key)">
|
||
<n-grid :cols="1" :y-gap="6">
|
||
<n-gi>
|
||
<n-text :type="result.type">
|
||
<n-number-animation :duration="1000" :precision="2" :from="result['上次当前价格']"
|
||
:to="Number(result['当前价格'])"/>
|
||
<n-tag size="small" :type="result.type" :bordered="false" v-if="result['盘前盘后']>0">
|
||
({{ result['盘前盘后'] }} {{ result['盘前盘后涨跌幅'] }}%)
|
||
</n-tag>
|
||
</n-text>
|
||
<n-text style="padding-left: 10px;" :type="result.type">
|
||
<n-number-animation :duration="1000" :precision="3" :from="0" :to="result.changePercent"/>
|
||
%
|
||
</n-text>
|
||
<n-text size="small" v-if="result.costVolume>0" :type="result.type">
|
||
<n-number-animation :duration="1000" :precision="2" :from="0" :to="result.profitAmountToday"/>
|
||
</n-text>
|
||
</n-gi>
|
||
</n-grid>
|
||
<n-grid :cols="2" :y-gap="4" :x-gap="4">
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "最高 " + result["今日最高价"] + " " + result.highRate }}%</n-text>
|
||
</n-gi>
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "最低 " + result["今日最低价"] + " " + result.lowRate }}%</n-text>
|
||
</n-gi>
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "昨收 " + result["昨日收盘价"] }}</n-text>
|
||
</n-gi>
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "今开 " + result["今日开盘价"] }}</n-text>
|
||
</n-gi>
|
||
</n-grid>
|
||
<n-collapse accordion v-if="result['买一报价']>0">
|
||
<n-collapse-item title="盘口" name="1" v-if="result['买一报价']>0">
|
||
<template #header-extra>
|
||
<n-flex justify="space-between">
|
||
<n-text :type="'info'">{{ "买一 " + result["买一报价"] + '(' + result["买一申报"] + ")" }}</n-text>
|
||
<n-text :type="'info'">{{ "卖一 " + result["卖一报价"] + '(' + result["卖一申报"] + ")" }}</n-text>
|
||
</n-flex>
|
||
</template>
|
||
<n-grid :cols="2" :y-gap="4" :x-gap="4">
|
||
<n-gi v-if="result['买一报价']>0">
|
||
<n-text :type="'info'">{{ "买一 " + result["买一报价"] + '(' + result["买一申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖一报价']>0">
|
||
<n-text :type="'info'">{{ "卖一 " + result["卖一报价"] + '(' + result["卖一申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买二报价']>0">
|
||
<n-text :type="'info'">{{ "买二 " + result["买二报价"] + '(' + result["买二申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖二报价']>0">
|
||
<n-text :type="'info'">{{ "卖二 " + result["卖二报价"] + '(' + result["卖二申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买三报价']>0">
|
||
<n-text :type="'info'">{{ "买三 " + result["买三报价"] + '(' + result["买三申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖三报价']>0">
|
||
<n-text :type="'info'">{{ "买三 " + result["卖三报价"] + '(' + result["卖三申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买四报价']>0">
|
||
<n-text :type="'info'">{{ "买四 " + result["买四报价"] + '(' + result["买四申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖四报价']>0">
|
||
<n-text :type="'info'">{{ "卖四 " + result["卖四报价"] + '(' + result["卖四申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买五报价']>0">
|
||
<n-text :type="'info'">{{ "买五 " + result["买五报价"] + '(' + result["买五申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖五报价']>0">
|
||
<n-text :type="'info'">{{ "卖五 " + result["卖五报价"] + '(' + result["卖五申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
</n-grid>
|
||
</n-collapse-item>
|
||
</n-collapse>
|
||
<template #header-extra>
|
||
|
||
<n-tag size="small" :bordered="false">{{ result['股票代码'] }}</n-tag>
|
||
<n-button size="tiny" secondary type="primary"
|
||
@click="removeMonitor(result['股票代码'],result['股票名称'],result.key)">
|
||
取消关注
|
||
</n-button>
|
||
|
||
<n-button size="tiny" v-if="data.openAiEnable" secondary type="warning" @click="aiCheckStock(result['股票名称'],result['股票代码'])">
|
||
AI分析
|
||
</n-button>
|
||
</template>
|
||
<template #footer>
|
||
<n-flex justify="center">
|
||
<n-text :type="'info'">{{ result["日期"] + " " + result["时间"] }}</n-text>
|
||
<n-tag size="small" v-if="result.volume>0" :type="result.profitType">{{ result.volume + "股" }}</n-tag>
|
||
<n-tag size="small" v-if="result.costPrice>0" :type="result.profitType">
|
||
{{ "成本:" + result.costPrice + "*" + result.costVolume + " " + result.profit + "%" + " ( " + result.profitAmount + " ¥ )" }}
|
||
</n-tag>
|
||
</n-flex>
|
||
</template>
|
||
<template #action>
|
||
<n-flex justify="left">
|
||
<n-button size="tiny" type="warning" @click="setStock(result['股票代码'],result['股票名称'])"> 成本
|
||
</n-button>
|
||
<n-button size="tiny" type="error"
|
||
@click="showFenshi(result['股票代码'],result['股票名称'],result.changePercent)"> 分时
|
||
</n-button>
|
||
<n-button size="tiny" type="error" @click="showK(result['股票代码'],result['股票名称'])"> 日K</n-button>
|
||
<n-button size="tiny" type="error" v-if="result['买一报价']>0"
|
||
@click="showMoney(result['股票代码'],result['股票名称'])"> 资金
|
||
</n-button>
|
||
<n-button size="tiny" type="success" @click="search(result['股票代码'],result['股票名称'])"> 详情
|
||
</n-button>
|
||
<n-button v-if="result['买一报价']>0" size="tiny" type="success"
|
||
@click="searchNotice(result['股票代码'])"> 公告
|
||
</n-button>
|
||
<n-button v-if="result['买一报价']>0" size="tiny" type="success"
|
||
@click="searchStockReport(result['股票代码'])"> 研报
|
||
</n-button>
|
||
<n-flex justify="right">
|
||
<n-dropdown trigger="click" :options="groupList" key-field="ID" label-field="name"
|
||
@select="(groupId) => AddStockGroupInfo(groupId,result['股票代码'],result['股票名称'])">
|
||
<n-button type="warning" size="tiny">设置分组</n-button>
|
||
</n-dropdown>
|
||
</n-flex>
|
||
</n-flex>
|
||
</template>
|
||
</n-card>
|
||
</n-gi>
|
||
</n-grid>
|
||
</n-tab-pane>
|
||
<n-tab-pane closable v-for="group in groupList" :group-id="group.ID" :name="group.ID" :tab="group.name">
|
||
<n-grid :x-gap="8" :cols="3" :y-gap="8">
|
||
<n-gi :id="result['股票代码']+'_gi'" v-for="result in groupResults" style="margin-left: 2px;">
|
||
<n-card :data-sort="result.sort" :id="result['股票代码']" :data-code="result['股票代码']" :bordered="true"
|
||
:title="result['股票名称']" :closable="false"
|
||
@close="removeMonitor(result['股票代码'],result['股票名称'],result.key)">
|
||
<n-grid :cols="1" :y-gap="6">
|
||
<n-gi>
|
||
<n-text :type="result.type">
|
||
<n-number-animation :duration="1000" :precision="2" :from="result['上次当前价格']"
|
||
:to="Number(result['当前价格'])"/>
|
||
<n-tag size="small" :type="result.type" :bordered="false" v-if="result['盘前盘后']>0">
|
||
({{ result['盘前盘后'] }} {{ result['盘前盘后涨跌幅'] }}%)
|
||
</n-tag>
|
||
</n-text>
|
||
<n-text style="padding-left: 10px;" :type="result.type">
|
||
<n-number-animation :duration="1000" :precision="3" :from="0" :to="result.changePercent"/>
|
||
%
|
||
</n-text>
|
||
<n-text size="small" v-if="result.costVolume>0" :type="result.type">
|
||
<n-number-animation :duration="1000" :precision="2" :from="0" :to="result.profitAmountToday"/>
|
||
</n-text>
|
||
</n-gi>
|
||
</n-grid>
|
||
<n-grid :cols="2" :y-gap="4" :x-gap="4">
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "最高 " + result["今日最高价"] + " " + result.highRate }}%</n-text>
|
||
</n-gi>
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "最低 " + result["今日最低价"] + " " + result.lowRate }}%</n-text>
|
||
</n-gi>
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "昨收 " + result["昨日收盘价"] }}</n-text>
|
||
</n-gi>
|
||
<n-gi>
|
||
<n-text :type="'info'">{{ "今开 " + result["今日开盘价"] }}</n-text>
|
||
</n-gi>
|
||
</n-grid>
|
||
<n-collapse accordion v-if="result['买一报价']>0">
|
||
<n-collapse-item title="盘口" name="1" v-if="result['买一报价']>0">
|
||
<template #header-extra>
|
||
<n-flex justify="space-between">
|
||
<n-text :type="'info'">{{ "买一 " + result["买一报价"] + '(' + result["买一申报"] + ")" }}</n-text>
|
||
<n-text :type="'info'">{{ "卖一 " + result["卖一报价"] + '(' + result["卖一申报"] + ")" }}</n-text>
|
||
</n-flex>
|
||
</template>
|
||
<n-grid :cols="2" :y-gap="4" :x-gap="4">
|
||
<n-gi v-if="result['买一报价']>0">
|
||
<n-text :type="'info'">{{ "买一 " + result["买一报价"] + '(' + result["买一申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖一报价']>0">
|
||
<n-text :type="'info'">{{ "卖一 " + result["卖一报价"] + '(' + result["卖一申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买二报价']>0">
|
||
<n-text :type="'info'">{{ "买二 " + result["买二报价"] + '(' + result["买二申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖二报价']>0">
|
||
<n-text :type="'info'">{{ "卖二 " + result["卖二报价"] + '(' + result["卖二申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买三报价']>0">
|
||
<n-text :type="'info'">{{ "买三 " + result["买三报价"] + '(' + result["买三申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖三报价']>0">
|
||
<n-text :type="'info'">{{ "买三 " + result["卖三报价"] + '(' + result["卖三申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买四报价']>0">
|
||
<n-text :type="'info'">{{ "买四 " + result["买四报价"] + '(' + result["买四申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖四报价']>0">
|
||
<n-text :type="'info'">{{ "卖四 " + result["卖四报价"] + '(' + result["卖四申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
|
||
<n-gi v-if="result['买五报价']>0">
|
||
<n-text :type="'info'">{{ "买五 " + result["买五报价"] + '(' + result["买五申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
<n-gi v-if="result['卖五报价']>0">
|
||
<n-text :type="'info'">{{ "卖五 " + result["卖五报价"] + '(' + result["卖五申报"] + ")" }}</n-text>
|
||
</n-gi>
|
||
</n-grid>
|
||
</n-collapse-item>
|
||
</n-collapse>
|
||
<template #header-extra>
|
||
|
||
<n-tag size="small" :bordered="false">{{ result['股票代码'] }}</n-tag>
|
||
<n-button size="tiny" secondary type="primary"
|
||
@click="removeMonitor(result['股票代码'],result['股票名称'],result.key)">
|
||
取消关注
|
||
</n-button>
|
||
|
||
<n-button size="tiny" v-if="data.openAiEnable" secondary type="warning" @click="aiCheckStock(result['股票名称'],result['股票代码'])">
|
||
AI分析
|
||
</n-button>
|
||
<n-button secondary type="error" size="tiny"
|
||
@click="delStockGroup(result['股票代码'],result['股票名称'],group.ID)">移出分组
|
||
</n-button>
|
||
</template>
|
||
<template #footer>
|
||
<n-flex justify="center">
|
||
<n-text :type="'info'">{{ result["日期"] + " " + result["时间"] }}</n-text>
|
||
<n-tag size="small" v-if="result.volume>0" :type="result.profitType">{{ result.volume + "股" }}</n-tag>
|
||
<n-tag size="small" v-if="result.costPrice>0" :type="result.profitType">
|
||
{{ "成本:" + result.costPrice + "*" + result.costVolume + " " + result.profit + "%" + " ( " + result.profitAmount + " ¥ )" }}
|
||
</n-tag>
|
||
</n-flex>
|
||
</template>
|
||
<template #action>
|
||
<n-flex justify="left">
|
||
<n-button size="tiny" type="warning" @click="setStock(result['股票代码'],result['股票名称'])"> 成本
|
||
</n-button>
|
||
<n-button size="tiny" type="error"
|
||
@click="showFenshi(result['股票代码'],result['股票名称'],result.changePercent)"> 分时
|
||
</n-button>
|
||
<n-button size="tiny" type="error" @click="showK(result['股票代码'],result['股票名称'])"> 日K</n-button>
|
||
<n-button size="tiny" type="error" v-if="result['买一报价']>0"
|
||
@click="showMoney(result['股票代码'],result['股票名称'])"> 资金
|
||
</n-button>
|
||
<n-button size="tiny" type="success" @click="search(result['股票代码'],result['股票名称'])"> 详情
|
||
</n-button>
|
||
<n-button v-if="result['买一报价']>0" size="tiny" type="success"
|
||
@click="searchNotice(result['股票代码'])"> 公告
|
||
</n-button>
|
||
<n-button v-if="result['买一报价']>0" size="tiny" type="success"
|
||
@click="searchStockReport(result['股票代码'])"> 研报
|
||
</n-button>
|
||
<n-flex justify="right">
|
||
<n-dropdown trigger="click" :options="groupList" key-field="ID" label-field="name"
|
||
@select="(groupId) => AddStockGroupInfo(groupId,result['股票代码'],result['股票名称'])">
|
||
<n-button type="warning" size="tiny">设置分组</n-button>
|
||
</n-dropdown>
|
||
</n-flex>
|
||
</n-flex>
|
||
</template>
|
||
</n-card>
|
||
</n-gi>
|
||
</n-grid>
|
||
</n-tab-pane>
|
||
</n-tabs>
|
||
<div style="position: fixed;bottom: 18px;right:5px;z-index: 10;width: 400px">
|
||
<!-- <n-card :bordered="false">-->
|
||
<n-input-group>
|
||
<!-- <n-button type="error" @click="addBTN=!addBTN" > <n-icon :component="Search"/> <n-text v-if="addBTN">隐藏</n-text></n-button>-->
|
||
|
||
<n-auto-complete v-model:value="data.name" v-if="addBTN"
|
||
:input-props="{
|
||
autocomplete: 'disabled',
|
||
}"
|
||
:options="options"
|
||
placeholder="股票指数名称/代码/弹幕"
|
||
clearable @update-value="getStockList" :on-select="onSelect"/>
|
||
|
||
<n-popover trigger="manual" :show="showPopover">
|
||
<template #trigger>
|
||
<n-button type="primary" @click="AddStock" v-if="addBTN">
|
||
<n-icon :component="Add"/> 关注
|
||
</n-button>
|
||
</template>
|
||
<span>输入股票名称/代码关键词开始吧~~~</span>
|
||
</n-popover>
|
||
|
||
<n-button type="info" @click="SendDanmu" v-if="data.enableDanmu">
|
||
<n-icon :component="ChatboxOutline"/> 发送弹幕
|
||
</n-button>
|
||
</n-input-group>
|
||
<!-- </n-card>-->
|
||
</div>
|
||
<n-modal transform-origin="center" size="small" v-model:show="modalShow" :title="formModel.name" style="width: 400px"
|
||
:preset="'card'">
|
||
<n-form :model="formModel" :rules="{
|
||
costPrice: { required: true, message: '请输入成本'},
|
||
volume: { required: true, message: '请输入数量'},
|
||
alarm:{required: true, message: '涨跌报警值'} ,
|
||
alarmPrice: { required: true, message: '请输入报警价格'},
|
||
sort: { required: true, message: '请输入排序值'},
|
||
}" label-placement="left" label-width="80px">
|
||
<n-form-item label="股票成本" path="costPrice">
|
||
<n-input-number v-model:value="formModel.costPrice" min="0" placeholder="请输入股票成本">
|
||
<template #suffix>
|
||
{{ formModel.code.indexOf("hk") >= 0 ? "HK$" : "¥" }}
|
||
</template>
|
||
</n-input-number>
|
||
</n-form-item>
|
||
<n-form-item label="股票数量" path="volume">
|
||
<n-input-number v-model:value="formModel.volume" min="0" step="100" placeholder="请输入股票数量">
|
||
<template #suffix>
|
||
股
|
||
</template>
|
||
</n-input-number>
|
||
</n-form-item>
|
||
<n-form-item label="涨跌提醒" path="alarm">
|
||
<n-input-number v-model:value="formModel.alarm" min="0" placeholder="请输入涨跌报警值(%)">
|
||
<template #suffix>
|
||
%
|
||
</template>
|
||
</n-input-number>
|
||
</n-form-item>
|
||
<n-form-item label="股价提醒" path="alarmPrice">
|
||
<n-input-number v-model:value="formModel.alarmPrice" min="0" placeholder="请输入股价报警值(¥)">
|
||
<template #suffix>
|
||
{{ formModel.code.indexOf("hk") >= 0 ? "HK$" : "¥" }}
|
||
</template>
|
||
</n-input-number>
|
||
</n-form-item>
|
||
<n-form-item label="股票排序" path="sort">
|
||
<n-input-number v-model:value="formModel.sort" min="0" placeholder="请输入股价排序值">
|
||
</n-input-number>
|
||
</n-form-item>
|
||
<n-form-item label="AI cron" path="cron">
|
||
<n-input v-model:value="formModel.cron" placeholder="请输入cron表达式"/>
|
||
</n-form-item>
|
||
</n-form>
|
||
<template #footer>
|
||
<n-button type="primary"
|
||
@click="updateCostPriceAndVolumeNew(formModel.code,formModel.costPrice,formModel.volume,formModel.alarm,formModel)">
|
||
保存
|
||
</n-button>
|
||
</template>
|
||
</n-modal>
|
||
|
||
<n-modal v-model:show="addTabPane" title="添加分组" style="width: 400px;text-align: left" :preset="'card'">
|
||
<n-form
|
||
:model="addTabModel"
|
||
size="medium"
|
||
label-placement="left"
|
||
>
|
||
<n-grid :cols="2">
|
||
<n-form-item-gi label="分组名称:" path="name" :span="5">
|
||
<n-input v-model:value="addTabModel.name" style="width: 100%" placeholder="请输入分组名称"/>
|
||
</n-form-item-gi>
|
||
<n-form-item-gi label="分组排序:" path="sort" :span="5">
|
||
<n-input-number v-model:value="addTabModel.sort" style="width: 100%" min="0"
|
||
placeholder="请输入分组排序值"></n-input-number>
|
||
</n-form-item-gi>
|
||
</n-grid>
|
||
</n-form>
|
||
<template #footer>
|
||
<n-flex justify="end">
|
||
<n-button type="primary" @click="saveTabPane">
|
||
保存
|
||
</n-button>
|
||
<n-button type="warning" @click="addTabPane=false">
|
||
取消
|
||
</n-button>
|
||
</n-flex>
|
||
</template>
|
||
</n-modal>
|
||
<n-modal v-model:show="modalShow2" :title="data.name+' '+ data.changePercent+'%'" style="width: 1000px"
|
||
:preset="'card'" @after-enter="handleFeishi" @after-leave="clearFeishi">
|
||
<!-- <n-image :src="data.fenshiURL" />-->
|
||
<div ref="kLineChartRef2" style="width: 1000px; height: 500px;"></div>
|
||
</n-modal>
|
||
<n-modal v-model:show="modalShow3" :title="data.name" style="width: 1000px" :preset="'card'"
|
||
@after-enter="handleKLine">
|
||
<!-- <n-image :src="data.kURL" />-->
|
||
<div ref="kLineChartRef" style="width: 1000px; height: 500px;"></div>
|
||
</n-modal>
|
||
|
||
<n-modal transform-origin="center" v-model:show="modalShow4" preset="card" style="width: 800px;"
|
||
:title="'['+data.name+']AI分析'">
|
||
<n-spin size="small" :show="data.loading">
|
||
<MdEditor v-if="enableEditor" :toolbars="toolbars" ref="mdEditorRef" style="height: 440px;text-align: left"
|
||
:modelValue="data.airesult" :theme="theme">
|
||
<template #defToolbars>
|
||
<ExportPDF :file-name="data.name+'['+data.code+']AI分析报告'" style="text-align: left"
|
||
:modelValue="data.airesult" @onProgress="handleProgress"/>
|
||
</template>
|
||
</MdEditor>
|
||
<MdPreview v-if="!enableEditor" ref="mdPreviewRef" style="height: 440px;text-align: left"
|
||
:modelValue="data.airesult" :theme="theme"/>
|
||
</n-spin>
|
||
<template #footer>
|
||
<n-flex justify="space-between" ref="tipsRef">
|
||
<n-text type="info" v-if="data.time">
|
||
<n-tag v-if="data.modelName" type="warning" round :title="data.chatId" :bordered="false">
|
||
{{ data.modelName }}
|
||
</n-tag>
|
||
{{ data.time }}
|
||
</n-text>
|
||
<n-text type="error">*AI分析结果仅供参考，请以实际行情为准。投资需谨慎，风险自担。</n-text>
|
||
</n-flex>
|
||
</template>
|
||
<template #action>
|
||
<n-flex justify="left" style="margin-bottom: 10px">
|
||
<n-switch v-model:value="enableTools" :round="false">
|
||
<template #checked>
|
||
启用AI函数工具调用
|
||
</template>
|
||
<template #unchecked>
|
||
不启用AI函数工具调用
|
||
</template>
|
||
</n-switch>
|
||
<n-gradient-text type="error" style="margin-left: 10px">*AI函数工具调用可以增强AI获取数据的能力,但会消耗更多tokens。</n-gradient-text>
|
||
</n-flex>
|
||
<n-flex justify="space-between" style="margin-bottom: 10px">
|
||
<n-select style="width: 49%" v-model:value="data.sysPromptId" label-field="name" value-field="ID"
|
||
:options="sysPromptOptions" placeholder="请选择系统提示词"/>
|
||
<n-select style="width: 49%" v-model:value="data.question" label-field="name" value-field="content"
|
||
:options="userPromptOptions" placeholder="请选择用户提示词"/>
|
||
</n-flex>
|
||
<n-flex justify="right">
|
||
<n-input v-model:value="data.question" style="text-align: left" clearable
|
||
type="textarea"
|
||
:show-count="true"
|
||
placeholder="请输入您的问题:例如{{stockName}}[{{stockCode}}]分析和总结"
|
||
:autosize="{
|
||
minRows: 2,
|
||
maxRows: 5
|
||
}"
|
||
/>
|
||
<!-- <n-button size="tiny" type="error" @click="enableEditor=!enableEditor">编辑/预览</n-button>-->
|
||
<n-button size="tiny" type="warning" @click="aiReCheckStock(data.name,data.code)">开始AI分析</n-button>
|
||
<n-button size="tiny" type="info" @click="saveAsImage(data.name,data.code)">保存为图片</n-button>
|
||
<n-button size="tiny" type="success" @click="copyToClipboard">复制到剪切板</n-button>
|
||
<n-button size="tiny" type="primary" @click="saveAsMarkdown">保存为Markdown文件</n-button>
|
||
<n-button size="tiny" type="primary" @click="saveAsWord">保存为Word文件</n-button>
|
||
<n-button size="tiny" type="error" @click="share(data.code,data.name)">分享到项目社区</n-button>
|
||
</n-flex>
|
||
</template>
|
||
</n-modal>
|
||
<n-modal v-model:show="modalShow5" :title="data.name+'资金趋势'" style="width: 1000px" :preset="'card'">
|
||
<money-trend :code="data.code" :name="data.name" :days="360" :dark-theme="data.darkTheme"
|
||
:chart-height="500"></money-trend>
|
||
</n-modal>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.md-editor-preview h3 {
|
||
text-align: center !important;
|
||
}
|
||
|
||
.md-editor-preview p {
|
||
text-align: left !important;
|
||
}
|
||
|
||
/* 添加闪烁效果的CSS类 */
|
||
.blink-border {
|
||
animation: blink-border 1s linear infinite;
|
||
border: 4px solid transparent;
|
||
}
|
||
|
||
@keyframes blink-border {
|
||
0% {
|
||
border-color: red;
|
||
}
|
||
50% {
|
||
border-color: transparent;
|
||
}
|
||
100% {
|
||
border-color: red;
|
||
}
|
||
}
|
||
</style>
|