89 lines
3.3 KiB
HTML
89 lines
3.3 KiB
HTML
<!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>
|
||
<script src="js/marked.min.js"></script>
|
||
<script src="js/query.js"></script>
|
||
</body>
|
||
</html>
|