var pageCurr;
var admin;
var treeCond;
layui.config({
base: baseUrl + "/static/layui/lay/modules/"
}).extend({
cascader: 'cascader/cascader',
}).use(['table', 'laydate', 'form', 'admin', 'xmSelect', 'element', 'cascader', 'tree', 'dropdown','element'], function () {
var table = layui.table;
var $ = layui.jquery;
var layer = layui.layer;
var layDate = layui.laydate;
var tree = layui.tree;
var form = layui.form;
var dropdown = layui.dropdown;
var element = layui.element;
admin = layui.admin;
$('#organization').html(localStorage.getItem('nickname') + ' ');
// 部门人员 筛选
dropdown.render({
elem: '#organization'
, content: ['
'].join('')
, style: 'width: 370px; height: 350px; padding: 0 15px; box-shadow: 1px 1px 30px rgb(0 0 0 / 12%);'
, ready: function () {
loadTree();
}
});
// 树形图
var organizationTree;
window.loadTree = function (condition,allSwitch) {
var loadIndex = layer.load(2);
$.ajax({
url: baseUrl + "/dept/user/tree/auth",
headers: {'token': localStorage.getItem('token')},
data: {
'condition': condition,
'allSwitch': allSwitch
},
method: 'POST',
success: function (res) {
layer.close(loadIndex);
if (res.code === 200) {
organizationTree = tree.render({
elem: '#organizationTree',
id: 'organizationTree',
onlyIconControl: true,
data: res.data,
click: function (obj) {
treeCond = {
key: obj.data.key,
val: obj.data.id
}
$('#organization').html(obj.data.title + ' ');
$('#organizationTree').find('.ew-tree-click').removeClass('ew-tree-click');
$(obj.elem).children('.layui-tree-entry').addClass('ew-tree-click');
clearFormVal($('#search-box'));
tableIns.reload({
where: {[obj.data.key]: obj.data.id},
page: {curr: 1}
});
}
});
treeData = res.data;
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg)
}
}
})
}
// 数据渲染
tableIns = table.render({
elem: '#priOnline',
headers: {token: localStorage.getItem('token')},
url: baseUrl + '/priOnline2/list/auth',
page: true,
limit: 16,
limits: [16, 30, 50, 100, 200, 500],
toolbar: '#toolbar',
cellMinWidth: 150,
cols: [[
{type: 'checkbox', fixed: 'left'}
, {field: 'id', title: 'ID', sort: true, align: 'center', fixed: 'left', width: 80, hide: true, sort:true}
, {
field: 'templateName',
align: 'center',
title: '客户名称',
style: 'color: #1890ff;cursor:pointer',
event: 'moreCstmr',
width: 350,
hide: false, sort:true
}
, {field: 'cstmrId$', align: 'center', title: '客户id', hide: true}
, {field: 'orderNum', align: 'center', title: '核价单号', hide: false, sort:true}
, {
field: 'planId$',
align: 'center',
title: '规划单号',
style: 'color: #1890ff;cursor:pointer',
event: 'morePlan',
hide: false
}
, {field: 'itemId', align: 'center', title: '规划单ID', hide: true, sort:true}
, {field: 'statusAll$', align: 'center',title: '状态'}
// ,{field: 'memberId$', align: 'center',title: ''}
, {
field: 'settle$',
align: 'center',
title: '进度',
style: 'color: #1890ff;cursor:pointer',
event: 'more',
hide: false
}
, {field: 'settleSize', align: 'center', title: '流程长度', hide: true}
, {field: 'user$', align: 'center', title: '业务员', hide: false}
, {field: 'deptId$', align: 'center', title: '部门', hide: true}
, {field: 'checkDataStatus$', align: 'center', title: '报价数据', hide: false}
, {field: 'createTime$', align: 'center', title: '创建时间', hide: true}
, {field: 'updateUserId$', align: 'center', title: '更新人员', hide: false}
, {field: 'updateTime$', align: 'center', title: '更新时间', hide: false}
,{field: 'assistantHostSign$', align: 'left',title: '主副标记', hide: false}
,{field: 'assistantHostSign', align: 'left',title: '主副标记', hide: true}
,{field: 'hostPlanId', align: 'left',title: '主ID', hide: true}
,{field: 'assistantPlanId', align: 'left',title: '副ID', hide: true}
, {fixed: 'right', title: '操作', align: 'center', toolbar: '#operate', width: 350}
]],
request: {
pageName: 'curr',
pageSize: 'limit'
},
parseData: function (res) {
return {
'code': res.code,
'msg': res.msg,
'count': res.data.total,
'data': res.data.records
}
},
response: {
statusCode: 200
},
done: function (res, curr, count) {
if (res.code === 403) {
top.location.href = baseUrl + "/";
}
pageCurr = curr;
limit();
}
});
// 监听排序事件
table.on('sort(priOnline)', function (obj) {
var searchData = {};
$.each($('#search-box [name]').serializeArray(), function () {
searchData[this.name] = this.value;
});
searchData['orderByField'] = obj.field;
searchData['orderByType'] = obj.type;
tableIns.reload({
where: searchData,
page: {
curr: 1
},
done: function (res, curr, count) {
if (res.code === 403) {
top.location.href = baseUrl + "/";
}
pageCurr = curr;
limit();
}
});
});
// 监听头工具栏事件
table.on('toolbar(priOnline)', function (obj) {
var checkStatus = table.checkStatus(obj.config.id);
switch (obj.event) {
case 'addBlank':
showEditModel();
break;
case 'addBlank2':
showEditModel2();
break;
case 'refreshData':
tableIns.reload({
page: {
curr: pageCurr
}
});
limit();
break;
case 'deleteData':
var data = checkStatus.data;
var ids = [];
data.map(function (track) {
ids.push(track.id);
});
if (ids.length === 0) {
layer.msg('请选择数据');
} else {
layer.confirm('确定删除' + (ids.length === 1 ? '此' : ids.length) + '条数据吗', function () {
$.ajax({
url: baseUrl + "/priOnline2/delete/auth",
headers: {'token': localStorage.getItem('token')},
data: {ids: ids},
method: 'POST',
traditional: true,
success: function (res) {
if (res.code === 200) {
layer.closeAll();
tableReload(false);
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg)
}
}
})
});
}
break;
case 'exportData':
layer.confirm('确定导出Excel吗', {shadeClose: true}, function () {
var titles = [];
var fields = [];
obj.config.cols[0].map(function (col) {
if (col.type === 'normal' && col.hide === false && col.toolbar == null) {
titles.push(col.title);
fields.push(col.field);
}
});
var exportData = {};
$.each($('#search-box [name]').serializeArray(), function () {
exportData[this.name] = this.value;
});
var param = {
'config': exportData,
'fields': fields
};
$.ajax({
url: baseUrl + "/priOnline2/export/auth",
headers: {'token': localStorage.getItem('token')},
data: JSON.stringify(param),
dataType: 'json',
contentType: 'application/json;charset=UTF-8',
method: 'POST',
success: function (res) {
layer.closeAll();
if (res.code === 200) {
table.exportFile(titles, res.data, 'xls');
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg)
}
}
});
});
break;
}
});
$("#data-btn-file2").on("click", (e) => {
$("#data-btn-upload").click()
});
var _uploadFile = null
//响应上传
$("#data-btn-upload").on("change",(evt) => {
var files = evt.target.files;
if(files==null || files.length==0){
alert("No files wait for import");
return;
}
var file = files[0]
var tr = $([''
,'' + file.name +' '
,''+ (file.size/1014).toFixed(1) +'kb '
,'' +' '
,' '
,''
,'重传 '
,'删除 '
,'下载 '
,' '
,' '].join(''));
//删除
tr.find('.demo-delete').on('click', function(){
tr.remove();
$("#data-btn-upload").val("")
_uploadFile = null
});
$('#data-btn-file3').append(tr)
element.progress('progress-demo-'+ file.lastModified, '0%'); //执行进度条。
element.init();
_uploadFile = file
})
//开始上传
$("#testListAction").on("click", async (e) => {
if (_uploadFile == null) {
return false;
}
var index = layer.load(1, {
shadeClose: false,
title: '上传中..',
shade: [0.5,'#000']
});
var file = _uploadFile
putObject(file,(p) => {
element.progress('progress-demo-'+ file.lastModified, (Math.round(p * 100)) + "%"); //执行进度条。
}).then((result) => {
var filename = result.name
layer.msg('上传成功', {icon: 1});
$("#upload-file-id-" + file.lastModified).html("上传成功")
$("#upload-filename-id-" + file.lastModified).html(filename)
let token = localStorage.getItem("token");
$.ajax({
url: baseUrl+"/plan/url/insert/file/auth",
headers: {'token': localStorage.getItem('token')},
data: {
'planId': $('.layui-layer-title').text(),
'filename': filename,
'filesize': file.size,
'token': token
},
method: 'POST',
success: function (res) {
if (res.code === 200){
layer.close(index)
console.log(res)
} else if (res.code === 403){
top.location.href = baseUrl+"/";
} else {
layer.msg(res.msg)
}
}
});
}).catch((e) => {
console.log(e)
layer.msg('上传失败', {icon: 2});
$("#upload-file-id-" + file.lastModified).html("上传失败")
})
//清空file
$("#data-btn-upload").val("")
_uploadFile = null
});
// 监听行工具事件
table.on('tool(priOnline)', function (obj) {
var data = obj.data;
switch (obj.event) {
case 'approvalEnd':
layer.confirm('审批拒绝?', {
skin: 'layui-layer-admin',
shade: .1,
offset: '200px',
title: data.name
}, function (i) {
layer.close(i);
console.log(data)
approvalEnd(data.id);
});
break;
case 'approval':
layer.confirm('审批通过?', {
skin: 'layui-layer-admin',
shade: .1,
offset: '200px',
title: data.name
}, function (i) {
console.log(data)
layer.close(i);
// 指定模板
if (((data.settle === 1 && data.settleSize===3) || (data.settle===2 && data.settleSize===4)) && data.assistantHostSign==0) {
admin.open({
type: 1,
area: '300px',
title: '选择报价模板',
content: $('#plannerListDialog').html(),
success: function (layero, dIndex) {
let plannerSel = xmSelect.render({
el: '#plannerXmlSel',
autoRow: true,
filterable: true,
remoteSearch: true,
clickClose: true,
radio: true,
remoteMethod: function (val, cb, show) {
let loadIndex = layer.load(2);
$.ajax({
url: baseUrl + "/priOnline2/priQuoteAdd/list/auth",
headers: {'token': localStorage.getItem('token')},
data: {
planId: data.id
},
method: 'POST',
success: function (res) {
layer.close(loadIndex);
if (res.code === 200) {
cb(res.data)
} else {
layer.close(dIndex);
layer.msg(res.msg, {icon: 2});
}
}
})
}
});
form.on('submit(editSubmit)', function () {
let plannerId = plannerSel.getValue()[0] ? plannerSel.getValue()[0].value : null;
if (!plannerId) {
layer.msg("请选择规划员", {icon: 2});
top.requireTip($('#plannerXmlSel'));
return false;
}
approval(data.id, plannerId, dIndex);
});
$(layero).children('.layui-layer-content').css('overflow', 'visible');
}
})
} else {
approval(data.id);
}
});
break;
case 'moreCstmr':
top.cstmrByMore = data.cstmrId$;
admin.popupRight({
type: 1,
window: "top",
area: "1250px",
url: "../cstmr/cstmr_more.html",
end: function () {
// $(".layui-laypage-btn")[0].click();
}
})
break;
case 'morePlan':
top.planByMore = data.itemId;
admin.popupRight({
type: 1,
window: "top",
area: "1250px",
url: "../plan/plan_more_other.html",
end: function () {
// $(".layui-laypage-btn")[0].click();
}
})
break;
case 'more':
top.priOnlineByMore = data.id;
admin.popupRight({
type: 1,
window: "top",
area: "1250px",
url: "priOnline_more.html",
end: function () {
// $(".layui-laypage-btn")[0].click();
}
})
break;
// 核价
case 'check':
layer.open({
type: 2,
title: '核价',
maxmin: true,
area: [top.detailWidth, top.detailHeight],
shadeClose: false,
content: 'priOnline_detail.html?id=' + data.id,
success: function (layero, index) {
// layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"});
}
});
break;
case 'del':
layer.confirm('确定删除这条数据吗', function () {
$.ajax({
url: baseUrl + "/priOnline2/delete/auth",
headers: {'token': localStorage.getItem('token')},
data: {ids: data.id},
method: 'POST',
traditional: true,
success: function (res) {
if (res.code === 200) {
layer.closeAll();
tableReload(false);
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg)
}
}
})
});
break;
case "edit":
showEditForm(data);
break;
case "upload":
$.ajax({
type: "get",
url: baseUrl + "/priOnline2/viewCheck/" + data.id + "/auth",
dataType: "json",
headers: {'token': localStorage.getItem('token')},
success: function (res) {
if (res.code == 200) {
layer.confirm('当前已存在数据,继续上传将会覆盖旧数据,是否上传?', function () {
$("#uploadQuote").click()
});
} else {
$("#uploadQuote").click()
}
}
});
$("#uploadQuote").on("change", (evt) => {
var files = evt.target.files;
if (files == null || files.length == 0) {
alert("No files wait for import");
return;
}
let name = files[0].name;
let suffixArr = name.split("."), suffix = suffixArr[suffixArr.length - 1];
if (suffix != "xlsx") {
alert("Currently only supports the import of xlsx files");
return;
}
LuckyExcel.transformExcelToLucky(files[0], function (exportJson, luckysheetfile) {
if (exportJson.sheets == null || exportJson.sheets.length == 0) {
alert("Failed to read the content of the excel file, currently does not support xls files!");
return;
}
let formData = new FormData($("#uploadFile")[0]);
formData.append("id", data.id);
formData.append("checkData", zip(exportJson.sheets));
$.ajax({
url: baseUrl + "/priOnline2/uploadCheck/auth",
headers: {'token': localStorage.getItem('token')},
data: formData,
// data: JSON.stringify({
// id: data.id,
// checkData: zip(exportJson.sheets)
// }),
// dataType: "json",
method: 'POST',
cache: false,
processData: false,
contentType: false,
// contentType:'application/json;charset=UTF-8',
success: function (res) {
if (res.code == 200) {
layer.msg('上传成功', {time: 1000}, () => {
parent.location.reload()
})
} else {
layer.msg(res.msg, {time: 1000}, () => {
parent.location.reload()
})
}
}
})
});
})
break;
case "viewCheck":
//查看询价
$.ajax({
type: "get",
url: baseUrl + "/priOnline2/viewCheck/" + data.id + "/auth",
dataType: "json",
headers: {'token': localStorage.getItem('token')},
success: function (res) {
if (res.code == 200) {
layer.open({
type: 2,
title: '查看询价',
maxmin: true,
area: [top.detailWidth, top.detailHeight],
shadeClose: false,
content: 'priOnline_check.html?id=' + data.id,
success: function (layero, index) {
// layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"});
}
});
} else {
layer.msg(res.msg, {time: 1000})
}
}
});
break;
case "uploadLink":
// 打开弹窗
// 构建带参数的内容
var planIdSign = data.itemId;
if (data.assistantHostSign==1){
planIdSign = data.hostPlanId;
}
layer.open({
type: 1,
title: '上传文件-'+planIdSign,
content: $('#myModal')
});
// 获取路径下的文件列表,使用 jQuery 的 ajax 方法
$.ajax({
url: '/plan/url/view/file/auth',
data:{
planId:planIdSign
},
success: function(response) {
if (response.code==200){
var targetTable = document.getElementById("data-btn-file3");
targetTable.innerHTML = '';
// 将获取到的文件列表添加到文件队列中进行显示
response.data.forEach(function(file,index) {
// 创建tr元素
var tr = document.createElement("tr");
tr.id = "upload-"+index;
tr.innerHTML = '' + file.name + ' '
+ '' + (file.size / 1024).toFixed(1) + 'kb '
+ '' + file.userName + ' '
// + ' '
+ ''+'已完成'+' '
+ ''
+ '重传 '
// + '删除 '
+ '下载 '
+ ' ';
// 将tr元素添加到目标table中
targetTable.appendChild(tr);
});
}else {
console.log('Failed to get file list error.');
}
},
error: function() {
console.log('Failed to get file list.');
}
});
break;
}
});
// 点击下载按钮时触发文件下载
$('#data-btn-file3').on('click', 'a', function() {
console.log(this)
var downloadUrl = $(this).attr('href');
let url = getObjectUrl(downloadUrl)
layer.msg("准备下载中", {icon: 1});
location.href = url
return false; // 阻止默认的链接跳转行为
});
// 搜索
form.on('submit(search)', function (data) {
pageCurr = 1;
pageCount = 0;
tableReload();
});
/* 弹窗 - 新增、修改 */
function showEditModel(mData) {
admin.open({
type: 1,
area: '800px',
title: (mData ? '修改' : '添加') + '核价',
content: $('#editDialog').html(),
success: function (layero, dIndex) {
form.val('detail', mData);
form.on('submit(editSubmit)', function (data) {
var loadIndex = layer.load(2);
layer.close(loadIndex);
layer.close(dIndex);
layer.open({
type: 2,
title: '新增',
maxmin: true,
area: [top.detailWidth, top.detailHeight],
shadeClose: false,
content: 'priOnline_detail.html?item_id=' + data.field.planId + "&template=" + data.field.template + "&name=" + data.field.name,
success: function (layero, index) {
clearFormVal(layer.getChildFrame('#detail', index));
// layer.iframeAuto(index);layer.style(index, {top: (($(window).height()-layer.getChildFrame('#data-detail', index).height())/3)+"px"});
}
});
return false;
});
$(layero).children('.layui-layer-content').css('overflow', 'visible');
layui.form.render('select');
}
});
}
// /* 弹窗 - 新增、修改 */
// function showEditModel2(mData) {
// admin.open({
// type: 1,
// area: '800px',
// title: '接取' + '核价',
// content: $('#editDialogHJ').html(),
// success: function (layero, dIndex) {
// let loadNameXml = loadNameXmlSel()
// form.val('detailHJ', mData);
// form.on('submit(editSubmitHJ)', function (data) {
// data.field.id = loadNameXml.getValue()[0] ? loadNameXml.getValue()[0].id : null;
// $.ajax({
// url: baseUrl+"/priOnline2/HJ/add/auth",
// headers: {'token': localStorage.getItem('token')},
// data: data.field,
// method: 'POST',
// success: function (res) {
// if (res.code === 200){
// layer.close(dIndex);
// layer.msg(res.msg, {icon: 1});
// tableReload()
// } else if (res.code === 403){
// top.location.href = baseUrl+"/";
// }else {
// layer.msg(res.msg, {icon: 2});
// }
// }
// })
// });
// $(layero).children('.layui-layer-content').css('overflow', 'visible');
// layui.form.render('select');
// }
// });
// }
//更新form
function showEditForm(mData) {
admin.open({
type: 1,
area: '800px',
title: '核价信息编辑',
content: $('#editStatus').html(),
success: function (layero, dIndex) {
form.val('editStatusDetail', mData);
form.render('select')
form.on('submit(editSubmit)', function (data) {
var loadIndex = layer.load(2);
$.ajax({
url: baseUrl + "/priOnline2/updateForm/auth",
headers: {'token': localStorage.getItem('token')},
data: data.field,
method: 'POST',
traditional: true,
success: function (res) {
if (res.code === 200) {
layer.closeAll();
tableReload(false);
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg)
}
}
})
layer.close(loadIndex);
layer.close(dIndex);
return false;
});
$(layero).children('.layui-layer-content').css('overflow', 'visible');
layui.form.render('select');
}
});
}
function approvalEnd(priOnlineId, plannerId, dIdx) {
let loadIndex = layer.load(2);
$.ajax({
url: baseUrl + "/priOnline2/approvalEnd/auth",
headers: {'token': localStorage.getItem('token')},
data: {
priOnlineId: priOnlineId,
plannerId: plannerId
},
method: 'POST',
success: function (res) {
if (dIdx) {
layer.close(dIdx);
}
layer.close(loadIndex);
if (res.code === 200) {
layer.msg(res.msg, {icon: 1});
tableReload();
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg, {icon: 2});
}
}
})
}
function approval(priOnlineId, plannerId, dIdx) {
let loadIndex = layer.load(2);
$.ajax({
url: baseUrl + "/priOnline2/approval/auth",
headers: {'token': localStorage.getItem('token')},
data: {
priOnlineId: priOnlineId,
plannerId: plannerId
},
method: 'POST',
success: function (res) {
if (dIdx) {
layer.close(dIdx);
}
layer.close(loadIndex);
if (res.code === 200) {
layer.msg(res.msg, {icon: 1});
tableReload();
} else if (res.code === 403) {
top.location.href = baseUrl + "/";
} else {
layer.msg(res.msg, {icon: 2});
}
}
})
}
// window.loadNameXmlSel = function () {
// return xmSelect.render({
// el: '#nameXmlSel',
// autoRow: true,
// filterable: true,
// remoteSearch: true,
// clickClose: true,
// radio: true,
// remoteMethod: function (val, cb, show) {
// $.ajax({
// url: baseUrl + "/priOnline2/HJ/search/auth",
// headers: {'token': localStorage.getItem('token')},
// data: {
// condition: val
// },
// method: 'POST',
// success: function (res) {
// if (res.code === 200) {
// cb(res.data)
// } else {
// cb([]);
// layer.msg(res.msg, {icon: 2});
// }
// }
// });
// }
// });
// }
});
// 关闭动作
$(document).on('click', '#data-detail-close', function () {
parent.layer.closeAll();
});
function tableReload(child) {
var searchData = {};
$.each($('#search-box [name]').serializeArray(), function () {
searchData[this.name] = this.value;
});
(child ? parent.tableIns : tableIns).reload({
where: searchData,
page: {
curr: pageCurr
},
done: function (res, curr, count) {
if (res.code === 403) {
top.location.href = baseUrl + "/";
}
pageCurr = curr;
if (res.data.length === 0 && count !== 0) {
tableIns.reload({
where: searchData,
page: {
curr: pageCurr - 1
}
});
pageCurr -= 1;
}
limit(child);
}
});
}
function setFormVal(el, data, showImg) {
for (var val in data) {
var find = el.find(":input[id='" + val + "']");
find.val(data[val]);
if (showImg) {
var next = find.next();
if (next.get(0)) {
if (next.get(0).localName === "img") {
find.hide();
next.attr("src", data[val]);
next.show();
}
}
}
}
}
function clearFormVal(el) {
$(':input', el)
.val('')
.removeAttr('checked')
.removeAttr('selected');
}
function detailScreen(index) {
var detail = layer.getChildFrame('#data-detail', index);
var height = detail.height() + 60;
if (height > ($(window).height() * 0.9)) {
height = ($(window).height() * 0.9);
}
layer.style(index, {
top: (($(window).height() - height) / 3) + "px",
height: height + 'px'
});
$(".layui-layer-shade").remove();
}
$('body').keydown(function () {
if (event.keyCode === 13) {
$("#search").click();
}
});
// 压缩
function zip(data) {
if (!data) return data
// 判断数据是否需要转为JSON
const dataJson = typeof data !== 'string' && typeof data !== 'number' ? JSON.stringify(data) : data
// 使用Base64.encode处理字符编码,兼容中文
const str = Base64.encode(dataJson)
let binaryString = pako.gzip(str);
let arr = Array.from(binaryString);
let s = "";
arr.forEach((item, index) => {
s += String.fromCharCode(item)
})
return btoa(s)
}