admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

甘特图

Browse Source
This commit is contained in:
骆乐 2022-11-05 13:35:16 +08:00
parent ed12e2f634
commit 9a1d82934b
8 changed files with 624 additions and 459 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

495
public/doc/ExtGantt/Ext甘特图.html
View File

@ -1,7 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- saved from url=(0049)http://www.plusgantt.com/gantt/demo/ExtGantt.html --> <!-- saved from url=(0049)http://www.plusgantt.com/gantt/demo/ExtGantt.html -->
<html xmlns="http://www.w3.org/1999/xhtml" class=" ext-strict x-viewport"> <html xmlns="http://www.w3.org/1999/xhtml" class=" ext-strict x-viewport">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ext甘特图</title> <title>Ext甘特图</title>
@ -18,72 +17,6 @@
</head> </head>
<body class="ext-webkit ext-chrome ext-mac x-border-layout-ct" id="ext-gen3"> <body class="ext-webkit ext-chrome ext-mac x-border-layout-ct" id="ext-gen3">
<!-- <div id="ext-comp-1001" class=" x-border-panel" style="height: 32px; left: 0px; top: 0px; width: 1920px;"><b
style="padding:8px;">Ext甘特图集成示例</b></div>
<div id="west-panel" class=" x-panel x-border-panel" style="width: 200px; left: 5px; top: 32px;">
<div class="x-panel-header x-unselectable" id="ext-gen4">
<div class="x-tool x-tool-toggle x-tool-collapse-west" id="ext-gen7">&nbsp;</div><span
class="x-panel-header-text" id="ext-gen8">West</span>
</div>
<div class="x-panel-bwrap" id="ext-gen5">
<div class="x-panel-body" id="ext-gen6" style="width: 198px; height: 862px;">
<div id="ext-comp-1004" class=" x-panel x-panel-noborder" style="width: auto;">
<div class="x-panel-header x-panel-header-noborder x-unselectable x-accordion-hd" id="ext-gen18"
style="cursor: pointer;">
<div class="x-tool x-tool-toggle" id="ext-gen21">&nbsp;</div><img
src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
class="x-panel-inline-icon nav"><span class="x-panel-header-text"
id="ext-gen22">Navigation</span>
</div>
<div class="x-panel-bwrap" id="ext-gen19">
<div class="x-panel-body x-panel-body-noborder" id="ext-gen20"
style="width: auto; height: 814px;"></div>
</div>
</div>
<div id="ext-comp-1005" class=" x-panel x-panel-noborder x-panel-collapsed" style="width: auto;">
<div class="x-panel-header x-panel-header-noborder x-unselectable x-accordion-hd" id="ext-gen23"
style="cursor: pointer;">
<div class="x-tool x-tool-toggle" id="ext-gen26">&nbsp;</div><img
src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
class="x-panel-inline-icon settings"><span class="x-panel-header-text"
id="ext-gen27">Settings</span>
</div>
<div class="x-panel-bwrap" id="ext-gen24" style="display: none;">
<div class="x-panel-body x-panel-body-noborder" id="ext-gen25">
<p>Some settings in here.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ext-comp-1002" class=" x-tab-panel x-border-panel" style="left: 210px; top: 32px; width: 1710px;">
<div class="x-tab-panel-header x-unselectable" id="ext-gen10" style="width: 1708px;">
<div class="x-tab-strip-wrap" id="ext-gen13" style="width: 1708px;">
<ul class="x-tab-strip x-tab-strip-top" id="ext-gen15">
<li class=" x-tab-strip-active" id="ext-comp-1002__extwrap"><a class="x-tab-strip-close"
onclick="return false;"></a><a class="x-tab-right"
href="http://www.plusgantt.com/gantt/demo/ExtGantt.html#" onclick="return false;"><em
class="x-tab-left"><span class="x-tab-strip-inner"><span
class="x-tab-strip-text ">普加甘特图</span></span></em></a></li>
<li class="x-tab-edge" id="ext-gen16"></li>
<div class="x-clear" id="ext-gen17"></div>
</ul>
</div>
<div class="x-tab-strip-spacer" id="ext-gen14"></div>
</div>
<div class="x-tab-panel-bwrap" id="ext-gen11">
<div class="x-tab-panel-body x-tab-panel-body-top" id="ext-gen12"
style="overflow: auto; width: 1708px; height: 857px;">
<div id="extwrap" style="width: 1708px; height: 857px;">
</div>
</div>
</div>
</div> -->
<!--引入ExtJS--> <!--引入ExtJS-->
<script type="text/javascript" src="./Ext甘特图_files/ext-base.js"></script> <script type="text/javascript" src="./Ext甘特图_files/ext-base.js"></script>
<script type="text/javascript" src="./Ext甘特图_files/ext-all.js"></script> <script type="text/javascript" src="./Ext甘特图_files/ext-all.js"></script>
@ -113,10 +46,10 @@
window.onload = () => { window.onload = () => {
console.log('window.onload') console.log('window.onload')
var parentUrl = getParentUrl() var parentUrl = getParentUrl()
console.log('parentUrl',parentUrl) console.log('parentUrl', parentUrl)
if(parentUrl.indexOf('dataBoard')!=-1){ if (parentUrl.indexOf('dataBoard') != -1) {
document.getElementById('ext-gen3').classList.add('greyBox') document.getElementById('ext-gen3').classList.add('greyBox')
}else{ } else {
document.getElementById('ext-gen3').classList.remove('greyBox') document.getElementById('ext-gen3').classList.remove('greyBox')
} }
@ -129,6 +62,21 @@
var listData = []; var listData = [];
//转换时间戳 //转换时间戳
// function formatDateTime(inputTime) {
// var date = new Date(inputTime);
// var y = date.getFullYear();
// var m = date.getMonth() + 1;
// m = m < 10 ? ('0' + m) : m;
// var d = date.getDate();
// d = d < 10 ? ('0' + d) : d;
// var h = date.getHours();
// h = h < 10 ? ('0' + h) : h;
// var minute = date.getMinutes();
// var second = date.getSeconds();
// minute = minute < 10 ? ('0' + minute) : minute;
// second = second < 10 ? ('0' + second) : second;
// return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
// };
function formatDateTime(inputTime) { function formatDateTime(inputTime) {
var date = new Date(inputTime); var date = new Date(inputTime);
var y = date.getFullYear(); var y = date.getFullYear();
@ -136,61 +84,93 @@
m = m < 10 ? ('0' + m) : m; m = m < 10 ? ('0' + m) : m;
var d = date.getDate(); var d = date.getDate();
d = d < 10 ? ('0' + d) : d; d = d < 10 ? ('0' + d) : d;
var h = date.getHours(); return y + '-' + m + '-' + d
h = h < 10 ? ('0' + h) : h;
var minute = date.getMinutes();
var second = date.getSeconds();
minute = minute < 10 ? ('0' + minute) : minute;
second = second < 10 ? ('0' + second) : second;
return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;
}; };
//获取列表数据
getListData = () => { getListData = () => {
axios.defaults.headers.common['Authorization'] = 'Bearer'+' '+ token; axios.defaults.headers.common['Authorization'] = 'Bearer' + ' ' + token;
axios.post(requestUrl + 'xmgl/progressManage/viewProjectProgressManageList', { projectSn }).then(res => { axios.get(requestUrl + 'xmgl/progressTask/getParentChildList', { params: { projectSn: projectSn }, }).then(res => {
if (res.data.code == 200) { if (res.data.code == 200) {
console.log(res.data.result) console.log('查询结果', res.data.result)
let dataArr = res.data.result; let dataArr = res.data.result;
let number = 0; let number = 0;
let type= false; let type = false;
for (let i = 0; i < dataArr.length; i++) { for (let i = 0; i < dataArr.length; i++) {
let data = { let data = {
"UID": dataArr[i].tempBranchId, //任务唯一标识符 "id": dataArr[i].id,
"PercentComplete": dataArr[i].progressRatio, //完成百分比 // "UID": dataArr[i].id, //任务唯一标识符
"Duration": dataArr[i].duration, //工期 "taskName": dataArr[i].taskName, //任务名称
"Finish": dataArr[i].branchEndTime, //完成日期 "progressRatio": dataArr[i].progressRatio, //完成百分比
"Start": dataArr[i].branchStartTime, //开始日期 "duration": dataArr[i].duration, //工期
"Name": dataArr[i].branchProjectName, //任务名称 "Start": dataArr[i].startDate, //计划开始日期
"Finish": dataArr[i].finishDate, //计划完成日期
"actualStartDate": dataArr[i].actualStartDate, //实际开始日期
"actualFinishDate": dataArr[i].actualFinishDate, //实际完成日期
"children": [], //子级 "children": [], //子级
"Note": '', //备注 "remark": dataArr[i].remark, //备注
'branchId': dataArr[i].branchId, // "PredecessorLink":dataArr[i].predecessorIds,
"PredecessorLink": [
{
"PredecessorUID": dataArr[i].predecessorIds
}
],
} }
console.log('参数传进去了吗',data.PredecessorLink)
if (dataArr[i].children.length > 0) { if (dataArr[i].children.length > 0) {
let threeData = dataArr[i].children
let threeNum = 0
for (let j = 0; j < dataArr[i].children.length; j++) { for (let j = 0; j < dataArr[i].children.length; j++) {
console.log('有关联的前置任务嘛', dataArr[i].children[j].predecessorIds)
number++; number++;
let children = { let children = {
"UID":number, "id": dataArr[i].children[j].id,
"Name": dataArr[i].children[j].subitemProjectName, //名称 "UID": number, //任务唯一标识符
"Duration": dataArr[i].children[j].duration, //工期 "taskName": dataArr[i].children[j].taskName, //任务名称
"PercentComplete": dataArr[i].children[j].progressRatio, //进度 "progressRatio": dataArr[i].children[j].progressRatio, //完成百分比
"Finish": dataArr[i].children[j].endTime, //完成日期 "duration": dataArr[i].children[j].duration, //工期
"Start": dataArr[i].children[j].startTime, //开始日期 "Start": dataArr[i].children[j].startDate, //计划开始日期
"Finish": dataArr[i].children[j].finishDate, //计划完成日期
"actualStartDate": dataArr[i].children[j].actualStartDate, //实际开始日期
"actualFinishDate": dataArr[i].children[j].actualFinishDate, //实际完成日期
"children": [], //子级
"remark": dataArr[i].children[j].remark, //备注
// "PredecessorLink":dataArr[i].children[j].predecessorIds,
"PredecessorLink": [ //前置任务字段 "PredecessorLink": [ //前置任务字段
{ {
"Type": 1, "PredecessorUID": dataArr[i].children[j].predecessorIds
"PredecessorUID": number-1 }
} ],
],
"Note": dataArr[i].children[j].taskDescription //备注
}; };
console.log('参数传进去了吗2222',children.PredecessorLink)
data.children.push(children); data.children.push(children);
if (threeData[j].children.length > 0) {
for (let k = 0; k < threeData[j].children.length; k++) {
number++;
console.log('threeData[j].children', threeData[j].children[k])
let children2 = {
"id": threeData[j].children[k].id,
"UID": number,
"taskName": threeData[j].children[k].taskName, //任务名称
"progressRatio": threeData[j].children[k].progressRatio, //完成百分比
"duration": threeData[j].children[k].duration, //工期
"Start": threeData[j].children[k].startDate, //计划开始日期
"Finish": threeData[j].children[k].finishDate, //计划完成日期
"actualStartDate": threeData[j].children[k].actualStartDate, //实际开始日期
"actualFinishDate": threeData[j].children[k].actualFinishDate, //实际完成日期
"children": [], //子级
"remark": threeData[j].children[k].remark, //备注
// "PredecessorLink":threeData[j].children[k].predecessorIds,
"PredecessorLink": [ //前置任务字段
{
"PredecessorUID": threeData[j].children[k].predecessorIds
}
],
};
data.children[0].children.push(children2)
}
}
} }
}; };
console.log(data) console.log('此时递归后的data数据', data)
// debugger;
number++; number++;
listData.push(data) listData.push(data)
} }
@ -200,7 +180,6 @@
gantt.loadTasks(listData); gantt.loadTasks(listData);
gantt.unmask(); gantt.unmask();
}) })
} }
getListData(); getListData();
@ -272,9 +251,147 @@
gantt.setStyle("width:100%;height:100%"); gantt.setStyle("width:100%;height:100%");
gantt.render(extControl.dom); gantt.render(extControl.dom);
var columns = [];
var idColumn = {
name: "id",
field: "id",
header: "ID<br/>String",
width: 50,
editor: {
type: "textbox"
}
};
columns.push(idColumn);
var stringColumn = {
name: "name",
header: "任务名称<br/>String",
field: "taskName",
width: 150,
editor: {
type: "textbox"
}
};
columns.push(stringColumn);
var linkColumn = {
name: "predecessorLink",
header: "前置任务<br/>Array",
field: "predecessorLink",
width: 150,
editor: {
type: "textbox"
},
// renderer: function (e) {
// console.log('前置任务',e)
// console.log('====e.value',e.value)
// if (!e.value) return "";
// },
};
columns.push(linkColumn);
var dateColumn1 = {
header: "计划开始日期<br/>Date",
field: "Start",
width: 100,
renderer: function (e) {
var date = e.value;
if (!date) return "";
return formatDateTime(e.value)
},
editor: {
type: "datepicker"
}
};
columns.push(dateColumn1);
var dateColumn2 = {
header: "计划完成日期<br/>Date",
field: "Finish",
width: 100,
renderer: function (e) {
var date = e.value;
if (!date) return "";
return formatDateTime(e.value)
},
editor: {
type: "datepicker"
}
};
columns.push(dateColumn2);
var dateColumn3 = {
header: "实际开始日期<br/>Date",
field: "actualStartDate",
width: 100,
renderer: function (e) {
var date = e.value;
if (!date) return "";
return formatDateTime(e.value)
},
editor: {
type: "datepicker"
}
};
columns.push(dateColumn3);
var dateColumn4 = {
header: "实际完成日期<br/>Date",
field: "actualFinishDate",
width: 100,
renderer: function (e) {
var date = e.value;
if (!date) return "";
return formatDateTime(e.value)
},
editor: {
type: "datepicker"
}
};
columns.push(dateColumn4);
var durationColumn = {
name: "duration",
header: "工期<br/>String",
field: "duration",
width: 60,
editor: {
type: "textbox"
}
};
columns.push(durationColumn);
var proColumn = {
name: "percentComplete",
header: "进度比例<br/>String",
field: "progressRatio",
width: 60,
editor: {
type: "textbox"
}
};
columns.push(proColumn);
var remarkColumn = {
name: "remark",
header: "备注<br/>String",
field: "remark",
width: 150,
editor: {
type: "textbox",
}
};
columns.push(remarkColumn);
//将列集合数组设置给甘特图
gantt.setColumns(columns);
gantt.setTreeColumn("name")
gantt.addTask({
name: "11111"
})
// // 新增时触发
// var cellCommitAdd = (e) => {
// let uid = e.task.UID; //修改行的id
// let text = e.text; //修改 作用于时间
// let field = e.field; //修改的字段
// let value = e.value; //修改的内容
// var task = e.task; //修改的内容
// }
// console.log('====新增的参数',cellCommitAdd)
//右键菜单 //右键菜单
var ganttMenu = new GanttMenu(); var ganttMenu = new GanttMenu();
console.log('右键菜单有哪些',ganttMenu) console.log('右键菜单有哪些', ganttMenu)
gantt.setContextMenu(ganttMenu); gantt.setContextMenu(ganttMenu);
gantt.loading(); gantt.loading();
//渲染 //渲染
@ -283,97 +400,55 @@
gantt.loadTasks(data); gantt.loadTasks(data);
gantt.unmask(); gantt.unmask();
}, 3000) }, 3000)
//修改参数时触发
var cellCommitEdit = (e) => { var cellCommitEdit = (e) => {
let uid = e.task.UID; //修改行的id var data = {
let text = e.text; //修改 作用于时间 taskName: e.task.taskName,
let field = e.field; //修改的字段 Start: e.task.Start,
let value = e.value; //修改的内容 Finish: e.task.Finish,
var task = e.task; //修改的内容 actualStartDate: e.task.actualStartDate,
let stair = typeof (uid) != 'number' && uid.indexOf('b') == 0 ? true : false; //是不是一级 actualFinishDate: e.task.actualFinishDate,
let branchId = ''; duration: e.task.duration,
//是一级 循环获取一级的id; progressRatio: e.task.progressRatio,
if (stair) { remark: e.task.remark,
if(field == 'PercentComplete'){ id: e.task.id,
alert('这里修改进度无效，将不会保存') projectSn: projectSn
return }
} data[e.field] = e.value
if(field == 'Note'){ let data2={};
alert('一级修改备注无效，将不会保存') for(let d in data){
return if(d=='Start'||d=='Finish'){
} if(d=='Start'){
if(field == 'PredecessorLink'){ data2.startDate=data[d]
alert('一级设置前置任务无效，将不会保存') }else if(d=='finishDate'){
return data2.startDate=data[d]
} }
for (let i = 0; i < listData.length; i++) { }else{
if (listData[i].UID == uid) { data2[d]=data[d]
branchId = listData[i].branchId; }
}
}
//请求的内容
let requestData = {
id: branchId,
projectSn: projectSn
}
field == 'Name' ? requestData.branchProjectName = value : '';
// field == 'Note' ? requestData.taskDescription = value : '';
// field == 'PercentComplete' ? requestData.progressRatio = value : '';
setTimeout(() => {
axios.post(requestUrl + 'xmgl/progressManage/edit', requestData).then(res => {
if (res.data.code == 200) {
}
})
}, 200)
} else {
//二级修改
let requestData = {
id: uid,
projectSn: projectSn
};
//修改的是工期时
if (field == 'Duration') {
setTimeout(() => {
let startTime = formatDateTime(task.Start).substring(0, 10);
let endTime = formatDateTime(task.Finish).substring(0, 10);
requestData.duration = value;
requestData.startTime = startTime;
requestData.endTime = endTime;
}, 100)
}
//修改开始时间 或 结束时间
if (field == 'Start' || field == 'Finish') {
setTimeout(() => {
let startTime = formatDateTime(task.Start).substring(0, 10);
let endTime = formatDateTime(task.Finish).substring(0, 10);
requestData.startTime = startTime;
requestData.endTime = endTime;
}, 100)
}
if(field == 'PercentComplete'){
alert('这里修改进度无效，将不会保存')
return
}
field == 'Name' ? requestData.branchProjectName = value : '';
field == 'PredecessorLink' ? requestData.predecessoruid = value : '';
field == 'Note' ? requestData.taskDescription = value : '';
setTimeout(() => {
axios.post(requestUrl + 'xmgl/progressItem/edit', requestData).then(res => {
if (res.data.code == 200) {
}
})
}, 200)
} }
// var project = e.source; // let {Start:startDate,Finish:finishDate}=data
// var task = e.task; // let startDate=data.
//e是事件对象, 具体请看每个事件的"参数类型"
}; // let uid = e.task.UID; //修改行的id
// let text = e.text; //修改 作用于时间
// let field = e.field; //修改的字段
// let value = e.value; //修改的内容
// var task = e.task; //修改的内容
// // 请求接口的参数
console.log('参数', data2)
setTimeout(() => {
axios.post(requestUrl + 'xmgl/progressTask/updateProgressTask', data2).then(res => {
console.log('修改返回', res)
if (res.data.code == 200) {
alert('编辑成功！')
}
})
}, 500)
}
//右侧 拖拽 //右侧 拖拽
var itemdragcomplete = (e) => { var itemdragcomplete = (e) => {
@ -397,23 +472,23 @@
gantt.on('itemdragcomplete', itemdragcomplete); gantt.on('itemdragcomplete', itemdragcomplete);
} }
function getParentUrl(){ function getParentUrl() {
var url = ""; var url = "";
try { try {
url = window.top.document.location.href url = window.top.document.location.href
} catch(M) { } catch (M) {
if (window.parent) { if (window.parent) {
try { try {
url = window.parent.document.location.href url = window.parent.document.location.href
} catch(L) { } catch (L) {
url = "" url = ""
}
} }
} }
} if (url === "") {
if (url === "") { url = document.location.href
url = document.location.href }
} return url
return url
} }
</script> </script>

234
public/doc/ExtGantt/Ext甘特图_files/GanttMenu.js
View File

@ -1,101 +1,151 @@
var GanttMenu = function () { var GanttMenu = function() {
GanttMenu.superclass.constructor.call(this); GanttMenu.superclass.constructor.call(this);
} };
mini.extend(GanttMenu, mini.Menu, { mini.extend(GanttMenu, mini.Menu, {
_create: function () { _create: function() {
GanttMenu.superclass._create.call(this); GanttMenu.superclass._create.call(this);
var menuItems = [ var menuItems = [
{ type: "menuitem", iconCls: "icon-goto", text: mini.Gantt.Goto_Text, name: "goto"}, // { type: "menuitem", iconCls: "icon-goto", text: mini.Gantt.Goto_Text, name: "goto"},
'-', // '-',
{ type: "menuitem", iconCls: "icon-upgrade", text: mini.Gantt.UpGrade_Text, name: "upgrade" }, // { type: "menuitem", iconCls: "icon-upgrade", text: mini.Gantt.UpGrade_Text, name: "upgrade" },
{ type: "menuitem", iconCls: "icon-downgrade", text: mini.Gantt.DownGrade_Text, name: "downgrade" }, // { type: "menuitem", iconCls: "icon-downgrade", text: mini.Gantt.DownGrade_Text, name: "downgrade" },
'-', // '-',
{ type: "menuitem", iconCls: "icon-add", text: mini.Gantt.Add_Text, name: "add" }, {
{ type: "menuitem", iconCls: "icon-edit", text: mini.Gantt.Edit_Text, name: "edit" }, type: "menuitem",
{ type: "menuitem", iconCls: "icon-remove", text: mini.Gantt.Remove_Text, name: "remove" }, iconCls: "icon-add",
'-', text: mini.Gantt.Add_Text,
{ type: "menuitem", iconCls: "icon-zoomin", text: mini.Gantt.ZoomIn_Text, name: "zoomin" }, name: "add",
{ type: "menuitem", iconCls: "icon-zoomout", text: mini.Gantt.ZoomOut_Text, name: "zoomout" } },
]; {
this.setItems(menuItems); type: "menuitem",
iconCls: "icon-edit",
text: mini.Gantt.Edit_Text,
name: "edit",
},
{
type: "menuitem",
iconCls: "icon-remove",
text: mini.Gantt.Remove_Text,
name: "remove",
},
"-",
{
type: "menuitem",
iconCls: "icon-zoomin",
text: mini.Gantt.ZoomIn_Text,
name: "zoomin",
},
{
type: "menuitem",
iconCls: "icon-zoomout",
text: mini.Gantt.ZoomOut_Text,
name: "zoomout",
},
];
this.setItems(menuItems);
this.goto = mini.getbyName("goto", this); // this.goto = mini.getbyName("goto", this);
this.zoomIn = mini.getbyName("zoomin", this); this.zoomIn = mini.getbyName("zoomin", this);
this.zoomOut = mini.getbyName("zoomout", this); this.zoomOut = mini.getbyName("zoomout", this);
this.upgrade = mini.getbyName("upgrade", this); // this.upgrade = mini.getbyName("upgrade", this);
this.downgrade = mini.getbyName("downgrade", this); // this.downgrade = mini.getbyName("downgrade", this);
this.add = mini.getbyName("add", this); this.add = mini.getbyName("add", this);
this.edit = mini.getbyName("edit", this); this.edit = mini.getbyName("edit", this);
this.remove = mini.getbyName("remove", this); this.remove = mini.getbyName("remove", this);
this.goto.on("click", this.__OnGoto, this); // this.goto.on("click", this.__OnGoto, this);
this.zoomIn.on("click", this.__OnZoomIn, this); this.zoomIn.on("click", this.__OnZoomIn, this);
this.zoomOut.on("click", this.__OnZoomOut, this); this.zoomOut.on("click", this.__OnZoomOut, this);
this.upgrade.on("click", this.__OnUpgrade, this); // this.upgrade.on("click", this.__OnUpgrade, this);
this.downgrade.on("click", this.__OnDowngrade, this); // this.downgrade.on("click", this.__OnDowngrade, this);
this.add.on("click", this.__OnAdd, this); this.add.on("click", this.__OnAdd, this);
this.edit.on("click", this.__OnEdit, this); this.edit.on("click", this.__OnEdit, this);
this.remove.on("click", this.__OnRemove, this); this.remove.on("click", this.__OnRemove, this);
}, },
__OnGoto: function (e) { // __OnGoto: function (e) {
var gantt = this.owner; // var gantt = this.owner;
var task = gantt.getSelected(); // var task = gantt.getSelected();
if (task) { // if (task) {
gantt.scrollIntoView(task); // gantt.scrollIntoView(task);
} // }
}, // },
__OnZoomIn: function (e) { __OnZoomIn: function(e) {
var gantt = this.owner; var gantt = this.owner;
gantt.zoomIn(); gantt.zoomIn();
}, },
__OnZoomOut: function (e) { __OnZoomOut: function(e) {
var gantt = this.owner; var gantt = this.owner;
gantt.zoomOut(); gantt.zoomOut();
}, },
__OnUpgrade: function (e) { // __OnUpgrade: function (e) {
var gantt = this.owner; // var gantt = this.owner;
var task = gantt.getSelected(); // var task = gantt.getSelected();
if (task) { // if (task) {
gantt.upgradeTask(task); // gantt.upgradeTask(task);
} // }
}, // },
__OnDowngrade: function (e) { // __OnDowngrade: function (e) {
var gantt = this.owner; // var gantt = this.owner;
var task = gantt.getSelected(); // var task = gantt.getSelected();
if (task) { // if (task) {
gantt.downgradeTask(task); // gantt.downgradeTask(task);
} // }
}, // },
__OnAdd: function (e) {
console.log('执行');
var gantt = this.owner;
var targetTask = gantt.getSelected();
var task = gantt.newTask();
//加到选中任务之前
gantt.addTask(task, "before", targetTask);
//加到子任务 __OnAdd: function(e) {
//gantt.addTask(task, "append", targetTask); console.log("点击新增执行");
}, var gantt = this.owner;
__OnEdit: function (e) { var targetTask = gantt.getSelected();
var gantt = this.owner; var task = gantt.newTask();
var task = gantt.getSelected(); console.log("=====添加", task);
if (task) { //加到选中任务之后
// gantt.addTask(task, "after", targetTask);
// 新增弹窗
// 没有父级的时候
if (!targetTask) {
// var x;
// var name=prompt("请输入任务名称",""); //显示默认文本 ""
// var duration=prompt("请输入工期",""); //显示默认文本 ""
// var duration=prompt("请输入工期",""); //显示默认文本 ""
// var dutyUserName=prompt("请输入负责人名称",""); //显示默认文本 ""
// console.log('name',name,duration,dutyUserName,)
}
},
__OnRemove: function (e) {
var gantt = this.owner;
var task = gantt.getSelected();
if (task) {
if (confirm("确定删除任务 \"" + task.Name + "\" ？")) {
gantt.removeTask(task);
}
} else {
alert("请选择要删除的任务");
}
} }
},
__OnEdit: function(e) {
var gantt = this.owner;
var task = gantt.getSelected();
if (!task) {
alert("请先选中任务再编辑哦！");
}
},
__OnRemove: function(e) {
var gantt = this.owner;
var task = gantt.getSelected();
//获取请求地址
let url = window.parent.document.getElementById("iframe").contentWindow
.location.search;
var parameter = url.split("="); //所有参数
var requestUrl = parameter[1].split("&")[0]; //请求服务器的地址
console.log("=======task", task);
if (task) {
if (confirm('确定删除任务 "' + task.taskName + '" ？')) {
gantt.removeTask(task);
axios
.get(requestUrl + "xmgl/progressTask/deleteById", {
params: { id: task.id },
})
.then((res) => {
console.log("删除", res);
if (res.data.code == 200) {
alert("删除成功！");
}
});
}
} else {
alert("请选择要删除的任务");
}
},
}); });

42
public/doc/ExtGantt/Ext甘特图_files/add.html Normal file
View File

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="editWindow" class="mini-window" title="Window" style="width:650px;"
showModal="true" allowResize="true" allowDrag="true">
<div id="editform" class="form" >
<input class="mini-hidden" name="id"/>
<table style="width:100%;">
<tr>
<td style="width:80px;">员工帐号：</td>
<td style="width:150px;"><input name="loginname" class="mini-textbox" /></td>
<td style="width:80px;">姓名：</td>
<td style="width:150px;"><input name="name" class="mini-textbox" /></td>
<td style="width:80px;">薪资：</td>
<td style="width:150px;"><input name="salary" class="mini-textbox" /></td>
</tr>
<tr>
<td>性别：</td>
<td><input name="gender" class="mini-combobox" url="mini_JSPath + '../../demo/data/genders.txt'"/></td>
<td>年龄：</td>
<td><input name="age" class="mini-spinner" minValue="0" maxValue="200" value="25" /></td>
<td>出生日期：</td>
<td><input name="birthday" class="mini-datepicker" /></td>
</tr>
<tr>
<td style="text-align:right;padding-top:5px;padding-right:20px;" colspan="6">
<a class="Update_Button" href="javascript:updateRow()">Update</a>
<a class="Cancel_Button" href="javascript:cancelRow()">Cancel</a>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

5
src/assets/js/api/scheduleInfo.js
View File

@ -16,13 +16,14 @@ export const deletetProgressItemApi = data => post('/xmgl/progressItem/delete',
// 分布分项管理2 -- 页面 // 分布分项管理2 -- 页面
export const getProgressListDataApi = data => get('/xmgl/progressTask/getParentChildList', data);// 获取列表 export const getProgressListDataApi = data => get('/xmgl/progressTask/getParentChildList', data);// 获取列表
export const editProgressListDataApi = data => post('/xmgl/progressTask/updateProgressTask', data);// 编辑 export const editProgressListDataApi = data => post('/xmgl/progressTask/updateProgressTask', data);// 编辑
export const getProgressTaskApi = data => get('/xmgl/progressTask/getById', data);// 查看详情 export const getProgressTaskApi = data => get('/xmgl/progressTask/getDetailsById', data);// 查看详情
//进度预警--页面 //进度预警--页面
export const getWarningListDataApi = data => post('/xmgl/progressItem/selectProjectProgressWarningList', data);// 列表查询 export const getTaskAlarmApi = data => get('/progressTaskAlarm/selectPage', data);// 列表查询
//分布详情--组件 //分布详情--组件
export const getDetailInfoApi = data => post('/xmgl/progressItem/getProjectProgressItemDetail', data);// 获取详情信息 export const getDetailInfoApi = data => post('/xmgl/progressItem/getProjectProgressItemDetail', data);// 获取详情信息

74
src/views/projectFront/scheduleManage/ganttwo.vue
View File

@ -27,6 +27,24 @@ export default {
tasks: { tasks: {
data: [], data: [],
links: [] links: []
// data: [
// {
// id: 1, text: "Project #2", start_date: "01-04-2018", duration: 18, order: 10,
// progress: 0.4, open: true
// },
// {
// id: 2, text: "Task #1", start_date: "02-04-2018", duration: 8, order: 10,
// progress: 0.6, parent: 1
// },
// {
// id: 3, text: "Task #2", start_date: "11-04-2018", duration: 8, order: 20,
// progress: 0.6, parent: 1
// }
// ],
// links: [
// {id: 1, source: 1, target: 2, type: "1"},
// {id: 2, source: 2, target: 3, type: "0"}
// ]
}, },
projectSn:'' projectSn:''
}; };
@ -41,7 +59,7 @@ export default {
//左侧是否自适应 //左侧是否自适应
gantt.config.autofit = true; gantt.config.autofit = true;
//左侧宽 //左侧宽
gantt.config.grid_width = 500; gantt.config.grid_width = 800;
//取消连线 //取消连线
gantt.config.drag_links = false; gantt.config.drag_links = false;
//只读 //只读
@ -113,6 +131,13 @@ export default {
section_text: "计划名称:", section_text: "计划名称:",
section_color: "颜色:", section_color: "颜色:",
section_duration: "工期",
section_actualStartDate: "实际开始时间",
section_actualFinishDate: "实际结束时间",
section_progressRatio: "进度比例",
section_remark: "备注",
/* grid columns */ /* grid columns */
column_text: "计划名称", column_text: "计划名称",
@ -120,6 +145,9 @@ export default {
column_duration: "持续时间", column_duration: "持续时间",
column_add: "", column_add: "",
// 添加看看
/* link confirmation */ /* link confirmation */
link: "关联", link: "关联",
@ -139,9 +167,9 @@ export default {
years: "年", years: "年",
}, },
}; };
//左侧显示列名 //配置左侧的表各项
gantt.config.columns = [ gantt.config.columns = [
{ name: "text", label: "计划名称", tree: true, width: "*" }, { name: "taskName", label: "计划名称", tree: true, width: "*" },
{ name: "startDate", label: "预计开始时间", align: "center" }, { name: "startDate", label: "预计开始时间", align: "center" },
{ name: "finishDate", label: "预计结束时间", align: "center" }, { name: "finishDate", label: "预计结束时间", align: "center" },
{ name: "actualStartDate", label: "实际开始时间", align: "center" }, { name: "actualStartDate", label: "实际开始时间", align: "center" },
@ -159,39 +187,20 @@ export default {
]; ];
//弹出层 //弹出层
gantt.config.lightbox.sections = [ gantt.config.lightbox.sections = [
{ {name: "text",height: 70,map_to: "text",type: "textarea",focus: true, width: 200,}, //计划名称
name: "text", {name: "duration",height: 70,map_to: "text",type: "text",focus: true, width: 200,},
height: 70, {name: "actualStartDate", height: 40, map_to: "auto",type:"time", time_format: ["%Y", "%m", "%d"], focus: true},
map_to: "text", {name: "actualFinishDate", height: 40, map_to: "auto",type:"time", time_format: ["%Y", "%m", "%d"], focus: true},
type: "textarea", {name: "progressRatio", height: 40, map_to: "text", type: "textarea", focus: true},
focus: true, {name: "remark", height: 40, map_to: "text", type: "textarea", focus: true},
width: 200, {name: "time",height: 30,map_to: "auto",type: "time",time_format: ["%Y", "%m", "%d"]},
}, {name: "color",height: 30,map_to: "color",type: "select",options: [
{
name: "time",
height: 30,
map_to: "auto",
type: "time",
time_format: ["%Y", "%m", "%d"],
},
{
name: "color",
height: 30,
map_to: "color",
type: "select",
options: [
{ key: "#3db9d3", label: "蓝色" }, { key: "#3db9d3", label: "蓝色" },
{ key: "#33cc33", label: "绿色" }, { key: "#33cc33", label: "绿色" },
{ key: "#FF8247", label: "橙色" }, { key: "#FF8247", label: "橙色" },
{ key: "#ff6633", label: "红色" }, { key: "#ff6633", label: "红色" },
], ],
}, },
{
name: "description",
height: 70,
map_to: "description",
type: "textarea",
},
]; ];
//弹窗标题 日期范围 //弹窗标题 日期范围
gantt.templates.task_time = function (start, end, task) { gantt.templates.task_time = function (start, end, task) {
@ -202,7 +211,8 @@ export default {
); );
}; };
//弹窗标题 计划名称 //弹窗标题 计划名称
gantt.templates.task_text = function (start, end, task) { gantt.templates.task_text = function (start, end, task,a,b,c,d) {
console.log('start, end, task',start, end, task,a,b,c,d)
return task.text; return task.text;
}; };
gantt.init(this.$refs.gantt); gantt.init(this.$refs.gantt);
@ -267,12 +277,12 @@ export default {
}, },
changeTask() { changeTask() {
const taskCount = gantt.getTaskCount(); const taskCount = gantt.getTaskCount();
console.log('看一下',taskCount)
let taskData = []; let taskData = [];
let openTask = []; let openTask = [];
for (let i = 0; i < taskCount; i++) { for (let i = 0; i < taskCount; i++) {
let taskOne = {}; let taskOne = {};
const obj = gantt.getTaskByIndex(i); const obj = gantt.getTaskByIndex(i);
console.log('======obj',obj)
//打开状态继续打开 //打开状态继续打开
if (obj.$open == true) { if (obj.$open == true) {
openTask.push(obj.id); openTask.push(obj.id);

70
src/views/projectFront/scheduleManage/projectNodeDetail.vue
View File

@ -52,38 +52,36 @@
{{$t('message.projectManage.completed')}} {{$t('message.projectManage.completed')}}
</el-button> </el-button>
</div> </div>
<el-form ref="form" label-width="150px" style="width: 80%"> <el-form ref="form" :model="itemForm" label-width="150px" style="width: 80%">
<!-- 分部分项工程名称 --> <!-- 分部分项工程名称 -->
<el-form-item :label="$t('message.projectManage.NameOfSubProject')+':'">{{ <el-form-item prop="taskName" :label="$t('message.projectManage.NameOfSubProject')+':'">
itemForm.branchProjectName {{itemForm.taskName}}
</el-form-item>
<el-form-item prop="startDate" label="计划开始时间:">{{
itemForm.startDate
}}</el-form-item> }}</el-form-item>
<!-- 施工位置 --> <el-form-item prop="actualStartDate" label="实际开始时间:">{{
<el-form-item :label="$t('message.projectManage.constructionLocation')+':'">{{ itemForm.actualStartDate
itemForm.buildPosition
}}</el-form-item> }}</el-form-item>
<!-- 开始日期 --> <el-form-item prop="actualFinishDate" label="实际完成时间:">{{
<el-form-item :label="$t('message.projectManage.startData')+':'">{{ itemForm.actualFinishDate
itemForm.startTime
}}</el-form-item> }}</el-form-item>
<!-- 截止完成日期 --> <el-form-item prop="dutyUserName" label="负责人名称:">{{
<el-form-item :label="$t('message.projectManage.completionDate')+':'">{{ itemForm.dutyUserName
itemForm.endTime
}}</el-form-item> }}</el-form-item>
<!-- 重要程度 --> <el-form-item prop="isOverdue" label="是否预期:">
<!-- "一般" --> {{itemForm.isOverdue == '0' ? '否' : itemForm.isOverdue == '1' ? '是' :'逾期已处理' }}
<!-- "重要" --> </el-form-item>
<!-- "很重要" --> <el-form-item prop="progressRatio" label="进度比例:">{{
<el-form-item :label="$t('message.projectManage.degreeOfImportance')+':'">{{ itemForm.progressRatio
itemForm.importance == "1"
? $t('message.projectManage.ordinary')
: itemForm.importance == "2"
? $t('message.projectManage.importent')
: $t('message.projectManage.veryImportent')
}}</el-form-item> }}</el-form-item>
<!-- 负责人 --> <el-form-item prop="resourceName" label="资源名称:">{{
<el-form-item :label="$t('message.projectManage.principal')+':'">{{ itemForm.resourceName
itemForm.personChargeName
}}</el-form-item> }}</el-form-item>
<el-form-item prop="taskTypeId" label="任务模式:">
{{itemForm.taskTypeId == '0' ? '手动' : '自动'}}
</el-form-item>
<!-- 上传的附件 --> <!-- 上传的附件 -->
<el-form-item :label="$t('message.projectManage.uploadedAttachments')+':'"> <el-form-item :label="$t('message.projectManage.uploadedAttachments')+':'">
<img <img
@ -94,16 +92,8 @@
style="height: 50px; width: auto; margin-right: 10px; cursor: pointer;" style="height: 50px; width: auto; margin-right: 10px; cursor: pointer;"
/> />
</el-form-item> </el-form-item>
<!-- <el-form-item label="创建人:">{{ <el-form-item prop="remark" label="备注:">{{
itemForm.createrUser itemForm.remark
}}</el-form-item> -->
<!-- 创建日期 -->
<el-form-item :label="$t('message.projectManage.createDate')+':'">{{
itemForm.createTime
}}</el-form-item>
<!-- 任务描述 -->
<el-form-item :label="$t('message.projectManage.taskDescription')+':'">{{
itemForm.taskDescription
}}</el-form-item> }}</el-form-item>
</el-form> </el-form>
</div> </div>
@ -256,7 +246,7 @@
</div> </div>
</template> </template>
<script> <script>
import { getProgressTaskApi,getDetailInfoApi, addPlanInfoApi } from "@/assets/js/api/scheduleInfo"; import { getProgressTaskApi, addPlanInfoApi } from "@/assets/js/api/scheduleInfo";
export default { export default {
props: ["id"], props: ["id"],
mounted() {}, mounted() {},
@ -266,7 +256,9 @@ export default {
projectSn: "", projectSn: "",
uploadUrl: "", uploadUrl: "",
fileUrl: "", fileUrl: "",
itemForm: {}, itemForm: {
taskName:"",
},
planList: [], planList: [],
fileList: [], fileList: [],
dialogVisible: false, dialogVisible: false,
@ -346,8 +338,8 @@ export default {
getProgressTaskApi(data).then((res) => { getProgressTaskApi(data).then((res) => {
if (res.code == 200) { if (res.code == 200) {
console.log('查看详情',res) console.log('查看详情',res)
// this.itemForm = res.result.itemDetail; this.itemForm = res.result
// this.planList = res.result.feedbackList; this.planList = res.result.feedbackList;
// //获取项目的基本信息的附件 // //获取项目的基本信息的附件
// this.fileList = res.result.itemDetail.fileUrl // this.fileList = res.result.itemDetail.fileUrl
// ? [JSON.parse(res.result.itemDetail.fileUrl)] // ? [JSON.parse(res.result.itemDetail.fileUrl)]

37
src/views/projectFront/scheduleManage/projectNodeManage2.vue
View File

@ -165,6 +165,7 @@
prop="startDate" prop="startDate"
> >
<el-date-picker <el-date-picker
@change="time1"
v-model="workerInfo.startDate" v-model="workerInfo.startDate"
type="date" type="date"
placeholder="计划开始日期" placeholder="计划开始日期"
@ -178,6 +179,7 @@
prop="finishDate" prop="finishDate"
> >
<el-date-picker <el-date-picker
@change="time2"
v-model="workerInfo.finishDate" v-model="workerInfo.finishDate"
type="date" type="date"
placeholder="计划完成时间" placeholder="计划完成时间"
@ -208,17 +210,16 @@
<!-- 负责人 --> <!-- 负责人 -->
<el-form-item <el-form-item
:label="$t('message.projectManage.principal')" :label="$t('message.projectManage.principal')"
prop="personCharge" prop="dutyUserName"
> >
<el-select <el-select
v-model="workerInfo.personCharge" v-model="workerInfo.dutyUserId"
filterable
:placeholder="$t('message.projectManage.pleaseChoose')" :placeholder="$t('message.projectManage.pleaseChoose')"
> >
<el-option <el-option
v-for="item in principalLsit" v-for="item in principalLsit"
:key="item.userId" :key="item.userId"
:label="item.workerName" :label="item.realName"
:value="item.userId" :value="item.userId"
> >
</el-option> </el-option>
@ -292,6 +293,7 @@
size="medium" size="medium"
>{{ $t("message.personnelPosition.cancel") }} >{{ $t("message.personnelPosition.cancel") }}
</el-button> </el-button>
<!-- 确定 -->
<el-button <el-button
type="primary" type="primary"
icon="el-icon-circle-check" icon="el-icon-circle-check"
@ -318,16 +320,9 @@
import { import {
getProgressListDataApi, getProgressListDataApi,
editProgressListDataApi, editProgressListDataApi,
addProgressManageApi,
addProgressItemApi,
getPrincipalLsitApi, getPrincipalLsitApi,
editProgressManageApi,
editProgressItemApi,
deleteProgressManageApi,
deletetProgressItemApi,
} from "@/assets/js/api/scheduleInfo"; } from "@/assets/js/api/scheduleInfo";
import detailpage from "./projectNodeDetail"; import detailpage from "./projectNodeDetail";
import axios from "axios";
export default { export default {
components: { components: {
detailpage, detailpage,
@ -354,6 +349,7 @@ export default {
status: "", status: "",
taskTypeId: "", taskTypeId: "",
progressRatio: "", progressRatio: "",
dutyUserId:"",
fileUrl: "", fileUrl: "",
duration: "", duration: "",
remark: "", remark: "",
@ -400,6 +396,12 @@ export default {
this.getProgressListData(); this.getProgressListData();
}, },
methods: { methods: {
time1(val){
console.log('开始时间',val)
},
time2(val){
console.log('结束时间',val)
},
// 下载模板 // 下载模板
downloadFn() { downloadFn() {
this.downUrl = this.downUrl =
@ -438,7 +440,7 @@ export default {
}; };
getProgressListDataApi(data).then((res) => { getProgressListDataApi(data).then((res) => {
if (res.code == 200) { if (res.code == 200) {
console.log("获取到的列表", res); // console.log("获取到的列表", res);
this.listData = res.result; this.listData = res.result;
} }
}); });
@ -450,7 +452,6 @@ export default {
}; };
getPrincipalLsitApi(data).then((res) => { getPrincipalLsitApi(data).then((res) => {
if (res.code == 200) { if (res.code == 200) {
console.log("负责人", res);
this.principalLsit = res.result; this.principalLsit = res.result;
} }
}); });
@ -481,10 +482,11 @@ export default {
// 编辑按钮 // 编辑按钮
editBefore(val) { editBefore(val) {
console.log("=====", val);
this.workerInfo = JSON.parse(JSON.stringify(val)); this.workerInfo = JSON.parse(JSON.stringify(val));
console.log('当前点击的行',val)
this.fileList = val.fileUrl ? JSON.parse(val.fileUrl) : []; this.fileList = val.fileUrl ? JSON.parse(val.fileUrl) : [];
this.dialogVisible = true; this.dialogVisible = true;
this.getPrincipalLsit()
}, },
//编辑 //编辑
submitBtn() { submitBtn() {
@ -502,9 +504,8 @@ export default {
//赋值 //赋值
let data = this.workerInfo; let data = this.workerInfo;
data.projectSn = this.projectSn; data.projectSn = this.projectSn;
console.log('编辑的参数',data) // console.log('编辑的参数',data)
editProgressListDataApi(data).then((res)=>{ editProgressListDataApi(data).then((res)=>{
console.log('编辑成功了吗',res)
if(res.code == 200){ if(res.code == 200){
this.$message.success("编辑成功！"); this.$message.success("编辑成功！");
this.dialogVisible = false this.dialogVisible = false
@ -529,5 +530,9 @@ export default {
display: inline-block !important; display: inline-block !important;
margin-right: 10px; margin-right: 10px;
} }
.table_wrap{
height: 800px;
overflow: auto;
}
</style> </style>

118
src/views/projectFront/scheduleManage/warning.vue
View File

@ -30,47 +30,43 @@
</el-form> </el-form>
</div> </div>
<div class="table_wrap whiteBlock"> <div class="table_wrap whiteBlock">
<el-table class="tables" :data="tableList"> <vue-scroll>
<!-- 序号 --> <el-table class="tables" :data="tableList">
<el-table-column <el-table-column
type='index' type="index"
:label="$t('message.projectManage.serialNumber')" :label="$t('message.projectManage.serialNumber')"
align="center" align="center"
width="50" width="50"
> >
</el-table-column> </el-table-column>
<!-- 分布分项工程名称 --> <el-table-column
<el-table-column prop="taskName"
width="200" align="center"
prop="subitemProjectName" label="任务名称"
align="center" ></el-table-column>
:label="$t('message.projectManage.NameOfSubProject2')" <el-table-column
></el-table-column> prop="alarmDetails"
<!-- 责任人 --> width="500"
<el-table-column align="center"
prop="personCharge" label="报警详情"
:label="$t('message.projectManage.principal2')" ></el-table-column>
align="center" <el-table-column prop="alarmType" align="center" label="报警类型">
></el-table-column> <template slot-scope="scope">
<!-- 开始日期 --> {{scope.row.alarmType == 1 ? '逾期未开始' : scope.row.alarmType == 2 ? '逾期未完成' :'前置任务未完成' }}
<el-table-column </template>
prop="startTime" </el-table-column>
:label="$t('message.projectManage.startData')" <el-table-column
align="center" prop="createDate"
></el-table-column> align="center"
<!-- 预计截止日期 --> label="创建时间"
<el-table-column ></el-table-column>
prop="endTime" <el-table-column
:label="$t('message.projectManage.predictDate')" prop="updateDate"
align="center" align="center"
></el-table-column> label="更新时间"
<!-- 逾期天数 --> ></el-table-column>
<el-table-column </el-table>
prop="daynum" </vue-scroll>
:label="$t('message.projectManage.daysOverdue')"
align="center"
></el-table-column>
</el-table>
<el-pagination <el-pagination
class="pagerBox" class="pagerBox"
@size-change="SizeChange" @size-change="SizeChange"
@ -86,19 +82,14 @@
</div> </div>
</template> </template>
<script> <script>
import { getTaskAlarmApi } from "@/assets/js/api/scheduleInfo";
import {
getWarningListDataApi
} from "@/assets/js/api/scheduleInfo";
export default { export default {
mounted() { mounted() {},
},
data() { data() {
return { return {
projectSn: "", projectSn: "",
tableList:[], tableList: [],
deviceIdArr: [], deviceIdArr: [],
queryInfo: {}, queryInfo: {},
pagInfo: { pagInfo: {
@ -107,27 +98,28 @@ export default {
total: 0, //总条数 total: 0, //总条数
}, },
List: [], List: [],
daterange:[] daterange: [],
}; };
}, },
created(){ created() {
this.projectSn = this.$store.state.projectSn; this.projectSn = this.$store.state.projectSn;
this.getWarningListData(); this.getWarningListData();
}, },
methods: { methods: {
//获取列表数据 //获取列表数据
getWarningListData(){ getWarningListData() {
let data = { let data = {
projectSn:this.projectSn, projectSn: this.projectSn,
pageNo:this.pagInfo.pageNo, pageNo: this.pagInfo.pageNo,
pageSize:this.pagInfo.pageSize, pageSize: this.pagInfo.pageSize,
} };
getWarningListDataApi(data).then(res=>{ getTaskAlarmApi(data).then((res) => {
if(res.code==200){ console.log("返回的值", res);
if (res.code == 200) {
this.tableList = res.result.records; this.tableList = res.result.records;
this.pagInfo.total = res.result.total; this.pagInfo.total = res.result.total;
} }
}) });
}, },
//刷新按钮 //刷新按钮
refresh() { refresh() {
@ -137,8 +129,6 @@ export default {
this.getWarningListData(); this.getWarningListData();
}, },
SizeChange(val) { SizeChange(val) {
this.pagInfo.pageSize = val; this.pagInfo.pageSize = val;
this.getWarningListData(); this.getWarningListData();