412 lines
15 KiB
JavaScript
412 lines
15 KiB
JavaScript
|
var theobject = null; //This gets a value as soon as a resize start
|
|||
|
|
var resizeWidth = "";
|
|||
|
|
var resizeHeight = "";
|
|||
|
|
var resizeLeft = "";
|
|||
|
|
var resizeTop = "";
|
|||
|
|
var resizeId = "";
|
|||
|
|
var firstLeft = "";
|
|||
|
|
var firstTop = "";
|
|||
|
|
|
|||
|
|
function resizeObject() {
|
|||
|
|
this.el = null; //pointer to the object
|
|||
|
|
this.dir = ""; //type of current resize (n, s, e, w, ne, nw, se, sw)
|
|||
|
|
this.grabx = null; //Some useful values
|
|||
|
|
this.graby = null;
|
|||
|
|
this.width = null;
|
|||
|
|
this.height = null;
|
|||
|
|
this.left = null;
|
|||
|
|
this.top = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
//Find out what kind of resize! Return a string inlcluding the directions
|
|||
|
|
function getDirection(el) {
|
|||
|
|
var xPos, yPos, offset, dir;
|
|||
|
|
dir = "";
|
|||
|
|
|
|||
|
|
xPos = window.event.offsetX;
|
|||
|
|
yPos = window.event.offsetY;
|
|||
|
|
|
|||
|
|
offset = 8; //The distance from the edge in pixels
|
|||
|
|
|
|||
|
|
if (yPos < offset) dir += "n";
|
|||
|
|
else if (yPos > el.offsetHeight - offset) dir += "s";
|
|||
|
|
if (xPos < offset) dir += "w";
|
|||
|
|
else if (xPos > el.offsetWidth - offset) dir += "e";
|
|||
|
|
|
|||
|
|
return dir;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doDown() {
|
|||
|
|
var el = getReal(event.srcElement, "className", "reSize");
|
|||
|
|
|
|||
|
|
if (el == null) {
|
|||
|
|
theobject = null;
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
resizeId = el.id;
|
|||
|
|
|
|||
|
|
firstLeft = $('#' + resizeId).position().left;
|
|||
|
|
firstTop = $('#' + resizeId).position().top;
|
|||
|
|
|
|||
|
|
dir = getDirection(el);
|
|||
|
|
if (dir == "") return;
|
|||
|
|
|
|||
|
|
theobject = new resizeObject();
|
|||
|
|
|
|||
|
|
theobject.el = el;
|
|||
|
|
theobject.dir = dir;
|
|||
|
|
|
|||
|
|
theobject.grabx = window.event.clientX;
|
|||
|
|
theobject.graby = window.event.clientY;
|
|||
|
|
theobject.width = el.offsetWidth;
|
|||
|
|
theobject.height = el.offsetHeight;
|
|||
|
|
theobject.left = el.offsetLeft;
|
|||
|
|
theobject.top = el.offsetTop;
|
|||
|
|
|
|||
|
|
window.event.returnValue = false;
|
|||
|
|
window.event.cancelBubble = true;
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doUp3() {
|
|||
|
|
if (theobject != null) {
|
|||
|
|
theobject = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (resizeId != '') {
|
|||
|
|
var reSizeDiv = $('#' + resizeId);
|
|||
|
|
resizeWidth = reSizeDiv.css("width");
|
|||
|
|
resizeHeight = reSizeDiv.css("height");
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: "GET",
|
|||
|
|
url: ext.contextPath + "/process/dataVisualContent/updateReSize.do?id=" + resizeId + "&width=" + resizeWidth + "&height=" + resizeHeight,
|
|||
|
|
async: false,
|
|||
|
|
globle: false,
|
|||
|
|
success: function (data) {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
resizeWidth = "";
|
|||
|
|
resizeHeight = "";
|
|||
|
|
resizeLeft = "";
|
|||
|
|
resizeTop = "";
|
|||
|
|
resizeId = "";
|
|||
|
|
firstLeft = "";
|
|||
|
|
firstTop = "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doUp0() {
|
|||
|
|
|
|||
|
|
if (theobject != null) {
|
|||
|
|
theobject = null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doUp() {
|
|||
|
|
|
|||
|
|
if (theobject != null) {
|
|||
|
|
theobject = null;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (resizeId != '') {
|
|||
|
|
var reSizeDiv = $('#' + resizeId);
|
|||
|
|
resizeWidth = reSizeDiv.css("width");
|
|||
|
|
resizeHeight = reSizeDiv.css("height");
|
|||
|
|
resizeLeft = reSizeDiv.css("left").replace("px", "");
|
|||
|
|
resizeTop = reSizeDiv.css("top").replace("px", "");
|
|||
|
|
|
|||
|
|
// if(firstLeft==resizeLeft&&firstTop==resizeTop){
|
|||
|
|
// stopMove(resizeId,"noMove");
|
|||
|
|
// }else{
|
|||
|
|
// stopMove(resizeId,"move");
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: "GET",
|
|||
|
|
url: ext.contextPath + "/process/dataVisualContent/updateReSize.do?id=" + resizeId + "&width=" + resizeWidth + "&height=" + resizeHeight,
|
|||
|
|
async: false,
|
|||
|
|
globle: false,
|
|||
|
|
success: function (data) {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: "GET",
|
|||
|
|
url: ext.contextPath + "/process/dataVisualContent/updateLayout.do?id=" + resizeId + "&postx=" + resizeLeft + "&posty=" + resizeTop,
|
|||
|
|
async: false,
|
|||
|
|
globle: false,
|
|||
|
|
success: function (data) {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
// $('#'+resizeId).draggable({
|
|||
|
|
// cursor:'move'
|
|||
|
|
// });
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
resizeWidth = "";
|
|||
|
|
resizeHeight = "";
|
|||
|
|
resizeLeft = "";
|
|||
|
|
resizeTop = "";
|
|||
|
|
resizeId = "";
|
|||
|
|
firstLeft = "";
|
|||
|
|
firstTop = "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function doMove() {
|
|||
|
|
var el, xPos, yPos, str, xMin, yMin;
|
|||
|
|
xMin = 8; //The smallest width possible
|
|||
|
|
yMin = 8; // height
|
|||
|
|
|
|||
|
|
el = getReal(event.srcElement, "className", "reSize");
|
|||
|
|
|
|||
|
|
if (el == null) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (el.className.indexOf("reSize") >= 0) {
|
|||
|
|
str = getDirection(el);
|
|||
|
|
//Fix the cursor
|
|||
|
|
if (str == "") str = "default";
|
|||
|
|
else str += "-resize";
|
|||
|
|
el.style.cursor = str;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//Dragging starts here
|
|||
|
|
if (theobject != null) {
|
|||
|
|
if (dir.indexOf("e") != -1)
|
|||
|
|
theobject.el.style.width = Math.max(xMin, theobject.width +
|
|||
|
|
|
|||
|
|
window.event.clientX - theobject.grabx) + "px";
|
|||
|
|
|
|||
|
|
if (dir.indexOf("s") != -1)
|
|||
|
|
theobject.el.style.height = Math.max(yMin, theobject.height +
|
|||
|
|
|
|||
|
|
window.event.clientY - theobject.graby) + "px";
|
|||
|
|
|
|||
|
|
if (dir.indexOf("w") != -1) {
|
|||
|
|
theobject.el.style.left = Math.min(theobject.left +
|
|||
|
|
|
|||
|
|
window.event.clientX - theobject.grabx, theobject.left + theobject.width - xMin) + "px";
|
|||
|
|
theobject.el.style.width = Math.max(xMin, theobject.width -
|
|||
|
|
|
|||
|
|
window.event.clientX + theobject.grabx) + "px";
|
|||
|
|
}
|
|||
|
|
if (dir.indexOf("n") != -1) {
|
|||
|
|
theobject.el.style.top = Math.min(theobject.top +
|
|||
|
|
|
|||
|
|
window.event.clientY - theobject.graby, theobject.top + theobject.height - yMin) + "px";
|
|||
|
|
theobject.el.style.height = Math.max(yMin, theobject.height -
|
|||
|
|
|
|||
|
|
window.event.clientY + theobject.graby) + "px";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
window.event.returnValue = false;
|
|||
|
|
window.event.cancelBubble = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function getReal(el, type, value) {
|
|||
|
|
temp = el;
|
|||
|
|
while ((temp != null) && (temp.tagName != "BODY")) {
|
|||
|
|
if (temp.className.indexOf("reSize") >= 0) {
|
|||
|
|
el = temp;
|
|||
|
|
return el;
|
|||
|
|
} else {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
temp = temp.parentElement;
|
|||
|
|
}
|
|||
|
|
return el;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function doUp2(resizeId2) {
|
|||
|
|
var reSizeDiv = $('#' + resizeId2);
|
|||
|
|
// resizeWidth=reSizeDiv.css("width");
|
|||
|
|
// resizeHeight=reSizeDiv.css("height");
|
|||
|
|
resizeLeft = reSizeDiv.css("left");
|
|||
|
|
resizeTop = reSizeDiv.css("top");
|
|||
|
|
|
|||
|
|
// $.ajax({
|
|||
|
|
// type : "GET",
|
|||
|
|
// url : ext.contextPath+"/process/dataVisualContent/updateReSize.do?id="+resizeId+"&width="+resizeWidth+"&height="+resizeHeight,
|
|||
|
|
// async: false,
|
|||
|
|
// globle:false,
|
|||
|
|
// success : function(data){
|
|||
|
|
// }
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
$.ajax({
|
|||
|
|
type: "GET",
|
|||
|
|
url: ext.contextPath + "/process/dataVisualContent/getOneJson.do?id=" + resizeId2,
|
|||
|
|
async: false,
|
|||
|
|
globle: false,
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: function (data) {
|
|||
|
|
data = data[0];
|
|||
|
|
if (data.postx.indexOf('%') < 0 && data.posty.indexOf('%') < 0) {
|
|||
|
|
$.ajax({
|
|||
|
|
type: "GET",
|
|||
|
|
url: ext.contextPath + "/process/dataVisualContent/updateLayout.do?id=" + resizeId2 + "&postx=" + resizeLeft + "&posty=" + resizeTop,
|
|||
|
|
async: false,
|
|||
|
|
globle: false,
|
|||
|
|
success: function (data) {
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
resizeWidth = "";
|
|||
|
|
resizeHeight = "";
|
|||
|
|
resizeLeft = "";
|
|||
|
|
resizeTop = "";
|
|||
|
|
resizeId = "";
|
|||
|
|
firstLeft = "";
|
|||
|
|
firstTop = "";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var rec;
|
|||
|
|
var flag = 0;
|
|||
|
|
function voiceClick(voicetext,voicemethod,paths,contentId){
|
|||
|
|
paths=paths.split(",");
|
|||
|
|
let path1="";let path2="";
|
|||
|
|
if(paths.length>2){
|
|||
|
|
path1=paths[1];
|
|||
|
|
path2=paths[0];
|
|||
|
|
}else{
|
|||
|
|
path1=paths[0];
|
|||
|
|
path2=paths[0];
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
flag += 1;
|
|||
|
|
if (flag % 2 == 1) {
|
|||
|
|
rec = Recorder({ type: "mp3", sampleRate: 16000, bitRate: 16, numChannels: 1 });//使用默认配置，mp3格式
|
|||
|
|
//打开麦克风授权获得相关资源
|
|||
|
|
rec.open(function () {
|
|||
|
|
//开始录音
|
|||
|
|
rec.start();
|
|||
|
|
}, function (msg, isUserNotAllow) {
|
|||
|
|
//用户拒绝了权限或浏览器不支持
|
|||
|
|
alert((isUserNotAllow ? "用户拒绝了权限，" : "") + "无法录音:" + msg);
|
|||
|
|
});
|
|||
|
|
document.getElementById(contentId+"Img").src=path2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (flag % 2 == 0) {
|
|||
|
|
//停止录音，得到了录音文件blob二进制对象，想干嘛就干嘛
|
|||
|
|
rec.stop(function (blob, duration) {
|
|||
|
|
var api=ext.contextPath +"/data/baiDuAipSpeech/save.do";
|
|||
|
|
var reader=new FileReader();
|
|||
|
|
let to_speak = window.speechSynthesis;
|
|||
|
|
reader.onloadend=function(){
|
|||
|
|
$.ajax({
|
|||
|
|
url:api, //上传接口地址
|
|||
|
|
type:"POST",
|
|||
|
|
data:{
|
|||
|
|
type:blob.type, //告诉后端，这个录音是什么格式的，可能前后端都固定的mp3可以不用写
|
|||
|
|
upfile_b64:(/.+;\s*base64\s*,\s*(.+)$/i.exec(reader.result)||[])[1] //录音文件内容，后端进行base64解码成二进制
|
|||
|
|
},
|
|||
|
|
success:function(data){
|
|||
|
|
console.log(data);
|
|||
|
|
data = eval('(' + data + ')');
|
|||
|
|
let result=data.result[0];
|
|||
|
|
if(result.indexOf("请对取水一号凤凰进行巡检")>=0){
|
|||
|
|
result="请对取水一号泵房进行巡检";
|
|||
|
|
}
|
|||
|
|
console.log(result);
|
|||
|
|
if(result.indexOf(voicetext)>=0){
|
|||
|
|
eval(voicemethod);
|
|||
|
|
}else if(result.indexOf("请对取水一号泵房进行巡检")>=0||
|
|||
|
|
result.indexOf("一号反冲洗泵情况")>=0||
|
|||
|
|
result.indexOf("二号反冲洗泵情况")>=0||
|
|||
|
|
result.indexOf("三号反冲洗泵情况")>=0||
|
|||
|
|
result.indexOf("一号送水泵情况")>=0||
|
|||
|
|
result.indexOf("二号送水泵情况")>=0||
|
|||
|
|
result.indexOf("三号送水泵情况")>=0||
|
|||
|
|
result.indexOf("四号送水泵情况")>=0||
|
|||
|
|
result.indexOf("五号送水泵情况")>=0||
|
|||
|
|
result.indexOf("六号送水泵情况")>=0||
|
|||
|
|
result.indexOf("七号送水泵情况")>=0||
|
|||
|
|
result.indexOf("八号送水泵情况")>=0){
|
|||
|
|
$.ajax({
|
|||
|
|
type: "GET",
|
|||
|
|
url: ext.contextPath + "/data/baiDuAipSpeech/sendBim.do?text=" + result,
|
|||
|
|
async: false,
|
|||
|
|
globle: false,
|
|||
|
|
success: function (data) {
|
|||
|
|
console.log("in bim");
|
|||
|
|
if(result.indexOf("请对取水一号泵房进行巡检")>=0||result.indexOf("请对取水一号凤凰进行巡检")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("好的，现在开始执行取水一号泵房自动巡检");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("一号反冲洗泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位一号反冲洗泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("二号反冲洗泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位二号反冲洗泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("三号反冲洗泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位三号反冲洗泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("一号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位一号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("二号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位二号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("三号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位三号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("四号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位四号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("五号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位五号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("六号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位六号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("七号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位七号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}else if(result.indexOf("八号送水泵情况")>=0){
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("正在为您定位八号送水泵");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
to_speak = new SpeechSynthesisUtterance("暂时没法识别你的语音呢");
|
|||
|
|
window.speechSynthesis.speak(to_speak);
|
|||
|
|
}
|
|||
|
|
// console.log("上传成功",v);
|
|||
|
|
rec.close();
|
|||
|
|
},
|
|||
|
|
error:function(s){
|
|||
|
|
console.error("上传失败",s);
|
|||
|
|
rec.close();
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
reader.readAsDataURL(blob);
|
|||
|
|
|
|||
|
|
}, function (msg) {
|
|||
|
|
alert("录音失败:" + msg);
|
|||
|
|
rec.close();
|
|||
|
|
});
|
|||
|
|
flag=0;
|
|||
|
|
document.getElementById(contentId+"Img").src=path1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// document.onmousedown = doDown;
|
|||
|
|
// document.onmouseup = doUp;
|
|||
|
|
// document.onmousemove = doMove;
|