170 lines
5.4 KiB
HTML
170 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>map</title>
|
|
<script src="./js/jQuery-1.8.3.min.js"></script>
|
|
<link href="./css/machine.css" rel="stylesheet">
|
|
<link href="./css/demo.css" rel="stylesheet">
|
|
<link href="./css/flexleft.css" rel="stylesheet">
|
|
<script src="./js/public.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="map_header">
|
|
<div class="map_left">
|
|
<h2 class="logo_txt">
|
|
基于知识图谱的兵要信息平台
|
|
</h2>
|
|
<ul class="map-nav">
|
|
<li class="ml10">
|
|
<a href="./map.html">首页</a>
|
|
</li>
|
|
<li class="ml10">
|
|
<a href="javscript:void(0)" title="正在完善中">新闻动态</a>
|
|
</li>
|
|
<li class="ml10">
|
|
<a href="javscript:void(0)" title="正在完善中">后台管理</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<ul class="user_info">
|
|
<!-- <span class="search-Panel">
|
|
<input class="search-input-item prov" placeholder="请输入地点" />
|
|
<input onkeyup="this.value=this.value.replace(/[^\d.]/g, '')" class="search-input-item lon" placeholder="经度" />
|
|
<input onkeyup="this.value=this.value.replace(/[^\d.]/g, '')" class="search-input-item lon" placeholder="纬度" />
|
|
<div class="show_detail ml10">
|
|
<i class="iconfont icon-search"></i>
|
|
<ul class="detail_info">
|
|
<li class="info_txt" data-key="prov">地点</li>
|
|
<li class="info_txt" data-key="lon">经纬度</li>
|
|
<li class="info_txt" data-key="voice">语音</li>
|
|
</ul>
|
|
</div>
|
|
</span> -->
|
|
<li class="info-item">
|
|
<div class="show_detail">
|
|
<img class="user_img" src="./image/300.jpg" />
|
|
<ul class="detail_info">
|
|
<li class="info_txt" data-key="user">admin</li>
|
|
<li class="info_txt" data-key="off">退出</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="ai_content">
|
|
<div id="box">
|
|
<div class="b-head">
|
|
<span class="h_span">AI对话</span>
|
|
</div>
|
|
<div class="b_body">
|
|
<div class="rotWord">
|
|
<span></span>
|
|
<p id="member">我们聊聊吧！</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="b-footer">
|
|
<input type="text" name="text" id="f-left">
|
|
<div id="btn">发送</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
var params = window.location.href.split('?');
|
|
$(function(){
|
|
if(params.length>1){
|
|
action('中印边境包含哪几段');
|
|
}
|
|
})
|
|
var array = [
|
|
{
|
|
input:'中印边境包含哪几段',
|
|
output:'中印边境包含东段、中段、西段以及锡金段。'
|
|
},{
|
|
input:'中印边境问题引发了哪些对峙事件？',
|
|
output:'中印边境问题引发了桑多河谷对峙、洞朗对峙、班公湖对峙。'
|
|
},{
|
|
input:'班公湖对峙发生于哪里',
|
|
output:'发生在拉达克地区的班公湖北岸。'
|
|
},{
|
|
input:'班公湖近况如何？',
|
|
output:'2019年9月14日印军逼近拉达克地区的班公湖。'
|
|
},{
|
|
input:'印军近期在班公湖的活动？',
|
|
output:'印军在拉达克地区举行联合军演、印度北部军区司令到班公湖巡视。'
|
|
}
|
|
]
|
|
var text = $("#f-left");
|
|
text.focus();
|
|
function action(value)
|
|
{
|
|
if(value==null||value=="")
|
|
{
|
|
text.focus();
|
|
return;
|
|
}
|
|
var html = '<div class="mWord"><span></span><p>'+value+'</p></div>';
|
|
$(".b_body").append(html);
|
|
|
|
var args= {
|
|
type : "get",
|
|
url:"https://api.ownthink.com/bot",
|
|
data : {"appid" : "xiaosi", "spoken" : value},
|
|
success : function(redata)//回调函数
|
|
{
|
|
var my_data = $.parseJSON(redata)
|
|
|
|
var array= [my_data.data.info.text];
|
|
|
|
if(my_data.data.info.hasOwnProperty("heuristic"))
|
|
{
|
|
for (var i=0; i < my_data.data.info.heuristic.length; i++)
|
|
{
|
|
array.push(my_data.data.info.heuristic[i]);
|
|
}
|
|
}
|
|
|
|
for (var i=0; i < array.length; i++)
|
|
{
|
|
var result = array[i];
|
|
$(".b_body").append("<div class='rotWord'><span></span> <p id='member'>" + result + "</p></div>");
|
|
$(".b_body").scrollTop(10000000);
|
|
}
|
|
}
|
|
}
|
|
var answer = "";
|
|
var flag = false;
|
|
for(var i = 0 ;i<array.length;i++){
|
|
if( array[i].input.indexOf(value) > -1 ){
|
|
flag = true;
|
|
answer = '<div class="rotWord"><span></span><p id="member">'+array[i].output+'</p></div>';
|
|
setTimeout(function(){
|
|
$(".b_body").append(answer);
|
|
$(".b_body").scrollTop(10000000);
|
|
text.val('');
|
|
},500);
|
|
return;
|
|
}
|
|
}
|
|
ajax(args);
|
|
$(".b_body").scrollTop(10000000);
|
|
text.val('');
|
|
}
|
|
$("#btn").click(function()//鼠标点击
|
|
{
|
|
action(text.val());
|
|
});
|
|
$(document).keydown(function(event)//回车
|
|
{
|
|
if(event.keyCode==13)
|
|
{
|
|
action(text.val());
|
|
}
|
|
});
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html> |