2026-01-21 07:51:52 +08:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="utf-8">
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<title>智能数据查询 - 驿来特AI智能大脑</title>
|
|
|
|
|
|
<link rel="stylesheet" href="css/element-plus.index.css">
|
|
|
|
|
|
<link rel="stylesheet" href="css/query.css">
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div id="app">
|
|
|
|
|
|
<header class="dashboard-header">
|
|
|
|
|
|
<a href="index.html" class="dashboard-title">⚡ 驿来特AI智能大脑</a>
|
|
|
|
|
|
<a href="index.html" class="home-link">↩ 返回首页</a>
|
|
|
|
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="degree-container">
|
|
|
|
|
|
<div class="query-section">
|
|
|
|
|
|
<h1 class="page-title">驿来特AI智能数据查询</h1>
|
|
|
|
|
|
<p class="page-subtitle">基于大语言模型，为您提供实时、精准的业务数据分析</p>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="input-wrapper">
|
|
|
|
|
|
<el-input
|
|
|
|
|
|
v-model="userQuery"
|
|
|
|
|
|
placeholder="请输入您的问题，例如：帮我查询12月份充电量TOP 10场站的充电情况"
|
|
|
|
|
|
class="search-input"
|
|
|
|
|
|
size="large"
|
|
|
|
|
|
@keyup.enter="handleDegreeSearch"
|
|
|
|
|
|
:disabled="queryLoading"
|
|
|
|
|
|
>
|
|
|
|
|
|
<template #append>
|
|
|
|
|
|
<el-button @click="handleDegreeSearch" :loading="queryLoading" type="primary">
|
|
|
|
|
|
{{ queryLoading ? '分析中...' : '开始查询' }}
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
</template>
|
|
|
|
|
|
</el-input>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="example-tags">
|
|
|
|
|
|
<el-tag
|
|
|
|
|
|
v-for="(text, index) in examples"
|
|
|
|
|
|
:key="index"
|
|
|
|
|
|
class="example-tag"
|
|
|
|
|
|
effect="plain"
|
|
|
|
|
|
round
|
|
|
|
|
|
size="large"
|
|
|
|
|
|
@click="setExample(text)"
|
|
|
|
|
|
>
|
|
|
|
|
|
{{ text }}
|
|
|
|
|
|
</el-tag>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="result-section" v-if="queryResult || queryLoading">
|
|
|
|
|
|
<div class="result-header">
|
|
|
|
|
|
<div class="result-title">
|
|
|
|
|
|
<span>分析结果</span>
|
|
|
|
|
|
<el-tag size="small" type="success" effect="dark" v-if="!queryLoading">完成</el-tag>
|
|
|
|
|
|
<el-tag size="small" type="warning" effect="dark" v-if="queryLoading">生成中</el-tag>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<el-button
|
|
|
|
|
|
v-if="queryLoading"
|
|
|
|
|
|
type="danger"
|
|
|
|
|
|
link
|
|
|
|
|
|
@click="stopDegreeGeneration"
|
|
|
|
|
|
>
|
|
|
|
|
|
停止生成
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="markdown-body" v-html="renderedResult"></div>
|
|
|
|
|
|
<div v-if="queryLoading && !queryResult" class="loading-container">
|
|
|
|
|
|
<p>正在分析数据，请稍候...</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span v-if="queryLoading" class="cursor-blink">|</span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<script src="js/vue.global.js"></script>
|
|
|
|
|
|
<script src="js/element-plus.index.full.js"></script>
|
|
|
|
|
|
<script src="js/element-plus.zh-cn.min.js"></script>
|
|
|
|
|
|
<script src="js/axios.min.js"></script>
|
|
|
|
|
|
<script src="js/echarts.min.js"></script>
|
2026-01-21 08:41:47 +08:00
|
|
|
|
<!-- Markdown & LaTeX Support -->
|
|
|
|
|
|
<link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css">
|
|
|
|
|
|
<script src="https://gcore.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js"></script>
|
2026-01-21 07:51:52 +08:00
|
|
|
|
<script src="js/marked.min.js"></script>
|
|
|
|
|
|
<script src="js/query.js"></script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
