巡视计划

This commit is contained in:
lSun 2024-08-28 17:54:21 +08:00
parent b4941ecb29
commit 415d7a93a2
13 changed files with 270 additions and 169 deletions

View File

@ -32,11 +32,11 @@
<header style="height: 10%">
<form class="layui-form" onsubmit="return false">
<div class="form-group" style="margin-top: 0.5%">
<div class="layui-inline">
<!-- <div class="layui-inline">
<div class="layui-input-inline">
<input id="proName" name="proName" type="text" class="layui-input" placeholder="工程名称" >
</div>
</div>
</div> -->
<div class="layui-inline">
<div class="layui-input-inline">
<input id="yjName" name="yjName" type="text" class="layui-input" placeholder="工作站名称" >

View File

@ -264,7 +264,6 @@ function auditView(yjId, insMonth,id) {
},
end:function(){
debugger;
$('#fgsName').val('');
$('#yjName').val('');
$('#insMonth').val('');

View File

@ -1,6 +1,3 @@
var yjId = $(window.parent.document).find("input[id='taskSourceId']").attr("stationId");
var fgsId = $(window.parent.document).find("select[id='subComId']").val();
var pers = []
var table,form,laydate
layui.use(['form','layer','table','laydate'], function () {
@ -15,24 +12,29 @@ layui.use(['form','layer','table','laydate'], function () {
});
// 触发submit提交 按钮点击或者表单被执行提交时触发
form.on('submit(query)', function (data) {
console.log("搜索")
// 对表格进行重载。id 即 table表格的id
data.field.fgsId=fgsId;
var yjId = $(window.parent.document).find("input[id='taskSourceId']").attr("stationId");
var fgsId = $(window.parent.document).find("select[id='subComId']").val();
table.reload('table', {
// //设定异步数据接口的额外参数
page:{curr : 1}
,where: data.field
,where: {
yjName:$('#yjName').val(),
wagesMonth:$('#wagesMonth').val(),
yjId : yjId,
fgsId : fgsId,
}
})
return false; // 阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
$("#reset").click(function(){
console.log("重置")
$('#proName').val('');
$('#yjName').val('');
$('#wagesMonth').val('');
var yjId = $(window.parent.document).find("input[id='taskSourceId']").attr("stationId");
var fgsId = $(window.parent.document).find("select[id='subComId']").val();
let obj = {
proName:'',
yjName:'',fgsId:fgsId,
yjName:'',
fgsId:fgsId,
wagesMonth:''
}
// 对表格进行重载。id 即 table表格的id
@ -53,10 +55,13 @@ layui.use(['form','layer','table','laydate'], function () {
* 初始化数据
*/
function init(){
var yjId = $(window.parent.document).find("input[id='taskSourceId']").attr("stationId");
var fgsId = $(window.parent.document).find("select[id='subComId']").val();
// 渲染表格
table.render({
elem: '#table',
where: {
yjId:yjId,
fgsId: fgsId
},
url: PATH_URL + '/wages/getWagesEscalationList',
@ -166,13 +171,13 @@ function detailsView(yjId,yjName,gsName,wagesMonth) {
//导出
function exportData() {
var yjName = $("#yjName").val();
var proName = $("#proName").val();
var yjName = $("#yjName").val();
var wagesMonth = $("#wagesMonth").val();
var yjId = $(window.parent.document).find("input[id='taskSourceId']").attr("stationId");
var fgsId = $(window.parent.document).find("select[id='subComId']").val();
window.location.href = PATH_URL + `/wages/exportWagesEscalationDatas?token=` + token +
"&yjName=" + yjName +
"&proName=" + proName +
"&wagesMonth=" + wagesMonth+ "&fgsId=" + fgsId
}

View File

@ -1,152 +1,176 @@
var pers = []
var table,form,laydate
layui.use(['form','layer','table','laydate'], function () {
table = layui.table;
form = layui.form;
var table, form, laydate
layui.use(['form', 'layer', 'table', 'laydate'], function() {
table = layui.table;
form = layui.form;
laydate = layui.laydate
//初始化日期选择框
laydate.render({
elem: '#makeMonth',
type: 'month',
elem: '#makeMonth',
type: 'month',
});
// 触发submit提交 按钮点击或者表单被执行提交时触发
form.on('submit(query)', function (data) {
console.log("搜索")
// 对表格进行重载。id 即 table表格的id
table.reload('table', {
// //设定异步数据接口的额外参数
page:{curr : 1}
,where: data.field
})
return false; // 阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
$("#reset").click(function(){
// 触发submit提交 按钮点击或者表单被执行提交时触发
form.on('submit(query)', function(data) {
console.log("搜索")
// 对表格进行重载。id 即 table表格的id
table.reload('table', {
// //设定异步数据接口的额外参数
page: {
curr: 1
},
where: {
proName: $('#proName').val(),
yjName: $('#yjName').val(),
makeMonth: $('#makeMonth').val(),
yjId: localStorage.getItem("selectyj"),
subId: localStorage.getItem("selectSubCom")
}
})
return false; // 阻止表单跳转。如果需要表单跳转,去掉这段即可。
});
$("#reset").click(function() {
console.log("重置")
$('#proName').val('');
$('#yjName').val('');
$('#makeMonth').val('');
let obj = {
proName:'',
yjName:'',
makeMonth:''
proName: '',
yjName: '',
makeMonth: '',
yjId: localStorage.getItem("selectyj"),
subId: localStorage.getItem("selectSubCom")
}
// 对表格进行重载。id 即 table表格的id
// 对表格进行重载。id 即 table表格的id
table.reload('table', {
// //设定异步数据接口的额外参数
page:{curr : 1}
,where: obj
// //设定异步数据接口的额外参数
page: {
curr: 1
},
where: obj
})
})
table.on('tool(table)', function (obj) {
switch (obj.event) {
case 'details':
console.log('详情',obj)
detailsView(obj.id)
break;
}
});
init();
table.on('tool(table)', function(obj) {
switch (obj.event) {
case 'details':
console.log('详情', obj)
detailsView(obj.id)
break;
}
});
init();
});
// 静态数据
var tableData = [
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
{id: 1, month: '2024-03', lineName: '±500kV永富直流线', pagodaNum: '300', visitationNum: '21', visitationCount: '256', specialPatrolPersonNum: '100', station: '昆明运检一站', comName: '运检一公司'},
];
/**
* 初始化数据
*/
function init(){
var subComId = $(window.parent.document).find("select[id='subComId']").val();
// 渲染表格
table.render({
elem: '#table',
url: PATH_URL + "/workvisa/getListTab",
where:{
yjId:localStorage.getItem("selectyj"),
subId:localStorage.getItem("selectSubCom")
},
page: true,
method:'post',
skin: 'line', // 表格样式
cols: [[
{
title: '序号',
field: 'zizeng',
align: 'center',
type: 'numbers',
},
{field:'makeMonth', title: '月份',align: 'center'},
{field:'proName', title: '线路名称',align: 'center'},
{field:'powerNum', title: '塔基数(基)',align: 'center'},
{field:'makeNum', title: '正常巡视次数(次)',align: 'center'},
{field:'ygtNum', title: '共完成正常巡视塔基数(基)',align: 'center'},
{field:'specialNum', title: '值守及特巡(天*人)',align: 'center'},
{field:'yjName', title: '所属运检站',align: 'center'},
{field:'subName', title: '所属分公司',align: 'center'},
{
field: '',
title: '操作',
align: 'center',
width: '20%',
templet: function(d){
var id= d.id;
var proId=d.proId;
var makeMonth=d.makeMonth;
//详情
var html = `<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}','${proId}','${makeMonth}')">详情</button>`
return html;
},
}
]],
// data: tableData
});
function init() {
var subComId = $(window.parent.document).find("select[id='subComId']").val();
// 渲染表格
table.render({
elem: '#table',
url: PATH_URL + "/workvisa/getListTab",
where: {
yjId: localStorage.getItem("selectyj"),
subId: localStorage.getItem("selectSubCom")
},
page: true,
method: 'post',
skin: 'line', // 表格样式
cols: [
[{
title: '序号',
field: 'zizeng',
align: 'center',
type: 'numbers',
},
{
field: 'makeMonth',
title: '月份',
align: 'center'
},
{
field: 'proName',
title: '线路名称',
align: 'center'
},
{
field: 'powerNum',
title: '塔基数(基)',
align: 'center'
},
{
field: 'makeNum',
title: '正常巡视次数(次)',
align: 'center'
},
{
field: 'ygtNum',
title: '共完成正常巡视塔基数(基)',
align: 'center'
},
{
field: 'specialNum',
title: '值守及特巡(天*人)',
align: 'center'
},
{
field: 'yjName',
title: '所属运检站',
align: 'center'
},
{
field: 'subName',
title: '所属分公司',
align: 'center'
},
{
field: '',
title: '操作',
align: 'center',
width: '20%',
templet: function(d) {
var id = d.id;
var proId = d.proId;
var makeMonth = d.makeMonth;
//详情
var html =
`<button class="layui-btn layui-btn-sm" onclick="detailsView('${id}','${proId}','${makeMonth}')">详情</button>`
return html;
},
}
]
],
// data: tableData
});
}
//详情
function detailsView(id,proId,makeMonth) {
localStorage.setItem("resultVisaId",id);
localStorage.setItem("resultVisaProId",proId);
localStorage.setItem("resultVisaMakeMonth",makeMonth);
function detailsView(id, proId, makeMonth) {
localStorage.setItem("resultVisaId", id);
localStorage.setItem("resultVisaProId", proId);
localStorage.setItem("resultVisaMakeMonth", makeMonth);
//测试
let height = '98%';
let width = '99%';
var index = layer.open({
title: ['工程杆塔巡视详情', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: './workVisaDetails.html',
area: [width, height],
maxmin: false,
success: function (layero, index) {
// var myIframe = window[layero.find('iframe')[0]['name']];
// myIframe.hideSubmit();
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
},
title: ['工程杆塔巡视详情', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
type: 2,
content: './workVisaDetails.html',
area: [width, height],
maxmin: false,
success: function(layero, index) {
// var myIframe = window[layero.find('iframe')[0]['name']];
// myIframe.hideSubmit();
// var fnc = myIframe.setData(data.data); //aaa()为子页面的方法
},
});
}
@ -156,12 +180,12 @@ function exportData() {
var proName = $("#proName").val();
var yjName = $("#yjName").val();
var makeMonth = $("#makeMonth").val();
yjId=localStorage.getItem("selectyj");
subId=localStorage.getItem("selectSubCom");
window.location.href = PATH_URL + `/workvisa/exportData?token=` + token
+ "&proName=" + proName
+ "&yjName=" + yjName
+ "&makeMonth=" + makeMonth
+ "&subId=" + subId
+ "&yjId=" + yjId
var yjId = localStorage.getItem("selectyj");
var subId = localStorage.getItem("selectSubCom");
window.location.href = PATH_URL + `/workvisa/exportData?token=` + token +
"&proName=" + proName +
"&yjName=" + yjName +
"&makeMonth=" + makeMonth +
"&subId=" + subId +
"&yjId=" + yjId
}

View File

@ -267,7 +267,7 @@ function setData(data){
$("#lineProName").attr('title', data.proName);
$("#yjName").text(data.fgsName + ' / ' + data.yjName);
$("#volLevel").text(data.volLevel + 'kV');
$("#volLevel").text(data.volLevel);
parentData = data;
}

View File

@ -1,7 +1,7 @@
var idNumber;
var loadingMsg;
var parentValue;
var types;
layui.use(['layer', 'form', 'upload'], function () {
var upload1 = layui.upload;
@ -15,13 +15,10 @@ layui.use(['layer', 'form', 'upload'], function () {
parent.layer.close(index); //再执行关闭
});
$("#searchBt").click(function () {
if(!$('#file')[0].files[0]){
layer.msg("请上传填好的信息表", { icon: 0 })
return
}
excelUpload();
});
@ -32,10 +29,12 @@ function setParam(data){
parentValue = data;
$("#yjId").val(data.yjId);
if(parentValue.type == '1'){
types = '1';
//从工程主页面打开,此时工程默认没有选中
getProjectSelect("");
}
if(parentValue.type == '2'){
types = '2';
//从工程详情页面打开,此时工程有值
getProjectSelect(parentValue.proId);
}
@ -92,7 +91,6 @@ function excelUpload() {
layer.msg("请选择工程", { icon: 0 });
return
}
loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']}); //④创建一个formData对象
var fileData = new FormData();
fileData.append('file', $('#file')[0].files[0]);
@ -107,8 +105,9 @@ function excelUpload() {
console.log(result)
layer.close(loadingMsg);
if (result.code == 200) {
parent.document.getElementById('powerNum').innerText = result.data.powerNum;
if(types == "2"){
parent.document.getElementById('powerNum').innerText = result.data.powerNum;
}
parent.layer.alert(result.msg,{icon:1});
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭

View File

@ -1,5 +1,4 @@
var pers = []
var yjId = $(window.parent.document).find("input[id='taskSourceId']").attr("stationId");
var table,form,layer;
layui.use(['form','layer','table'], function () {
table = layui.table;
@ -263,6 +262,7 @@ function delView(value) {
}
function importData(){
var yjId = $(window.parent.document).find("input[id='taskSourceId']").attr("stationId");
var height = '99%';
var width = '50%';
var index = layer.open({

View File

@ -54,7 +54,7 @@ layui.use(['form','layer','table'], function () {
break;
case 'del':
console.log('删除',obj)
delView(obj.data.id)
delView(obj.data)
break;
}
});
@ -246,13 +246,18 @@ function updateView(id) {
})
}
/**
* 删除
* */
function delView(id) {
function delView(data) {
var userState = data.userState;
var id = data.id;
if(userState =="1"){
layer.msg('请将人员离职后删除。', {icon: 5});
return false;
}
let index = layer.confirm("是否确定删除数据?相关数据也会删除!", function () {
$.ajax({
type: 'post',

View File

@ -5,6 +5,7 @@ var urls="";
var ysurls="";
var gtIds="";
var gtNames="";
var nums = 0;
layui.use(['upload','laydate','form'], function () {
var upload = layui.upload;
var element = layui.element;
@ -25,6 +26,7 @@ layui.use(['upload','laydate','form'], function () {
url: FILE_URL + "/file/uploadmake" , // 实际使用时改成您自己的上传接口即可。
multiple: true, //是否允许多文件上传默认未false
dataType: "json",
accept:"file",
// exts: 'jpg|png|jpeg|txt|pdf|xlsx|xls|docx|doc|ppt|pptx|mp4|avi|flv',
//'avi','mpg','wmv','3gp','mov','asf','asx','flv','mkv'
// exts: 'jpg|png',
@ -33,13 +35,16 @@ layui.use(['upload','laydate','form'], function () {
// size: 1024 * 30, //最大文件大小单位k
bindAction: '#hideUpload',
choose: function(obj){
console.log(obj)
var that = this;
var files = this.files = obj.pushFile(); // 将每次选择的文件追加到文件队列
var startWorkFiles = obj.pushFile();
// 读取本地文件
obj.preview(function(index, file, result){
var fileExtension = file.name.split('.').pop().toLowerCase();
// 检查文件是否为支持的格式
if("jpg|png".indexOf(fileExtension) == -1){
delete startWorkFiles[index]; //清空对应的文件
layer.msg('文件格式不支持', {time: 2000, icon: 5});
// 阻止文件上传
return false;
@ -53,6 +58,7 @@ layui.use(['upload','laydate','form'], function () {
'<button class="layui-btn layui-btn-xs layui-btn-danger demo-delete">删除</button>',
'</td>',
'</tr>'].join(''));
nums++;
// 单个重传
tr.find('.demo-reload').on('click', function(){
@ -65,6 +71,7 @@ layui.use(['upload','laydate','form'], function () {
tr.remove(); // 删除表格行
// 清空 input file 值,以免删除后出现同名文件不可选
uploadListIns.config.elem.next()[0].value = '';
nums --;
});
that.elemList.append(tr);
element.render('progress'); // 渲染新加的进度条组件
@ -124,6 +131,11 @@ layui.use(['upload','laydate','form'], function () {
layer.msg("请选择完善信息!")
return;
}
if(nums<1){
layer.msg("请选择上传文件!")
return;
}
loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']}); //④创建一个formData对象
$("#hideUpload").trigger("click");
});
});
@ -206,6 +218,7 @@ function insertBatch(){
},
dataType:"json",
success:function(res){
layer.close(loadingMsg);
console.log(res,"res")
if(res.code==500){
parent.layer.msg(res.msg)

View File

@ -42,7 +42,10 @@ layui.use(['form', 'table', 'upload', 'laydate'], function () {
console.log(data)
if($.isEmptyObject(startWorkFiles)){
layer.msg("请上传文件!")
return false;
}
loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']}); //④创建一个formData对象
checkGt(data.field.gtId);
// $("#hideUpload").trigger("click");
});
@ -62,6 +65,7 @@ function checkGt(gtid){
gtId:gtid,makeTime:$("#dataTime").val()
},
success: function (res) {
layer.close(loadingMsg);
if(res.code==200){
$("#hideUpload").trigger("click");
}else{
@ -158,6 +162,7 @@ function uploadFile(){
url: FILE_URL + "/file/uploadmake" , //改成您自己的上传接口
multiple: true, //是否允许多文件上传默认未false
dataType: "json",
accept: 'file',
// data: {"pickId": id},
// exts: 'jpg|png',
//acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
@ -176,6 +181,7 @@ function uploadFile(){
var fileExtension = file.name.split('.').pop().toLowerCase();
// 检查文件是否为支持的格式
if("jpg|png".indexOf(fileExtension) == -1){
delete startWorkFiles[index]; //清空对应的文件
layer.msg('文件格式不支持', {time: 2000, icon: 5});
// 阻止文件上传
return false;
@ -183,12 +189,12 @@ function uploadFile(){
console.log(index); //得到文件索引
console.log(file.name); //得到文件对象
var files = $('#demo img')
if(files.length <= 2){
if(files.length <= 1){
$('#demo').append(
'<div id="prove_' + index + '" style="display: inline-block">' +
'<div class="item">' +
'<div class="handle" style="margin-top: -28px" data-idx="prove_' + index + '">' +
'<i class="layui-icon layui-icon-delete" style="position: relative;top: 30px;left: 72px; font-size: 20px;color: red" data-idx="prove_' + index + '" ></i>' +
'<i class="layui-icon layui-icon-delete" style="position: relative;top: 30px;left: 72px; font-size: 20px;color: red" data-idx="prove_' + index + '" onclick="delImgs('+index +') " ></i>' +
'</div>' +
'<img src="' + result + '" alt="' + file.name + '" title="' + file.name + '" data-index="prove_' + index + '" data-name="' + file.name + '" style="height: 100px;width: 100px;margin-right: 10px" class="layui-upload-img ">' +
'<div><span>' + (file.name.length > 8 ? (file.name.substr(0, 8) + "..") : file.name) + '</span></div>' +
@ -196,9 +202,12 @@ function uploadFile(){
'</div>'
);
}else{
delete startWorkFiles[index]; //清空对应的文件
layer.msg('最多上传2张照片',{icon:2})
// 阻止文件上传
return false;
}
addDelete(startWorkFiles,obj.pushFile(),index);
// addDelete(startWorkFiles,obj.pushFile(),index);
});
},
before: function (obj) {
@ -287,4 +296,12 @@ function reloading() {
window.parent.location.reload();
}
function delImgs(index){
$('#demo').click(function (e) {
var target = $(e.target)
if (target.hasClass('handle') || target.hasClass('layui-icon')) {
delete startWorkFiles[index]; // 通过获取绑定在标签上的index删除files对象中对应的key属性即可
target.parents('.item').remove() // 页面文件标签也删除
}
});
}

View File

@ -19,11 +19,18 @@ layui.use(['form', 'table', 'upload', 'laydate'], function () {
});
uploadFile();
$("#resetBt").click(function () {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
});
form.on('submit(formDemo)', function (data) {
if($.isEmptyObject(startWorkFiles)){
layer.msg("请上传文件!")
return false;
}
loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']}); //④创建一个formData对象
$("#hideUpload").trigger("click");
});
});
@ -68,11 +75,12 @@ function uploadFile(){
url: FILE_URL + "/file/uploadmake" , //改成您自己的上传接口
multiple: true, //是否允许多文件上传默认未false
dataType: "json",
accept: 'file',
// data: {"pickId": id},
// exts: 'jpg|png|mp4',
//acceptMime: 'image/jpg,image/png,image/jpeg,file/pdf,file/xlsx',
auto: false, //是否自动上传 默认为true
number: 9, //最大上传数量
number: 2, //最大上传数量
// size: 1024*5, //最大文件大小单位k
bindAction: '#hideUpload', //绑定的按钮
field: 'file', //传到后台的字段名,默认file
@ -86,6 +94,7 @@ function uploadFile(){
var fileExtension = file.name.split('.').pop().toLowerCase();
// 检查文件是否为支持的格式
if("jpg|png|mp4".indexOf(fileExtension) == -1){
delete startWorkFiles[index]; //清空对应的文件
layer.msg('文件格式不支持', {time: 2000, icon: 5});
// 阻止文件上传
return false;
@ -93,12 +102,12 @@ function uploadFile(){
console.log(index); //得到文件索引
console.log(file.name); //得到文件对象
var files = $('#demo img')
if(files.length <= 2){
if(files.length <= 1){
$('#demo').append(
'<div id="prove_' + index + '" style="display: inline-block">' +
'<div class="item">' +
'<div class="handle" style="margin-top: -28px" data-idx="prove_' + index + '">' +
'<i class="layui-icon layui-icon-delete" style="position: relative;top: 30px;left: 72px; font-size: 20px;color: red" data-idx="prove_' + index + '" ></i>' +
'<i class="layui-icon layui-icon-delete" style="position: relative;top: 30px;left: 72px; font-size: 20px;color: red" data-idx="prove_' + index + '" onclick="delImgs('+index +') " ></i>' +
'</div>' +
'<img src="' + result + '" alt="' + file.name + '" title="' + file.name + '" data-index="prove_' + index + '" data-name="' + file.name + '" style="height: 100px;width: 100px;margin-right: 10px" class="layui-upload-img ">' +
'<div><span>' + (file.name.length > 8 ? (file.name.substr(0, 8) + "..") : file.name) + '</span></div>' +
@ -106,9 +115,12 @@ function uploadFile(){
'</div>'
);
}else{
delete startWorkFiles[index]; //清空对应的文件
layer.msg('最多上传2张照片',{icon:2})
// 阻止文件上传
return false;
}
addDelete(startWorkFiles,obj.pushFile(),index);
// addDelete(startWorkFiles,obj.pushFile(),index);
});
},
before: function (obj) {
@ -172,7 +184,7 @@ function insertSpecial(obj){
},
dataType:"json",
success:function(res){
layer.close(loadingMsg);
},
error:function(data){
}
@ -234,6 +246,18 @@ function addDelete(arr,pusharr,index) {
}
});
}
function delImgs(index){
$('#demo').click(function (e) {
var target = $(e.target)
if (target.hasClass('handle') || target.hasClass('layui-icon')) {
delete startWorkFiles[index]; // 通过获取绑定在标签上的index删除files对象中对应的key属性即可
target.parents('.item').remove() // 页面文件标签也删除
}
});
}
//设置弹窗关闭
function reloading() {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引

View File

@ -10,6 +10,8 @@ var numTimes;
var userId;
var makeType;
var proId;
var nums = 0;
layui.use(['form', 'table', 'upload'], function () {
let form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功
form.render();
@ -21,12 +23,19 @@ layui.use(['form', 'table', 'upload'], function () {
makeType=$("#makeType").val();
proId=$("#proId").val();
uploadFile();
$("#resetBt").click(function () {
var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
parent.layer.close(index); //再执行关闭
});
form.on('submit(formDemo)', function (data) {
console.log(startWorkFiles,"startWorkFiles")
if($.isEmptyObject(startWorkFiles)){
layer.msg("请上传文件!")
return false;
}
loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']}); //④创建一个formData对象
$("#hideUpload").trigger("click");
});
});
@ -69,11 +78,13 @@ function uploadFile(){
var fileExtension = file.name.split('.').pop().toLowerCase();
// 检查文件是否为支持的格式
if("jpg|png".indexOf(fileExtension) == -1){
delete startWorkFiles[index]; //清空对应的文件
layer.msg('文件格式不支持', {time: 2000, icon: 5});
// 阻止文件上传
return false;
}
if(files.length <= 1){
if(files.length <= 0){
nums++;
$('#demo').append(
'<div id="prove_' + index + '" style="display: inline-block">' +
'<div class="item">' +
@ -86,7 +97,10 @@ function uploadFile(){
'</div>'
);
}else{
layer.msg('最多上传1张照片',{icon:2})
delete startWorkFiles[index]; //清空对应的文件
layer.msg('最多上传1张照片',{icon:2});
// 阻止文件上传
return false;
}
addDelete(startWorkFiles,obj.pushFile(),index);
});
@ -141,6 +155,7 @@ function insertMakeGt(){
},
dataType:"json",
success:function(res){
layer.close(loadingMsg);
console.log(res,"res")
if(res.code==500){
parent.layer.msg(res.msg)
@ -168,6 +183,7 @@ function delPhoto(i,id) {
}
}
function addDelete(arr,pusharr,index) {
nums = 0;
$('#demo').click(function (e) {
var target = $(e.target)
if (target.hasClass('handle') || target.hasClass('layui-icon')) {

View File

@ -190,8 +190,7 @@ function getView(){
<span style="border: 3px solid #409EFF;width: 20px;height: 10px;margin-left: 2%;margin-right: 1%;"></span>
<span style="color:#666666">正常巡视-第一次巡视</span>
<span style="color:#F56C6C">(负责的巡护区段杆塔)</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span style="color:#999999">若需上传负责区域之外的杆塔请点击</span>
<span style="color:#0000FF;cursor: pointer;" onclick="patrolOutsideAdd()">巡护段外上传>></span>
</div>
<div id="firstViewBox" style="width: 100%;min-height: 200px;margin-bottom: 20px;display: flex;flex-wrap: wrap;">`
for (let i = 0;i < viewList1.length;i++) {