jyyhq/witDisplay/js/video/child/pictureQueryWeb.js

139 lines
4.7 KiB
JavaScript
Raw Normal View History

2025-02-10 12:18:11 +08:00
var ballIndex = localStorage.getItem("ballIndex");
var puid = localStorage.getItem("puid");
var tokens = localStorage.getItem("token")
var flag = true;
layui.use(['element','form','tree','layer'], function () {
var element = layui.element;
var form = layui.form;
var tree = layui.tree;
layer = layui.layer;
init();
});
function init() {
$.ajax({
type: 'get',
url: dataUrl + "pictureWeb/getBallPictureByPuid",
data: {
puid: puid,
token: tokens
},
success: function (data) {
$("#content").empty();
var html = '';
if(data != null && data != ""){
var path = systemPath + data[i].downName+"?token="+localStorage.getItem("token");
for(var i = 0;i < data.length; i++){
html += "<div>" +
"<input type='checkbox' value='" + data[i].name + "@" + data[i].path + "@" + data[i].begin + "@" + data[i].end + "@" + puid + "@" + data[i].size + "' class='checkbox' title=''/>" +
"<input type='hidden' value='" + data[i].id + "' id='id" + i + "'/>" +
"<img src='" + path + "' width='240px'/>" +
"<div>" +
"<input type='hidden' id='id" + i + "'/>" +
"<span id='fileName_01'>" + data[i].fileName + "</span>" +
"</div>" +
"</div>"
}
}else{
html += '<div style="color: #fff;margin-left: 44%;margin-top: 21%;font-size: 20px;">无数据</div>'
}
$("#content").append(html);
},
error: function (err) {
console.log("获取数据出错:", err);
}
});
}
//全选按钮点击
function selectAlls(){
if(flag){
$(".checkbox").prop("checked",true);
flag = false;
}else{
$(".checkbox").prop("checked",false);
flag = true;
}
}
//下载图片
function downImgs(){
var chk_value=[];
var count=0;
$('input[name="active"]:checked').each(function(){ // 遍历input输入框中name=active 选中状态的值。
chk_value.push($(this).val());
count+=1;
});
console.info("所有为选中状态复选框的值:"+chk_value+",选中状态的个数:"+count)
if (count == 0) {
return layer.msg("请勾选要下载的数据", {icon: 7, time: 2000});
}
if (count > 1) {
return layer.msg("请不要勾选多个数据", {icon: 7, time: 2000});
}
var form = {"id" : chk_value.toString()};
$.ajax({
type: 'post',
url: dataUrl + 'pictureWeb/getPathById',
contentType: "application/json; charset=utf-8",
data: JSON.stringify(form),
dataType: 'json',
success: function (data) {
if(data.length > 0){
for (var i = 0;i < data.length;i++){
window.open("http://112.31.70.193:1854/icvs/SG/VODFile.flv?path=" + (data[i].path + data[i].fileName) + "&token=" + data[i].token + "&idx=0&stream=0&startTime=20&puid=" + data[0].puid + "&durationSecond=" + data[0].durationSecond)
}
}
}
})
}
//删除图片
function delImgs(){
var type = '';
var ids = "";
$("input:checkbox[class='checkbox']:checked").each(function(i){
if(0==i){
ids = $(this).next().val();
}else{
ids += (","+$(this).next().val());
}
});
if(ids == ""){
return layer.msg('<span style="color:#000">请勾选要删除的图片</span>', {icon: 7, time: 2000});
}else{
layer.confirm('<span style="color:#000">您确定要删除选中的图片吗?</span>', function () {
$.ajax({
type: 'post',
url: ctxPath + '/picture/delPictureQueryById',
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
data: {
id: ids
},
async: false,
success: function (data) {
if (data == "删除成功") {
window.location.reload(); // 刷新页面
layer.msg('<span style="color:#000">删除成功</span>', {icon: 1, time: 3000});
} else {
layer.msg('<span style="color:#000">' + data + '</span>', {icon: 2, time: 3000});
window.location.reload() // 刷新页面
}
},
error: function (err) {
console.log("获取数据出错:", err);
}
});
})
}
}