1625 lines
50 KiB
JavaScript
1625 lines
50 KiB
JavaScript
|
function getBaseUrl() {
|
|||
|
|
var ishttps = 'https:' == document.location.protocol ? true : false;
|
|||
|
|
var url = window.location.host;
|
|||
|
|
if (ishttps) {
|
|||
|
|
url = 'https://' + url;
|
|||
|
|
} else {
|
|||
|
|
url = 'http://' + url;
|
|||
|
|
}
|
|||
|
|
return url;
|
|||
|
|
}
|
|||
|
|
function getWsBaseUrl() {
|
|||
|
|
var ishttps = 'https:' == document.location.protocol ? true : false;
|
|||
|
|
var url = window.location.host;
|
|||
|
|
if (ishttps) {
|
|||
|
|
url = 'wss://' + url;
|
|||
|
|
} else {
|
|||
|
|
url = 'ws://' + url;
|
|||
|
|
}
|
|||
|
|
return url;
|
|||
|
|
}
|
|||
|
|
//获取域名部分
|
|||
|
|
function getDomainFromUrl(url) {
|
|||
|
|
if(!url||url==""){
|
|||
|
|
url=window.location.href;
|
|||
|
|
}
|
|||
|
|
const regex = /^https?:\/\/([^\/]+)/i;
|
|||
|
|
const match = url.match(regex);
|
|||
|
|
return match[1];
|
|||
|
|
}
|
|||
|
|
//获取协议部分
|
|||
|
|
function getProtocolFromUrl(url) {
|
|||
|
|
if(!url||url==""){
|
|||
|
|
url=window.location.href;
|
|||
|
|
}
|
|||
|
|
const regex = /^(https?)/i;
|
|||
|
|
const match = url.match(regex);
|
|||
|
|
return match[1];
|
|||
|
|
}
|
|||
|
|
//获取图片链接
|
|||
|
|
function getImageUrl(imgUrl,host){
|
|||
|
|
var prefix=imgUrl.substr(0,4);
|
|||
|
|
if(prefix=='http'){
|
|||
|
|
return imgUrl;
|
|||
|
|
}else{
|
|||
|
|
return host+imgUrl;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function notify(title, options, callback) {
|
|||
|
|
|
|||
|
|
// 先检查浏览器是否支持
|
|||
|
|
if (!window.Notification) {
|
|||
|
|
console.log("浏览器不支持notify");
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
options.body=replaceHtml(options.body);
|
|||
|
|
console.log("浏览器notify权限:", Notification.permission);
|
|||
|
|
// 检查用户曾经是否同意接受通知
|
|||
|
|
if (Notification.permission === 'granted') {
|
|||
|
|
var notification = new Notification(title, options); // 显示通知
|
|||
|
|
if (notification && callback) {
|
|||
|
|
notification.onclick = function(event) {
|
|||
|
|
callback(notification, event);
|
|||
|
|
}
|
|||
|
|
setTimeout(function () {
|
|||
|
|
notification.close();
|
|||
|
|
},3000);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
Notification.requestPermission().then( (permission) =>function(){
|
|||
|
|
console.log("请求浏览器notify权限:", permission);
|
|||
|
|
if (permission === 'granted') {
|
|||
|
|
notification = new Notification(title, options); // 显示通知
|
|||
|
|
if (notification && callback) {
|
|||
|
|
notification.onclick = function (event) {
|
|||
|
|
callback(notification, event);
|
|||
|
|
}
|
|||
|
|
setTimeout(function () {
|
|||
|
|
notification.close();
|
|||
|
|
}, 3000);
|
|||
|
|
}
|
|||
|
|
} else if (permission === 'default') {
|
|||
|
|
console.log('用户关闭授权 可以再次请求授权');
|
|||
|
|
} else {
|
|||
|
|
console.log('用户拒绝授权 不能显示通知');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
var titleTimer=0;
|
|||
|
|
var titleNum=0;
|
|||
|
|
var originTitle = document.title;
|
|||
|
|
// function flashTitle() {
|
|||
|
|
// if(titleTimer!=0){
|
|||
|
|
// return;
|
|||
|
|
// }
|
|||
|
|
// titleTimer = setInterval(function(){
|
|||
|
|
// titleNum++;
|
|||
|
|
// if (titleNum == 3) {
|
|||
|
|
// titleNum = 1;
|
|||
|
|
// }
|
|||
|
|
// if (titleNum == 1) {
|
|||
|
|
// document.title = '【🔔】' + originTitle;
|
|||
|
|
// }
|
|||
|
|
// if (titleNum == 2) {
|
|||
|
|
// document.title = '【★】' + originTitle;
|
|||
|
|
// }
|
|||
|
|
// }, 500);
|
|||
|
|
//
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
function clearFlashTitle() {
|
|||
|
|
clearInterval(titleTimer);
|
|||
|
|
document.title = originTitle;
|
|||
|
|
}
|
|||
|
|
var flashing = false;
|
|||
|
|
|
|||
|
|
function flashTitle() {
|
|||
|
|
if (flashing) {
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
flashing = true;
|
|||
|
|
|
|||
|
|
var originalTitle = document.title;
|
|||
|
|
var intervalId;
|
|||
|
|
var newTitle = "🔥✉️" + originalTitle;
|
|||
|
|
|
|||
|
|
function changeTitle() {
|
|||
|
|
document.title = document.title == originalTitle ? newTitle : originalTitle;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
intervalId = setInterval(changeTitle, 1000);
|
|||
|
|
|
|||
|
|
window.onfocus = function () {
|
|||
|
|
clearInterval(intervalId);
|
|||
|
|
document.title = originalTitle;
|
|||
|
|
flashing = false;
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
function emojiGifs(){
|
|||
|
|
var emojiGifs=[];
|
|||
|
|
var emojiTxt = ["[a]", "[b]", "[c]", "[d]", "[e]", "[f]", "[g]", "[h]", "[i]", "[j]", "[k]", "[l]", "[m]", "[n]", "[o]", "[p]", "[q]", "[r]", "[s]", "[t]", "[u]", "[v]", "[w]", "[x]", "[y]", "[z]", "[aa]", "[bb]", "[cc]", "[dd]", "[ee]", "[ff]", "[gg]", "[hh]", "[ii]", "[jj]", "[kk]", "[ll]", "[mm]", "[nn]", "[oo]", "[pp]", "[qq]", "[rr]"];
|
|||
|
|
for(var i=0;i<emojiTxt.length;i++){
|
|||
|
|
emojiGifs[emojiTxt[i]]="/static/images/face/"+i+".png";
|
|||
|
|
}
|
|||
|
|
return emojiGifs;
|
|||
|
|
}
|
|||
|
|
function emojiGifsMap(){
|
|||
|
|
var emojiMap=[];
|
|||
|
|
var emojis=emojiGifs();
|
|||
|
|
for(var key in emojis){
|
|||
|
|
emojiMap.push({"name":key,"path":emojis[key]});
|
|||
|
|
}
|
|||
|
|
return emojiMap;
|
|||
|
|
}
|
|||
|
|
var faceTitles = ["[a]", "[b]", "[c]", "[d]", "[e]", "[f]", "[g]", "[h]", "[i]", "[j]", "[k]", "[l]", "[m]", "[n]", "[o]", "[p]", "[q]", "[r]", "[s]", "[t]", "[u]", "[v]", "[w]", "[x]", "[y]", "[z]", "[aa]", "[bb]", "[cc]", "[dd]", "[ee]", "[ff]", "[gg]", "[hh]", "[ii]", "[jj]", "[kk]", "[ll]", "[mm]", "[nn]", "[oo]", "[pp]", "[qq]", "[rr]", "[ss]", "[tt]", "[uu]", "[vv]", "[ww]", "[xx]", "[yy]", "[zz]", "[a1]", "[b1]", "[good]", "[NO]", "[c1]", "[d1]", "[e1]", "[f1]", "[g1]", "[h1]", "[i1]", "[g1]", "[k1]", "[l1]", "[m1]", "[n1]", "[o1]", "[p1]", "[q1]", "[cake]"];
|
|||
|
|
function placeFace() {
|
|||
|
|
var faces=[];
|
|||
|
|
for(var i=0;i<faceTitles.length;i++){
|
|||
|
|
faces[faceTitles[i]]="/static/images/face/"+i+".gif";
|
|||
|
|
}
|
|||
|
|
return faces;
|
|||
|
|
}
|
|||
|
|
function replaceContent (content,baseUrl) {// 转义聊天内容中的特殊字符
|
|||
|
|
if(typeof baseUrl=="undefined"){
|
|||
|
|
baseUrl="";
|
|||
|
|
}
|
|||
|
|
// var html = function (end) {
|
|||
|
|
// return new RegExp('\\n*\\[' + (end || '') + '(pre|div|span|p|table|thead|th|tbody|tr|td|ul|li|ol|li|dl|dt|dd|h2|h3|h4|h5)([\\s\\S]*?)\\]\\n*', 'g');
|
|||
|
|
// };
|
|||
|
|
content = (content || '').replace(/&(?!#?[a-zA-Z0-9]+;)/g, '&')
|
|||
|
|
.replace(/<(?!br).*?>/g, '') // 去掉html
|
|||
|
|
//.replace(/\\n/g, '<br>') // 转义换行
|
|||
|
|
content=replaceSpecialTag(content,baseUrl);
|
|||
|
|
return content;
|
|||
|
|
}
|
|||
|
|
function replaceFace(str,baseUrl){
|
|||
|
|
if(baseUrl==""){
|
|||
|
|
baseUrl=getBaseUrl();
|
|||
|
|
}
|
|||
|
|
var faces=emojiGifs();
|
|||
|
|
return str.replace(/face\[([^\s\[\]]+?)\]/g, function (face) { // 转义表情
|
|||
|
|
var alt = face.replace(/^face/g, '');
|
|||
|
|
return '<img width="22px" alt="' + alt + '" title="' + alt + '" src="'+baseUrl + faces[alt] + '">';
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function replaceImage(str,baseUrl){
|
|||
|
|
return str.replace(/img\[([^\s\[\]]+?)\]/g, function (face) { // 转义图片
|
|||
|
|
var src = face.replace(/^img\[/g, '').replace(/\]/g, '');;
|
|||
|
|
return '<a href="' +baseUrl+ src + '" target="_blank"><img data-src="'+baseUrl+ src +'" data-lightbox class="chatImagePic" src="' +baseUrl+ src + '?width=400"/></a>';
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function replaceAudio(str){
|
|||
|
|
return str.replace(/audio\[([^\s\[\]]+?)\]/g, function (face) { // 转义图片
|
|||
|
|
var src = face.replace(/^audio\[/g, '').replace(/\]/g, '');;
|
|||
|
|
//return '<div class="chatAudio"><audio controls ref="audio" src="'+src+'" class="audio"></audio></div>';
|
|||
|
|
var html= `
|
|||
|
|
<audio controls ref="audio" src="`+src+`" class="audio" style="height: 38px;"></audio>
|
|||
|
|
`;
|
|||
|
|
|
|||
|
|
return html;
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function replaceAudio2(str){
|
|||
|
|
return str.replace(/audio\[(.*?)\]/g, function (result) {
|
|||
|
|
var mutiFiles=result.match(/audio\[(.*?)\]/)
|
|||
|
|
if (mutiFiles.length<2){
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
var html= `
|
|||
|
|
<div class="voice-message">
|
|||
|
|
<img src="/static/images/voice-icon2.png" class="voice-icon"/>
|
|||
|
|
<span></span>
|
|||
|
|
<audio src="`+mutiFiles[1]+`" controls ref="audio" ></audio>
|
|||
|
|
</div>
|
|||
|
|
`;
|
|||
|
|
return html;
|
|||
|
|
|
|||
|
|
// return '<a href="'+src+'" target="_blank"/><i style="font-size: 26px;color: #606266" class="el-icon-folder-checked"></i></a>';
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// return str.replace(/audio\[([^\s\[\]]+?)\]/g, function (face) { // 转义图片
|
|||
|
|
// var src = face.replace(/^audio\[/g, '').replace(/\]/g, '');
|
|||
|
|
// var html=`
|
|||
|
|
// <div class="voice-message">
|
|||
|
|
// <img src="/static/images/voice-icon2.png" class="voice-icon"/>
|
|||
|
|
// <span></span>
|
|||
|
|
// <audio src=""></audio>
|
|||
|
|
// </div>
|
|||
|
|
// `;
|
|||
|
|
// return '<div class="chatAudio"><img width="12px" data-src="'+src+'" src="/static/images/voice-icon2.png"/></div>';
|
|||
|
|
// })
|
|||
|
|
}
|
|||
|
|
function replaceFile(str){
|
|||
|
|
return str.replace(/file\[([^\s\[\]]+?)\]/g, function (face) { // 转义图片
|
|||
|
|
var src = face.replace(/^file\[/g, '').replace(/\]/g, '');;
|
|||
|
|
return '<a href="'+src+'" target="_blank"/><i style="font-size: 26px;color: #606266" class="el-icon-folder-checked"></i></a>';
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function replaceMutiFile(str){
|
|||
|
|
return str.replace(/mutiFile\[(.*?)\]/g, function (result) {
|
|||
|
|
var mutiFiles=result.match(/mutiFile\[(.*?)\]/)
|
|||
|
|
if (mutiFiles.length<2){
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
//return result;
|
|||
|
|
|
|||
|
|
var info=JSON.parse(mutiFiles[1])
|
|||
|
|
var imgSrc="";
|
|||
|
|
switch(info.ext){
|
|||
|
|
case ".mp3":
|
|||
|
|
imgSrc="/static/images/ext/MP3.png";
|
|||
|
|
break;
|
|||
|
|
case ".zip":
|
|||
|
|
imgSrc="/static/images/ext/ZIP.png";
|
|||
|
|
break;
|
|||
|
|
case ".txt":
|
|||
|
|
imgSrc="/static/images/ext/TXT.png";
|
|||
|
|
break;
|
|||
|
|
case ".7z":
|
|||
|
|
imgSrc="/static/images/ext/7z.png";
|
|||
|
|
break;
|
|||
|
|
case ".bpm":
|
|||
|
|
imgSrc="/static/images/ext/BMP.png";
|
|||
|
|
break;
|
|||
|
|
case ".png":
|
|||
|
|
imgSrc="/static/images/ext/PNG.png";
|
|||
|
|
break;
|
|||
|
|
case ".jpg":
|
|||
|
|
imgSrc="/static/images/ext/JPG.png";
|
|||
|
|
break;
|
|||
|
|
case ".jpeg":
|
|||
|
|
imgSrc="/static/images/ext/JPEG.png";
|
|||
|
|
break;
|
|||
|
|
case ".pdf":
|
|||
|
|
imgSrc="/static/images/ext/PDF.png";
|
|||
|
|
break;
|
|||
|
|
case ".doc":
|
|||
|
|
imgSrc="/static/images/ext/DOC.png";
|
|||
|
|
break;
|
|||
|
|
case ".docx":
|
|||
|
|
imgSrc="/static/images/ext/DOCX.png";
|
|||
|
|
break;
|
|||
|
|
case ".rar":
|
|||
|
|
imgSrc="/static/images/ext/RAR.png";
|
|||
|
|
break;
|
|||
|
|
case ".xlsx":
|
|||
|
|
imgSrc="/static/images/ext/XLSX.png";
|
|||
|
|
break;
|
|||
|
|
case ".csv":
|
|||
|
|
imgSrc="/static/images/ext/XLSX.png";
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
imgSrc="/static/images/ext/default.png";
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
var html= `<div onclick="window.open('`+info.path+`')" class="productCard">
|
|||
|
|
<div><img src='`+imgSrc+`' style='width: 38px;height: 38px;' /></div>
|
|||
|
|
<div class="productCardTitle">
|
|||
|
|
<div class="productCardTitle">`+info.name+`</div>
|
|||
|
|
<div style="font-size: 12px;color: #666">`+formatFileSize(info.size)+`</div>
|
|||
|
|
</div>
|
|||
|
|
</div>`;
|
|||
|
|
return html;
|
|||
|
|
|
|||
|
|
// return '<a href="'+src+'" target="_blank"/><i style="font-size: 26px;color: #606266" class="el-icon-folder-checked"></i></a>';
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
function formatFileSize(fileSize) {
|
|||
|
|
if (fileSize < 1024) {
|
|||
|
|
return fileSize + 'B';
|
|||
|
|
} else if (fileSize < (1024*1024)) {
|
|||
|
|
var temp = fileSize / 1024;
|
|||
|
|
temp = temp.toFixed(2);
|
|||
|
|
return temp + 'KB';
|
|||
|
|
} else if (fileSize < (1024*1024*1024)) {
|
|||
|
|
var temp = fileSize / (1024*1024);
|
|||
|
|
temp = temp.toFixed(2);
|
|||
|
|
return temp + 'MB';
|
|||
|
|
} else {
|
|||
|
|
var temp = fileSize / (1024*1024*1024);
|
|||
|
|
temp = temp.toFixed(2);
|
|||
|
|
return temp + 'GB';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function urlEncode (str) {
|
|||
|
|
str = (str + '').toString();
|
|||
|
|
return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28'). replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
|
|||
|
|
}
|
|||
|
|
function AsciiToString(i){
|
|||
|
|
return String.fromCharCode(i)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function urlDecode(zipStr){
|
|||
|
|
var uzipStr = '';
|
|||
|
|
for (var i = 0; i < zipStr.length; i += 1) {
|
|||
|
|
var chr = zipStr.charAt(i);
|
|||
|
|
if (chr === '+') {
|
|||
|
|
uzipStr += ' ';
|
|||
|
|
} else if (chr === '%') {
|
|||
|
|
var asc = zipStr.substring(i + 1, i + 3);
|
|||
|
|
if (parseInt('0x' + asc) > 0x7f) {
|
|||
|
|
uzipStr += decodeURI('%' + asc.toString() + zipStr.substring(i+3, i+9).toString());
|
|||
|
|
i += 8;
|
|||
|
|
}else{
|
|||
|
|
uzipStr += AsciiToString(parseInt('0x' + asc));
|
|||
|
|
i += 2;
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
uzipStr += chr;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return uzipStr;
|
|||
|
|
}
|
|||
|
|
function replaceProduct(str){
|
|||
|
|
return str.replace(/^product\[(.*?)\]$/g, function (product) {
|
|||
|
|
if(!arguments[1]){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
let jsonStr=arguments[1].replace(/\'/g,'"');
|
|||
|
|
try{
|
|||
|
|
let info=JSON.parse(jsonStr);
|
|||
|
|
if(typeof info=="undefined"){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(!info.title) info.title="智能客服系统产品卡片";
|
|||
|
|
let priceHtml="";
|
|||
|
|
if(info.price){
|
|||
|
|
priceHtml='<div class="productCardPrice">'+info.price+'</div>';
|
|||
|
|
}
|
|||
|
|
if(info.img){
|
|||
|
|
info.img="<img src='"+info.img+"'/>";
|
|||
|
|
}else{
|
|||
|
|
info.img="";
|
|||
|
|
}
|
|||
|
|
let urlHtml=""
|
|||
|
|
if(info.url){
|
|||
|
|
urlHtml='<a href="'+info.url+'" target="_blank">查看</a>';
|
|||
|
|
}
|
|||
|
|
let html= `<div class="productCard">`+info.img+`<div class="productInfo"><h2 class="productCardTitle">`+info.title+`</h2><div class="productCardBtn">`+priceHtml+urlHtml+`</div></div></div>`;
|
|||
|
|
return html;
|
|||
|
|
}catch (e) {
|
|||
|
|
return jsonStr;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function replaceSpecialTag(str,baseUrl) {
|
|||
|
|
if(typeof baseUrl=="undefined"){
|
|||
|
|
baseUrl="";
|
|||
|
|
}
|
|||
|
|
str=str.replace(/\n/g,"<br>");
|
|||
|
|
str=replaceFace(str,baseUrl);
|
|||
|
|
str=replaceImage(str,baseUrl);
|
|||
|
|
str=replaceAudio(str)
|
|||
|
|
str=replaceFile(str)
|
|||
|
|
str=replaceMutiFile(str)
|
|||
|
|
str=replaceProduct(str);
|
|||
|
|
|
|||
|
|
return str;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function filter (obj){
|
|||
|
|
var imgType = ["image/jpeg","image/png","image/jpg","image/gif"];
|
|||
|
|
var filetypes = imgType;
|
|||
|
|
var isnext = false;
|
|||
|
|
for (var i = 0; i < filetypes.length; i++) {
|
|||
|
|
if (filetypes[i] == obj.type) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
function sleep(time) {
|
|||
|
|
var startTime = new Date().getTime() + parseInt(time, 10);
|
|||
|
|
while(new Date().getTime() < startTime) {}
|
|||
|
|
}
|
|||
|
|
//检测语种
|
|||
|
|
function checkLang() {
|
|||
|
|
// 尝试从查询参数中获取语言设置，如果不存在则尝试从本地存储中获取
|
|||
|
|
let lang = getQuery("lang") || getLocalStorage("lang") || navigator.language;
|
|||
|
|
|
|||
|
|
// 根据浏览器语言设置默认语言
|
|||
|
|
switch (lang) {
|
|||
|
|
// 美式英语、英式英语、澳大利亚英语、加拿大英语和新西兰英语统一使用英语
|
|||
|
|
case "en-US":
|
|||
|
|
case "en-GB":
|
|||
|
|
case "en-AU":
|
|||
|
|
case "en-CA":
|
|||
|
|
case "en-NZ":
|
|||
|
|
case "en":
|
|||
|
|
lang = "en-US";
|
|||
|
|
break;
|
|||
|
|
// 中文简体
|
|||
|
|
case "zh-CN":
|
|||
|
|
case "cn":
|
|||
|
|
lang = "zh-CN";
|
|||
|
|
break;
|
|||
|
|
// 中文繁体，包括台湾和香港
|
|||
|
|
case "zh-TW":
|
|||
|
|
lang = "zh-TW";
|
|||
|
|
break;
|
|||
|
|
case "zh-HK":
|
|||
|
|
lang = "zh-HK";
|
|||
|
|
break;
|
|||
|
|
case "ru-RU":
|
|||
|
|
case "ru":
|
|||
|
|
lang = "ru-RU";
|
|||
|
|
break;
|
|||
|
|
case "kk-KZ":
|
|||
|
|
lang = "kk-KZ";
|
|||
|
|
break;
|
|||
|
|
default:
|
|||
|
|
lang = "en-US";
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
return lang;
|
|||
|
|
}
|
|||
|
|
//动态加载js
|
|||
|
|
function loadJsFile(name,callback) {
|
|||
|
|
var script = document.createElement('script');
|
|||
|
|
script.type = 'text/javascript';
|
|||
|
|
script.src = '/static/js/' + name;
|
|||
|
|
script.defer = true;
|
|||
|
|
if(typeof(callback)=='function'){
|
|||
|
|
script.onload = script.onreadystatechange = function () {
|
|||
|
|
if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete"){
|
|||
|
|
callback();
|
|||
|
|
script.onload = script.onreadystatechange = null;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
document.head.appendChild(script);
|
|||
|
|
}
|
|||
|
|
//修改url参数
|
|||
|
|
function changeURLPar(destiny, par, par_value) {
|
|||
|
|
var pattern = par.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '=([^&]*)';
|
|||
|
|
var replaceText = par + '=' + par_value;
|
|||
|
|
if (destiny.match(new RegExp(pattern))) {
|
|||
|
|
return destiny.replace(new RegExp(pattern, 'g'), replaceText);
|
|||
|
|
} else {
|
|||
|
|
if (destiny.match('[\?]')) {
|
|||
|
|
return destiny + '&' + replaceText;
|
|||
|
|
} else {
|
|||
|
|
return destiny + '?' + replaceText;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//获取url中的get参数
|
|||
|
|
function getQuery(key) {
|
|||
|
|
// 获取所有参数
|
|||
|
|
var query = window.location.search.substring(1);
|
|||
|
|
var hash = window.location.hash.substring(1);
|
|||
|
|
// 如果锚点后面有参数，把锚点后面的参数加入到search参数中
|
|||
|
|
if(hash.indexOf("?") > -1){
|
|||
|
|
query += "&" + hash.split("?")[1];
|
|||
|
|
}
|
|||
|
|
var key_values = query.split("&");
|
|||
|
|
var params = {};
|
|||
|
|
// 遍历参数并存入params对象
|
|||
|
|
key_values.map(function (key_val){
|
|||
|
|
var key_val_arr = key_val.split("=");
|
|||
|
|
params[key_val_arr[0]] = key_val_arr[1];
|
|||
|
|
});
|
|||
|
|
// 如果找到了key对应的参数，返回对应值
|
|||
|
|
if(typeof params[key]!="undefined"){
|
|||
|
|
return params[key];
|
|||
|
|
}
|
|||
|
|
// 如果没找到，返回空字符串
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
function utf8ToB64(str) {
|
|||
|
|
return window.btoa(unescape(encodeURIComponent(str)));
|
|||
|
|
}
|
|||
|
|
function urlDecode2(str) {
|
|||
|
|
return decodeURIComponent(str.replace(/\%20/g, '+'));
|
|||
|
|
}
|
|||
|
|
function b64ToUtf8(str) {
|
|||
|
|
str=urlDecode2(str);
|
|||
|
|
return decodeURIComponent(escape(window.atob(str)));
|
|||
|
|
}
|
|||
|
|
//存储localStorge
|
|||
|
|
function setLocalStorage(key,obj){
|
|||
|
|
if(!navigator.cookieEnabled||typeof window.localStorage == 'undefined'){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
localStorage.setItem(key, JSON.stringify(obj));
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
//读取localStorge
|
|||
|
|
function getLocalStorage(key){
|
|||
|
|
if(!navigator.cookieEnabled||typeof window.localStorage == 'undefined'){
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
var str=localStorage.getItem(key);
|
|||
|
|
if(!str){
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
return JSON.parse(str);
|
|||
|
|
}
|
|||
|
|
//设置cookie
|
|||
|
|
function setCookie(name,value,expireTime) {
|
|||
|
|
var exp = new Date();
|
|||
|
|
exp.setTime(exp.getTime() + expireTime*1000);
|
|||
|
|
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
|
|||
|
|
}
|
|||
|
|
//读取cookie
|
|||
|
|
function getCookie(name) {
|
|||
|
|
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
|
|||
|
|
if(arr=document.cookie.match(reg)){
|
|||
|
|
return unescape(arr[2]);
|
|||
|
|
}else{
|
|||
|
|
return null;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function setFakeCookie(name,value,expire) {
|
|||
|
|
var obj={
|
|||
|
|
"create_time":getNowDate(),
|
|||
|
|
"expire":expire,
|
|||
|
|
"value":value,
|
|||
|
|
}
|
|||
|
|
localStorage.setItem(name, JSON.stringify(obj));
|
|||
|
|
}
|
|||
|
|
function getFakeCookie(name) {
|
|||
|
|
var obj=JSON.parse(localStorage.getItem(name));
|
|||
|
|
if(!obj){
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
var visitorExpireSecond=new Date(obj.create_time).getTime()+parseInt(obj.expire)*1000;
|
|||
|
|
var nowTime=getTimestamp();
|
|||
|
|
if(visitorExpireSecond<=nowTime){
|
|||
|
|
localStorage.removeItem(name);
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
return obj.value;
|
|||
|
|
}
|
|||
|
|
var imgs = document.querySelectorAll('img');
|
|||
|
|
|
|||
|
|
//offsetTop是元素与offsetParent的距离，循环获取直到页面顶部
|
|||
|
|
function getTop(e) {
|
|||
|
|
var T = e.offsetTop;
|
|||
|
|
while(e = e.offsetParent) {
|
|||
|
|
T += e.offsetTop;
|
|||
|
|
}
|
|||
|
|
return T;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function lazyLoad(imgs) {
|
|||
|
|
var H = document.documentElement.clientHeight;//获取可视区域高度
|
|||
|
|
var S = document.documentElement.scrollTop || document.body.scrollTop;
|
|||
|
|
for (var i = 0; i < imgs.length; i++) {
|
|||
|
|
if (H + S > getTop(imgs[i])) {
|
|||
|
|
console.log(imgs[i]);
|
|||
|
|
imgs[i].src = imgs[i].getAttribute('data-src');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function loadImage(url){
|
|||
|
|
var image = new Image();
|
|||
|
|
image.src = url;
|
|||
|
|
console.log(image);
|
|||
|
|
}
|
|||
|
|
function image2Canvas(image) {
|
|||
|
|
var canvas = document.createElement('canvas')
|
|||
|
|
var ctx = canvas.getContext('2d')
|
|||
|
|
canvas.width = image.naturalWidth
|
|||
|
|
canvas.height = image.naturalHeight
|
|||
|
|
ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
|
|||
|
|
return canvas
|
|||
|
|
}
|
|||
|
|
function canvas2DataUrl(canvas, quality, type) {
|
|||
|
|
return canvas.toDataURL(type || 'image/jpeg', quality || 0.8)
|
|||
|
|
}
|
|||
|
|
function dataUrl2Image(dataUrl, callback) {
|
|||
|
|
var image = new Image()
|
|||
|
|
image.onload = function() {
|
|||
|
|
callback(image)
|
|||
|
|
}
|
|||
|
|
image.src = dataUrl
|
|||
|
|
}
|
|||
|
|
function dateFormat(fmt, date) {
|
|||
|
|
let ret;
|
|||
|
|
const opt = {
|
|||
|
|
"Y+": date.getFullYear().toString(), // 年
|
|||
|
|
"m+": (date.getMonth() + 1).toString(), // 月
|
|||
|
|
"d+": date.getDate().toString(), // 日
|
|||
|
|
"H+": date.getHours().toString(), // 时
|
|||
|
|
"M+": date.getMinutes().toString(), // 分
|
|||
|
|
"S+": date.getSeconds().toString() // 秒
|
|||
|
|
// 有其他格式化字符需求可以继续添加，必须转化成字符串
|
|||
|
|
};
|
|||
|
|
for (let k in opt) {
|
|||
|
|
if(k!="Y+"){
|
|||
|
|
var length=opt[k].length;
|
|||
|
|
if(length<2){
|
|||
|
|
opt[k]="0"+opt[k];
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
ret = new RegExp("(" + k + ")").exec(fmt);
|
|||
|
|
if (ret) {
|
|||
|
|
fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
|
|||
|
|
};
|
|||
|
|
};
|
|||
|
|
return fmt;
|
|||
|
|
}
|
|||
|
|
/**
|
|||
|
|
* 人性化时间
|
|||
|
|
* @param {Object} timestamp
|
|||
|
|
*/
|
|||
|
|
function beautifyTime(timestamp,lang){
|
|||
|
|
var mistiming = Math.round(new Date() / 1000)-timestamp;
|
|||
|
|
mistiming = Math.abs(mistiming)
|
|||
|
|
if(lang=="en"){
|
|||
|
|
var postfix = mistiming>0 ? 'ago' : 'later'
|
|||
|
|
var arrr = [' years ',' months ',' weeks ',' days ',' hours ',' minutes ',' seconds '];
|
|||
|
|
var just='just now';
|
|||
|
|
}else if(lang=="tw"){
|
|||
|
|
var postfix = mistiming>0 ? '前' : '後'
|
|||
|
|
var arrr = ['年','個月','周','天','小時','分鐘','秒'];
|
|||
|
|
var just='剛剛';
|
|||
|
|
}else{
|
|||
|
|
var postfix = mistiming>0 ? '前' : '后'
|
|||
|
|
var arrr = ['年','个月','周','天','小时','分钟','秒'];
|
|||
|
|
var just='刚刚';
|
|||
|
|
}
|
|||
|
|
if(mistiming<=1){
|
|||
|
|
return just;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var arrn = [31536000,2592000,604800,86400,3600,60,1];
|
|||
|
|
|
|||
|
|
for(var i=0; i<7; i++){
|
|||
|
|
var inm = Math.floor(mistiming/arrn[i])
|
|||
|
|
if(inm!=0){
|
|||
|
|
return inm+arrr[i] + postfix
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 判断是否是手机访问
|
|||
|
|
* @returns {boolean}
|
|||
|
|
*/
|
|||
|
|
function isMobile() {
|
|||
|
|
if( /Mobile|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
//发送ajax的助手函数
|
|||
|
|
function sendAjax(url,method,params,callback){
|
|||
|
|
$.ajax({
|
|||
|
|
type: method,
|
|||
|
|
url: url,
|
|||
|
|
data:params,
|
|||
|
|
headers: {
|
|||
|
|
"token": localStorage.getItem("token")
|
|||
|
|
},
|
|||
|
|
success: function(data) {
|
|||
|
|
callback(data);
|
|||
|
|
},
|
|||
|
|
error: function(data) {
|
|||
|
|
var res=JSON.parse(data.responseText);
|
|||
|
|
callback(res);
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//复制文本
|
|||
|
|
function copyText(text) {
|
|||
|
|
var target = document.createElement('input') //创建input节点
|
|||
|
|
target.value = text // 给input的value赋值
|
|||
|
|
document.body.appendChild(target) // 向页面插入input节点
|
|||
|
|
target.select() // 选中input
|
|||
|
|
document.execCommand("copy"); // 执行浏览器复制命令
|
|||
|
|
document.body.removeChild(target);
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
function MyHereDoc(){
|
|||
|
|
/*HERE
|
|||
|
|
|
|||
|
|
HERE*/
|
|||
|
|
var here = "HERE";
|
|||
|
|
var reobj = new RegExp("/\\*"+here+"\\n[\\s\\S]*?\\n"+here+"\\*/", "m");
|
|||
|
|
str = reobj.exec(MyHereDoc).toString();
|
|||
|
|
str = str.replace(new RegExp("/\\*"+here+"\\n",'m'),'').toString();
|
|||
|
|
return str.replace(new RegExp("\\n"+here+"\\*/",'m'),'').toString();
|
|||
|
|
}
|
|||
|
|
//js获取当前时间
|
|||
|
|
function getNowDate() {
|
|||
|
|
var myDate = new Date;
|
|||
|
|
var year = myDate.getFullYear(); //获取当前年
|
|||
|
|
var mon = myDate.getMonth() + 1; //获取当前月
|
|||
|
|
if(mon<10){
|
|||
|
|
mon="0"+mon;
|
|||
|
|
}
|
|||
|
|
var date = myDate.getDate(); //获取当前日
|
|||
|
|
if(date<10){
|
|||
|
|
date="0"+date;
|
|||
|
|
}
|
|||
|
|
var hours = myDate.getHours(); //获取当前小时
|
|||
|
|
if(hours<10){
|
|||
|
|
hours="0"+hours;
|
|||
|
|
}
|
|||
|
|
var minutes = myDate.getMinutes(); //获取当前分钟
|
|||
|
|
if(minutes<10){
|
|||
|
|
minutes="0"+minutes;
|
|||
|
|
}
|
|||
|
|
var seconds = myDate.getSeconds(); //获取当前秒
|
|||
|
|
if(seconds<10){
|
|||
|
|
seconds="0"+seconds;
|
|||
|
|
}
|
|||
|
|
var now = year + "-" + mon + "-" + date + " " + hours + ":" + minutes + ":" + seconds;
|
|||
|
|
return now;
|
|||
|
|
}
|
|||
|
|
//获取当前时间戳
|
|||
|
|
function getTimestamp() {
|
|||
|
|
return new Date(getNowDate()).getTime();
|
|||
|
|
}
|
|||
|
|
//删除对象中的空属性
|
|||
|
|
function removePropertyOfNull(obj){
|
|||
|
|
var i = obj.length;
|
|||
|
|
while (i--) {
|
|||
|
|
if (obj[i]===null) {
|
|||
|
|
obj.splice(i, 1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return obj;
|
|||
|
|
}
|
|||
|
|
//判断版本号大小
|
|||
|
|
function compareVersion(v1, v2) {
|
|||
|
|
if (v1 == v2) {
|
|||
|
|
return 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const vs1 = v1.split(".").map(a => parseInt(a));
|
|||
|
|
const vs2 = v2.split(".").map(a => parseInt(a));
|
|||
|
|
|
|||
|
|
const length = Math.min(vs1.length, vs2.length);
|
|||
|
|
for (let i = 0; i < length; i++) {
|
|||
|
|
if (vs1[i] > vs2[i]) {
|
|||
|
|
return 1;
|
|||
|
|
} else if (vs1[i] < vs2[i]) {
|
|||
|
|
return -1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (length == vs1.length) {
|
|||
|
|
return -1;
|
|||
|
|
} else {
|
|||
|
|
return 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function isWeiXin(){
|
|||
|
|
//window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
|
|||
|
|
var ua = window.navigator.userAgent.toLowerCase();
|
|||
|
|
//通过正则表达式匹配ua中是否含有MicroMessenger字符串
|
|||
|
|
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
|
|||
|
|
return true;
|
|||
|
|
}else{
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function isMobile() {
|
|||
|
|
if( /Mobile|Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
function replaceHtml(str){
|
|||
|
|
return str.replace(/<\/?.+?\/?>/g,'');
|
|||
|
|
}
|
|||
|
|
function getSelect(){
|
|||
|
|
var selecter = window.getSelection().toString();
|
|||
|
|
if (selecter != null && selecter.trim() != ""){
|
|||
|
|
return selecter.trim();
|
|||
|
|
}
|
|||
|
|
return "";
|
|||
|
|
}
|
|||
|
|
//数组分页
|
|||
|
|
function pagination(pageNo, pageSize, array) {
|
|||
|
|
var offset = (pageNo - 1) * pageSize;
|
|||
|
|
return (offset + pageSize >= array.length) ? array.slice(offset, array.length) : array.slice(offset, offset + pageSize);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function mod(n, m) {
|
|||
|
|
return ((n % m) + m) % m;
|
|||
|
|
}
|
|||
|
|
//动态加载css
|
|||
|
|
function dynamicLoadCss(url){
|
|||
|
|
var head = document.getElementsByTagName('head')[0];
|
|||
|
|
var link = document.createElement('link');
|
|||
|
|
link.type='text/css';
|
|||
|
|
link.rel = 'stylesheet';
|
|||
|
|
link.href = url;
|
|||
|
|
head.appendChild(link);
|
|||
|
|
}
|
|||
|
|
//动态加载js文件
|
|||
|
|
function dynamicLoadJs(url, callback){
|
|||
|
|
var head = document.getElementsByTagName('head')[0];
|
|||
|
|
var script = document.createElement('script');
|
|||
|
|
script.type = 'text/javascript';
|
|||
|
|
script.src = url;
|
|||
|
|
if(typeof(callback)=='function'){
|
|||
|
|
script.onload = script.onreadystatechange = function () {
|
|||
|
|
if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete"){
|
|||
|
|
callback();
|
|||
|
|
script.onload = script.onreadystatechange = null;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
head.appendChild(script);
|
|||
|
|
}
|
|||
|
|
//数组导出CSV文件
|
|||
|
|
function exportCSV(jsonData,fileName){
|
|||
|
|
if(!jsonData || jsonData.length==0){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
if(!fileName){
|
|||
|
|
fileName="exportCSV.csv";
|
|||
|
|
}
|
|||
|
|
let one=jsonData[0];
|
|||
|
|
let csvText="";
|
|||
|
|
for(let key in one){
|
|||
|
|
csvText+=key+","
|
|||
|
|
}
|
|||
|
|
csvText=trim(csvText,",")+"\n";
|
|||
|
|
//增加\t为了不让表格显示科学计数法或者其他格式
|
|||
|
|
for(let i = 0 ; i < jsonData.length ; i++ ){
|
|||
|
|
let row="";
|
|||
|
|
for(let item in jsonData[i]){
|
|||
|
|
row+=`${jsonData[i][item] + '\t'},`;
|
|||
|
|
}
|
|||
|
|
csvText+=trim(row,",")+'\n';
|
|||
|
|
}
|
|||
|
|
//encodeURIComponent解决中文乱码
|
|||
|
|
let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(csvText);
|
|||
|
|
//通过创建a标签实现
|
|||
|
|
let link = document.createElement("a");
|
|||
|
|
link.href = uri;
|
|||
|
|
//对下载的文件命名
|
|||
|
|
link.download = fileName;
|
|||
|
|
document.body.appendChild(link);
|
|||
|
|
link.click();
|
|||
|
|
document.body.removeChild(link);
|
|||
|
|
}
|
|||
|
|
//js实现类似php trim函数
|
|||
|
|
function trim(str, char) {
|
|||
|
|
if (char) {
|
|||
|
|
str=str.replace(new RegExp('^\\'+char+'+|\\'+char+'+$', 'g'), '');
|
|||
|
|
}
|
|||
|
|
return str.replace(/^\s+|\s+$/g, '');
|
|||
|
|
};
|
|||
|
|
//截取指定个数的字符串
|
|||
|
|
function truncateString(inputString, maxLength) {
|
|||
|
|
let currentLength = 0;
|
|||
|
|
let outputString = '';
|
|||
|
|
let i = 0;
|
|||
|
|
|
|||
|
|
while (i < inputString.length && currentLength < maxLength) {
|
|||
|
|
const char = inputString[i];
|
|||
|
|
const charCode = inputString.charCodeAt(i);
|
|||
|
|
|
|||
|
|
// 如果字符是英文字符（ASCII码范围：32-126）或中文字符
|
|||
|
|
if ((charCode >= 32 && charCode <= 126) || (charCode >= 19968 && charCode <= 40869)) {
|
|||
|
|
outputString += char;
|
|||
|
|
currentLength += 1; // 英文字符算一个字符，中文字符也算一个字符
|
|||
|
|
} else {
|
|||
|
|
// 其他字符，如表情符号等，可能会占用多个字符宽度，视情况增加字符宽度
|
|||
|
|
currentLength += 2; // 增加字符宽度，可以根据需要调整
|
|||
|
|
outputString += char;
|
|||
|
|
}
|
|||
|
|
i++;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return outputString;
|
|||
|
|
};
|
|||
|
|
//总分页数
|
|||
|
|
function sumPage(pageSize,arr){
|
|||
|
|
var len=arr.length;
|
|||
|
|
if(len<pageSize){
|
|||
|
|
return 1;
|
|||
|
|
}
|
|||
|
|
var pages=len % pageSize == 0 ? len / pageSize : Math.ceil(len / pageSize);
|
|||
|
|
|
|||
|
|
return pages;
|
|||
|
|
}
|
|||
|
|
//数组分页
|
|||
|
|
/** 将数组进行分页，返回新的分页数组
|
|||
|
|
* @param {Object} pageSize 每页大小
|
|||
|
|
* @param {Object} arr 数组
|
|||
|
|
*/
|
|||
|
|
function returnAllPageFunc(pageSize, arr) {
|
|||
|
|
let pageNum = 1
|
|||
|
|
let pageObj = {
|
|||
|
|
pageNum: 1,
|
|||
|
|
list: []
|
|||
|
|
}
|
|||
|
|
let pageResult = []
|
|||
|
|
|
|||
|
|
let newArr = JSON.parse(JSON.stringify(arr))
|
|||
|
|
let totalPage = newArr.length ? Math.ceil(arr.length / pageSize) : 0 // 计算总页数
|
|||
|
|
|
|||
|
|
for (let i = 1; i <= totalPage; i++) {
|
|||
|
|
if (totalPage == 1) {
|
|||
|
|
pageNum += 1
|
|||
|
|
pageObj.list = newArr.splice(0, arr.length)
|
|||
|
|
} else if (i <= totalPage) {
|
|||
|
|
pageNum += 1
|
|||
|
|
pageObj.list = newArr.splice(0, pageSize)
|
|||
|
|
} else {
|
|||
|
|
pageObj.list = newArr.splice(0, arr.length % pageSize)
|
|||
|
|
}
|
|||
|
|
pageResult.push(pageObj)
|
|||
|
|
pageObj = {
|
|||
|
|
pageNum: pageNum,
|
|||
|
|
list: []
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
console.log(`分页：${JSON.stringify(pageResult)}`)
|
|||
|
|
return pageResult
|
|||
|
|
}
|
|||
|
|
function easyFor(arr,callback){
|
|||
|
|
for(var i=0;i<arr.length;i++){
|
|||
|
|
callback(i,arr[i]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//今天零点
|
|||
|
|
function getTordayZero(){
|
|||
|
|
return new Date(new Date().toLocaleDateString())
|
|||
|
|
}
|
|||
|
|
//缩短时间
|
|||
|
|
function shortTime(t){
|
|||
|
|
let time=new Date(t);
|
|||
|
|
let today = new Date();
|
|||
|
|
let todayYear = today.getFullYear();
|
|||
|
|
let todayMonth = today.getMonth()+1;
|
|||
|
|
let todayDate = today.getDate();
|
|||
|
|
|
|||
|
|
let targetYear = time.getFullYear();
|
|||
|
|
let targetMonth = time.getMonth()+1;
|
|||
|
|
let targetDate = time.getDate();
|
|||
|
|
let targetHour = time.getHours();
|
|||
|
|
let targetMinutes = time.getMinutes();
|
|||
|
|
let targetSeconds = time.getSeconds();
|
|||
|
|
// 同一天，只显示小时、分钟、秒
|
|||
|
|
if (todayYear === targetYear && todayMonth === targetMonth && todayDate === targetDate) {
|
|||
|
|
if (targetHour < 10) {
|
|||
|
|
targetHour = "0" + targetHour;
|
|||
|
|
}
|
|||
|
|
if (targetMinutes < 10) {
|
|||
|
|
targetMinutes = "0" + targetMinutes;
|
|||
|
|
}
|
|||
|
|
if (targetSeconds < 10) {
|
|||
|
|
targetSeconds = "0" + targetSeconds;
|
|||
|
|
}
|
|||
|
|
return targetHour + ":" + targetMinutes + ":" + targetSeconds;
|
|||
|
|
}
|
|||
|
|
// 同一年，只显示月日等
|
|||
|
|
if (todayYear === targetYear) {
|
|||
|
|
|
|||
|
|
if (targetMonth < 10) {
|
|||
|
|
targetMonth = "0" + targetMonth;
|
|||
|
|
}
|
|||
|
|
if (targetDate < 10) {
|
|||
|
|
targetDate = "0" + targetDate;
|
|||
|
|
}
|
|||
|
|
if (targetHour < 10) {
|
|||
|
|
targetHour = "0" + targetHour;
|
|||
|
|
}
|
|||
|
|
if (targetMinutes < 10) {
|
|||
|
|
targetMinutes = "0" + targetMinutes;
|
|||
|
|
}
|
|||
|
|
if (targetSeconds < 10) {
|
|||
|
|
targetSeconds = "0" + targetSeconds;
|
|||
|
|
}
|
|||
|
|
return `${targetMonth}-${targetDate} `+targetHour + ":" + targetMinutes + ":" + targetSeconds;
|
|||
|
|
}
|
|||
|
|
return t;
|
|||
|
|
}
|
|||
|
|
//强密码验证
|
|||
|
|
function strongPasswordCheck(s) {
|
|||
|
|
var pattern = /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![a-z0-9]+$)[a-zA-Z0-9]{6,20}$/;
|
|||
|
|
//如果符合至少6个，至多20个字符组成。至少包含一个小写字母，一个大写字母，和一个数字。
|
|||
|
|
if (pattern.test(s)) {
|
|||
|
|
return true;
|
|||
|
|
} else {
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//删除对象数组中指定key value的对象
|
|||
|
|
function removeObjects(objects, key, value) {
|
|||
|
|
return objects.filter(function(object) {
|
|||
|
|
return object[key] !== value;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//延迟展示
|
|||
|
|
function displayGreetings(greetings,callback) {
|
|||
|
|
if(!greetings||greetings.length==0){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
let delay=0;
|
|||
|
|
for (let i = 0; i < greetings.length; i++) {
|
|||
|
|
if(!greetings[i].delay_second){
|
|||
|
|
delay+=3;
|
|||
|
|
}else{
|
|||
|
|
delay+=greetings[i].delay_second;
|
|||
|
|
}
|
|||
|
|
greetings[i].delay_second=delay;
|
|||
|
|
}
|
|||
|
|
for (let i = 0; i < greetings.length; i++) {
|
|||
|
|
let greeting = greetings[i];
|
|||
|
|
setTimeout(function() {
|
|||
|
|
// 在这里执行你想展示的操作，例如：
|
|||
|
|
callback(greeting);
|
|||
|
|
}, greeting.delay_second*1000);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//获取浏览器信息
|
|||
|
|
function getBrowserInfo(ua) {
|
|||
|
|
if(/Googlebot/i.test(ua)){
|
|||
|
|
return {
|
|||
|
|
name: "Googlebot",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if(/MicroMessenger/i.test(ua)){
|
|||
|
|
return {
|
|||
|
|
name: "MicroMessenger",
|
|||
|
|
version: ua.match(/MicroMessenger\/([^\s]+)/)[1]
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if(/Mi|MiuiBrowser/i.test(ua)){
|
|||
|
|
return {
|
|||
|
|
name: "MiuiBrowser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if(/SM/i.test(ua)){
|
|||
|
|
return {
|
|||
|
|
name: "SamsungBrowser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if(/pclm|OPM|HeyTapBrowser/i.test(ua)){
|
|||
|
|
return {
|
|||
|
|
name: "OPPO Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if(/Vivo/i.test(ua)){
|
|||
|
|
return {
|
|||
|
|
name: "ViVO",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if(/Quark/i.test(ua)){
|
|||
|
|
return {
|
|||
|
|
name: "Quark Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//手机
|
|||
|
|
if (/iPhone/.test(ua)) {
|
|||
|
|
let matchs=ua.match(/CPU\s+iPhone\s+OS\s+([^\s]+)\s+like/);
|
|||
|
|
let version="";
|
|||
|
|
if(matchs && matchs.length>1){
|
|||
|
|
version=matchs[1];
|
|||
|
|
}
|
|||
|
|
return {
|
|||
|
|
name: "Mobile Safari",
|
|||
|
|
version: version
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//猎豹
|
|||
|
|
if (/LBBROWSER/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Liebao Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//QQ
|
|||
|
|
if (/M?QQBrowser/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "QQ Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//uc
|
|||
|
|
if (/UCWEB|UCBrowser/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "UC Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//360
|
|||
|
|
if (/360SE/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "360 Secure Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//QQ 浏览器
|
|||
|
|
if (/QQBrowser/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "QQ Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Baidu Browser
|
|||
|
|
if (/baidubrowser/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Baidu Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Sogou Browser
|
|||
|
|
if (/MetaSr|Sogou/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Sogou Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// TT Browser
|
|||
|
|
if (/TaoBrowser/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "TT Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// SoHu Browser
|
|||
|
|
if (/LBBROWSER|SOHU/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "SoHu Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// The World Browser
|
|||
|
|
if (/TheWorld/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "The World Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// 2345 Browser
|
|||
|
|
if (/2345Explorer/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "2345 Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Huawei Browser
|
|||
|
|
if (/HuaweiBrowser/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Huawei Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Kingsoft Browser
|
|||
|
|
if (/K-OTS/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Kingsoft Browser",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if (/360EE/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "360 Extreme Explorer",
|
|||
|
|
version: ""
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Edge
|
|||
|
|
if (/Edg\/\d+/i.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Microsoft Edge",
|
|||
|
|
version: ua.match(/Edg\/([^\s]+)/)[1]
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Chrome
|
|||
|
|
if (/Chrome\/\d+/.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Google Chrome",
|
|||
|
|
version: ua.match(/Chrome\/([^\s]+)/)[1]
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Firefox
|
|||
|
|
if (/Firefox\/\d+/.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Mozilla Firefox",
|
|||
|
|
version: ua.match(/Firefox\/([^\s]+)/)[1]
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
// Safari
|
|||
|
|
if (/Safari\/\d+/.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Apple Safari",
|
|||
|
|
version: ua.match(/Safari\/([^\s]+)/)[1]
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
if (/MSIE \d+/.test(ua)) {
|
|||
|
|
return {
|
|||
|
|
name: "Microsoft Internet Explorer",
|
|||
|
|
version: ua.match(/MSIE ([^\s]+)/)[1]
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// Other
|
|||
|
|
return {
|
|||
|
|
name: "Other",
|
|||
|
|
version: "Unknown"
|
|||
|
|
};
|
|||
|
|
}
|
|||
|
|
//获取操作系统和设备信息
|
|||
|
|
function getOSAndDeviceInfo(ua) {
|
|||
|
|
const result = {
|
|||
|
|
os:"",
|
|||
|
|
device:""
|
|||
|
|
};
|
|||
|
|
// 操作系统
|
|||
|
|
if (/Android/.test(ua)) {
|
|||
|
|
result.os = "Android";
|
|||
|
|
} else if (/iPhone/i.test(ua)) {
|
|||
|
|
result.os = "iOS";
|
|||
|
|
result.device = "iPhone";
|
|||
|
|
} else if (/Mac/i.test(ua)) {
|
|||
|
|
result.os = "Mac OS X";
|
|||
|
|
result.device = "Mac";
|
|||
|
|
} else if (/Windows/.test(ua)) {
|
|||
|
|
if (/NT 10.0/.test(ua)) {
|
|||
|
|
result.os = "Windows 10";
|
|||
|
|
} else if (/NT 6.2/.test(ua)) {
|
|||
|
|
result.os = "Windows 8";
|
|||
|
|
} else if (/NT 6.1/.test(ua)) {
|
|||
|
|
result.os = "Windows 7";
|
|||
|
|
} else if (/NT 6.0/.test(ua)) {
|
|||
|
|
result.os = "Windows Vista";
|
|||
|
|
} else if (/NT 5.2/.test(ua)) {
|
|||
|
|
result.os = "Windows Server 2003";
|
|||
|
|
} else if (/NT 5.1/.test(ua)) {
|
|||
|
|
result.os = "Windows XP";
|
|||
|
|
}
|
|||
|
|
}else {
|
|||
|
|
result.os = "Other";
|
|||
|
|
}
|
|||
|
|
// 手机品牌型号
|
|||
|
|
if (/Samsung|SM/i.test(ua)) {
|
|||
|
|
result.device = "Samsung";
|
|||
|
|
} else if (/Huawei/i.test(ua)) {
|
|||
|
|
result.device = "Huawei";
|
|||
|
|
} else if (/Xiaomi|M2011K2C/i.test(ua)) {
|
|||
|
|
result.device = "Xiaomi";
|
|||
|
|
} else if (/221013|Redmi/i.test(ua)) {
|
|||
|
|
result.device = "Redmi";
|
|||
|
|
}else if (/OPPO|pclm|OPM|HeyTapBrowser/i.test(ua)) {
|
|||
|
|
result.device = "OPPO";
|
|||
|
|
} else if (/Vivo/i.test(ua)) {
|
|||
|
|
result.device = "Vivo";
|
|||
|
|
} else if (/OnePlus|ne2210/i.test(ua)) {
|
|||
|
|
result.device = "OnePlus ";
|
|||
|
|
}else if (/Sony/i.test(ua)) {
|
|||
|
|
result.device = "Sony";
|
|||
|
|
} else if (/LG/i.test(ua)) {
|
|||
|
|
result.device = "LG";
|
|||
|
|
} else if (/HTC/i.test(ua)) {
|
|||
|
|
result.device = "HTC" ;
|
|||
|
|
} else if (/Nokia/i.test(ua)) {
|
|||
|
|
result.device = "Nokia";
|
|||
|
|
} else if (/Lenovo/i.test(ua)) {
|
|||
|
|
result.device = "Lenovo";
|
|||
|
|
}else if (/ZTE/i.test(ua)) {
|
|||
|
|
result.device = "ZTE";
|
|||
|
|
} else if (/Gionee/i.test(ua)) {
|
|||
|
|
result.device = "Gionee";
|
|||
|
|
} else if (/Meizu/i.test(ua)) {
|
|||
|
|
result.device = "Meizu";
|
|||
|
|
} else if (/Coolpad/i.test(ua)) {
|
|||
|
|
result.device = "Coolpad";
|
|||
|
|
} else if (/Oppo/i.test(ua)) {
|
|||
|
|
result.device = "Oppo";
|
|||
|
|
} else if (/TCL/i.test(ua)) {
|
|||
|
|
result.device = "TCL";
|
|||
|
|
} else if (/RMX/i.test(ua)) {
|
|||
|
|
result.device = "Realme";
|
|||
|
|
}
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
//使元素可拖动
|
|||
|
|
function makeElementDraggableOnDesktop(elementId) {
|
|||
|
|
const draggableDiv = document.getElementById(elementId);
|
|||
|
|
let isDragging = false;
|
|||
|
|
let dragStartX, dragStartY, offsetX, offsetY;
|
|||
|
|
const container = draggableDiv.parentElement;
|
|||
|
|
|
|||
|
|
draggableDiv.addEventListener('mousedown', function(e) {
|
|||
|
|
isDragging = true;
|
|||
|
|
dragStartX = e.clientX;
|
|||
|
|
dragStartY = e.clientY;
|
|||
|
|
const rect = draggableDiv.getBoundingClientRect();
|
|||
|
|
offsetX = dragStartX - rect.left;
|
|||
|
|
offsetY = dragStartY - rect.top;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
draggableDiv.addEventListener('mousemove', function(e) {
|
|||
|
|
if (isDragging) {
|
|||
|
|
const x = e.clientX - offsetX;
|
|||
|
|
const y = e.clientY - offsetY;
|
|||
|
|
const maxX = container.clientWidth - draggableDiv.offsetWidth;
|
|||
|
|
const maxY = container.clientHeight - draggableDiv.offsetHeight;
|
|||
|
|
const boundedX = Math.max(0, Math.min(x, maxX));
|
|||
|
|
const boundedY = Math.max(0, Math.min(y, maxY));
|
|||
|
|
draggableDiv.style.left = boundedX + 'px';
|
|||
|
|
draggableDiv.style.top = boundedY + 'px';
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
draggableDiv.addEventListener('mouseup', function(e) {
|
|||
|
|
isDragging = false;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
// 手机设备可拖动
|
|||
|
|
function makeElementDraggableOnMobile(elementId) {
|
|||
|
|
const draggableDiv = document.getElementById(elementId);
|
|||
|
|
let isDragging = false;
|
|||
|
|
let dragStartX, dragStartY, touchStartX, touchStartY, offsetX, offsetY;
|
|||
|
|
|
|||
|
|
function startDragging(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
const touch = e.touches[0];
|
|||
|
|
touchStartX = touch.clientX;
|
|||
|
|
touchStartY = touch.clientY;
|
|||
|
|
const rect = draggableDiv.getBoundingClientRect();
|
|||
|
|
offsetX = touch.clientX - rect.left;
|
|||
|
|
offsetY = touch.clientY - rect.top;
|
|||
|
|
isDragging = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function moveElement(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
if (isDragging) {
|
|||
|
|
const touch = e.touches[0];
|
|||
|
|
let x = touch.clientX - offsetX;
|
|||
|
|
let y = touch.clientY - offsetY;
|
|||
|
|
const maxX = window.innerWidth - draggableDiv.offsetWidth;
|
|||
|
|
const maxY = window.innerHeight - draggableDiv.offsetHeight;
|
|||
|
|
x = Math.min(Math.max(0, x), maxX);
|
|||
|
|
y = Math.min(Math.max(0, y), maxY);
|
|||
|
|
draggableDiv.style.left = x + 'px';
|
|||
|
|
draggableDiv.style.top = y + 'px';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function stopDragging() {
|
|||
|
|
isDragging = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
draggableDiv.addEventListener('touchstart', startDragging, { passive: false });
|
|||
|
|
draggableDiv.addEventListener('touchmove', moveElement, { passive: false });
|
|||
|
|
draggableDiv.addEventListener('touchend', stopDragging);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 根据设备类型调用不同的可拖动函数
|
|||
|
|
function makeElementDraggable(elementId) {
|
|||
|
|
if (isMobile()) {
|
|||
|
|
makeElementDraggableOnMobile(elementId);
|
|||
|
|
} else {
|
|||
|
|
makeElementDraggableOnDesktop(elementId);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//获取屏幕媒体流
|
|||
|
|
function getScreenStream(callback) {
|
|||
|
|
if (navigator.mediaDevices && navigator.mediaDevices.getDisplayMedia) {
|
|||
|
|
// 桌面浏览器，使用 getDisplayMedia() 获取屏幕视频流
|
|||
|
|
navigator.mediaDevices.getDisplayMedia({ video: true })
|
|||
|
|
.then((stream) => {
|
|||
|
|
callback(stream);
|
|||
|
|
})
|
|||
|
|
.catch((error) => {
|
|||
|
|
console.error('Error: ' + error);
|
|||
|
|
});
|
|||
|
|
} else if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
|
|||
|
|
// 移动设备或不支持 getDisplayMedia() 的桌面浏览器，使用 getUserMedia() 获取屏幕视频流
|
|||
|
|
navigator.mediaDevices.getUserMedia({ video: { mediaSource: 'screen' } })
|
|||
|
|
.then((stream) => {
|
|||
|
|
callback(stream);
|
|||
|
|
})
|
|||
|
|
.catch((error) => {
|
|||
|
|
console.error('Error: ' + error);
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
console.error('Error: getUserMedia not supported on this browser.');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//根据多个分隔字符，分隔字符串为数组
|
|||
|
|
function splitString(inputString, separator) {
|
|||
|
|
// 创建正则表达式，匹配传递的多个分隔符
|
|||
|
|
const regEx = new RegExp(`[${separator}]`, 'g');
|
|||
|
|
|
|||
|
|
// 使用 split() 方法将字符串分割成数组
|
|||
|
|
const result = inputString.split(regEx);
|
|||
|
|
|
|||
|
|
// 返回分割后的数组
|
|||
|
|
return result;
|
|||
|
|
}
|
|||
|
|
//循环数组，并且修改数组中的元素
|
|||
|
|
function foreachArray(arr, callback) {
|
|||
|
|
// 遍历数组，执行回调函数修改元素
|
|||
|
|
for (var i = 0; i < arr.length; i++) {
|
|||
|
|
arr[i] = callback(arr[i]);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 返回修改后的数组
|
|||
|
|
return arr;
|
|||
|
|
}
|
|||
|
|
function myBrowser(userAgent) {
|
|||
|
|
|
|||
|
|
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
|
|||
|
|
|
|||
|
|
var isQQ = userAgent.indexOf("QQBrowser") > -1; //判断是否QQBrowser浏览器
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
var isIE = userAgent.indexOf("compatible") > -1
|
|||
|
|
&& userAgent.indexOf("MSIE") > -1; //判断是否IE7~IE10浏览器
|
|||
|
|
|
|||
|
|
var isIE11 = userAgent.indexOf("compatible") === -1
|
|||
|
|
&& userAgent.indexOf("Trident") > -1; //判断是否IE11浏览器
|
|||
|
|
|
|||
|
|
var isEdge = userAgent.indexOf("Edg") > -1; //判断是否IE的Edge浏览器
|
|||
|
|
|
|||
|
|
var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
|
|||
|
|
|
|||
|
|
var isSafari = userAgent.indexOf("Safari") > -1
|
|||
|
|
&& userAgent.indexOf("Mac") > -1; //判断是否Safari浏览器
|
|||
|
|
|
|||
|
|
var isChrome = userAgent.indexOf("Chrome") > -1
|
|||
|
|
&& userAgent.indexOf("; Win") > -1
|
|||
|
|
&& userAgent.indexOf("Safari") > -1; //判断Chrome浏览器
|
|||
|
|
|
|||
|
|
var is360 = userAgent.indexOf("Chrome") > -1
|
|||
|
|
&& userAgent.indexOf("; WOW") > -1
|
|||
|
|
&& userAgent.indexOf("Safari") > -1; //判断360浏览器
|
|||
|
|
|
|||
|
|
var isMobile=userAgent.indexOf("Mobile") > -1;
|
|||
|
|
var isWechat=/MicroMessenger/i.test(userAgent);
|
|||
|
|
var isMi=userAgent.indexOf("Mobile") > -1 && /Mi|MiuiBrowser/i.test(userAgent);
|
|||
|
|
var isHuawei=userAgent.indexOf("Mobile") > -1 && /huawei/i.test(userAgent);
|
|||
|
|
var isSamsung=userAgent.indexOf("Mobile") > -1 && /SM/i.test(userAgent);
|
|||
|
|
var isOPPO =userAgent.indexOf("Mobile") > -1 && /pclm|OPM|HeyTapBrowser/i.test(userAgent);
|
|||
|
|
var isVivo=userAgent.indexOf("Mobile") > -1 && /Vivo/i.test(userAgent);
|
|||
|
|
var isBaidu=userAgent.indexOf("Mobile") > -1 && /Baidu/i.test(userAgent);
|
|||
|
|
var isUC = /UcBrowser/i.test(userAgent); //判断是否UC浏览器
|
|||
|
|
|
|||
|
|
if (isIE) {
|
|||
|
|
var reIE = /MSIE (\d+)\.\d+;/;
|
|||
|
|
// match() 返回一个数组。数组第一项是匹配到的所有文本；数组第二项是正则中小括号匹配到的文本
|
|||
|
|
var matchReg = userAgent.match(reIE)
|
|||
|
|
var fIEVersion = matchReg[1];
|
|||
|
|
if (fIEVersion == 7) {
|
|||
|
|
return "IE7及其以下";
|
|||
|
|
} else if (fIEVersion == 8) {
|
|||
|
|
return "IE8";
|
|||
|
|
} else if (fIEVersion == 9) {
|
|||
|
|
return "IE9";
|
|||
|
|
} else if (fIEVersion == 10) {
|
|||
|
|
return "IE10";
|
|||
|
|
} else {
|
|||
|
|
return "0";
|
|||
|
|
}//IE版本过低
|
|||
|
|
return "IE";
|
|||
|
|
}
|
|||
|
|
if (isWechat) return "Wechat";
|
|||
|
|
if (is360) return "360";
|
|||
|
|
if(isMi) return "XiaoMi";
|
|||
|
|
if(isHuawei) return "Huawei";
|
|||
|
|
if (isUC) return "UcBrowser";
|
|||
|
|
if (isQQ) return "QQBrowser";
|
|||
|
|
if (isIE11) return "IE11";
|
|||
|
|
if (isSamsung) return "SamsungBrowser";
|
|||
|
|
if (isOPPO) return "OPPO";
|
|||
|
|
if (isVivo) return "Vivo";
|
|||
|
|
if (isBaidu) return "Baidu";
|
|||
|
|
if (isEdge) {
|
|||
|
|
return "Edge";
|
|||
|
|
}
|
|||
|
|
if (isFF) {
|
|||
|
|
return "Firefox";
|
|||
|
|
}
|
|||
|
|
if (isSafari) {
|
|||
|
|
return "Safari";
|
|||
|
|
}
|
|||
|
|
if (isChrome) {
|
|||
|
|
return "Chrome";
|
|||
|
|
}
|
|||
|
|
if (isOpera) {
|
|||
|
|
return "Opera";
|
|||
|
|
}
|
|||
|
|
if(isMobile){
|
|||
|
|
return "Mobile";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
function makeResizable(className,callback) {
|
|||
|
|
var isResizing = false;
|
|||
|
|
var lastY = 0;
|
|||
|
|
$(document).on('mouseover', '.' + className, function(e) {
|
|||
|
|
var $resizableDiv = $('.' + className);
|
|||
|
|
var topOffset = $resizableDiv.offset().top;
|
|||
|
|
var mouseY = e.clientY;
|
|||
|
|
|
|||
|
|
if (mouseY >= topOffset && mouseY <= topOffset + 80) { // 只在鼠标位于上边框20像素范围内时允许拖动
|
|||
|
|
$resizableDiv.addClass('resizing');
|
|||
|
|
}else{
|
|||
|
|
$resizableDiv.removeClass('resizing');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
$(document).on('mousedown', '.' + className, function(e) {
|
|||
|
|
var $resizableDiv = $('.' + className);
|
|||
|
|
var topOffset = $resizableDiv.offset().top;
|
|||
|
|
var mouseY = e.clientY;
|
|||
|
|
|
|||
|
|
if (mouseY >= topOffset && mouseY <= topOffset + 80) { // 只在鼠标位于上边框20像素范围内时允许拖动
|
|||
|
|
isResizing = true;
|
|||
|
|
lastY = e.clientY;
|
|||
|
|
$('body').addClass('resizing');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(document).on('mousemove', function(e) {
|
|||
|
|
if (!isResizing) return;
|
|||
|
|
|
|||
|
|
var deltaY = lastY - e.clientY; // 计算鼠标移动的垂直距离
|
|||
|
|
var $resizableDiv = $('.' + className);
|
|||
|
|
var newHeight = $resizableDiv.height() + deltaY;
|
|||
|
|
if(newHeight<150){
|
|||
|
|
newHeight=150;
|
|||
|
|
}
|
|||
|
|
$resizableDiv.height(newHeight);
|
|||
|
|
lastY = e.clientY;
|
|||
|
|
callback();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(document).on('mouseup', function() {
|
|||
|
|
isResizing = false;
|
|||
|
|
$('body').removeClass('resizing');
|
|||
|
|
});
|
|||
|
|
$(document).on('mouseleave', '.' + className, function(e) {
|
|||
|
|
isResizing = false;
|
|||
|
|
$('.' + className).removeClass('resizing');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
function getOsImg(osName) {
|
|||
|
|
let imgUrl="";
|
|||
|
|
if(osName=="Windows"){
|
|||
|
|
imgUrl="<span><img style='width: 13px;margin-right: 5px' src='/static/images/ua/windows11.svg' </span>";
|
|||
|
|
}else if(osName=="Linux"){
|
|||
|
|
imgUrl="<span><img style='width: 13px;margin-right: 5px' src='/static/images/ua/linux.svg' </span>";
|
|||
|
|
}else if(osName=="Mac OS"){
|
|||
|
|
imgUrl="<span><img style='width: 13px;margin-right: 5px' src='/static/images/ua/mac.svg' </span>";
|
|||
|
|
}else if(osName=="iOS"){
|
|||
|
|
imgUrl="<span><img style='width: 15px;margin-right: 5px' src='/static/images/ua/iphone.svg' </span>";
|
|||
|
|
}else if(osName=="Android"||osName=="android"){
|
|||
|
|
imgUrl="<span><img style='width: 14px;margin-right: 5px' src='/static/images/ua/android.svg' </span>";
|
|||
|
|
}
|
|||
|
|
return imgUrl+osName;
|
|||
|
|
}
|
|||
|
|
function getBrowerImg(name) {
|
|||
|
|
let imgUrl="";
|
|||
|
|
if(name=="Safari"){
|
|||
|
|
imgUrl="<span><img style='width: 14px;margin-right: 5px' src='/static/images/ua/safari.svg' </span>";
|
|||
|
|
}else if(name=="Firefox"){
|
|||
|
|
imgUrl="<span><img style='width: 13px;margin-right: 5px' src='/static/images/ua/firefox.svg' </span>";
|
|||
|
|
}else if(name=="Chrome") {
|
|||
|
|
imgUrl = "<span><img style='width: 13px;margin-right: 5px' src='/static/images/ua/chrome.svg' </span>";
|
|||
|
|
}else if(name=="Edge"){
|
|||
|
|
imgUrl="<span><img style='width: 13px;margin-right: 5px' src='/static/images/ua/edge.svg' </span>";
|
|||
|
|
}else{
|
|||
|
|
imgUrl="<span><img style='width: 14px;margin-right: 5px' src='/static/images/ua/defaultbrowser.svg' </span>";
|
|||
|
|
}
|
|||
|
|
return imgUrl+name;
|
|||
|
|
}
|
|||
|
|
//55Sy5pa5OuS4iua1t+iEieiBlOenkeaKgOaciemZkOWFrOWPuArnurPnqI7nmbvorrDlj7c6OTEzMTAxMTRNQTFHV0UzVzdFCuiBlOezu+WcsOWdgDrkuIrmtbfluILlmInlrprljLrph5HmspnmsZ/ot68zMTMx5Y+3MuW5okoK55S16K+d5Y+356CBOjAyMS02MjQxNTI1Ng==
|
|||
|
|
;
|