巡视计划
This commit is contained in:
parent
b4941ecb29
commit
415d7a93a2
|
|
@ -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="工作站名称" >
|
||||
|
|
|
|||
|
|
@ -264,7 +264,6 @@ function auditView(yjId, insMonth,id) {
|
|||
|
||||
},
|
||||
end:function(){
|
||||
debugger;
|
||||
$('#fgsName').val('');
|
||||
$('#yjName').val('');
|
||||
$('#insMonth').val('');
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
@ -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
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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); //再执行关闭
|
||||
|
|
|
|||
|
|
@ -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({
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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)
|
||||
|
|
|
|||
|
|
@ -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() // 页面文件标签也删除
|
||||
}
|
||||
});
|
||||
}
|
||||
|
|
@ -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层的索引
|
||||
|
|
|
|||
|
|
@ -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')) {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<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++) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue