甘特图请求不稳定处理
This commit is contained in:
骆乐
parent
73f3819623
commit
31585c3b89
@ -1,29 +1,22 @@
|
||||
<!DOCTYPE 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">
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Ext甘特图</title>
|
||||
|
||||
<meta name="keywords" content="extgantt,extjs,gantt,甘特图" />
|
||||
<meta name="description" content="普加甘特图可以与ExtJS无缝集成" />
|
||||
<!--extjs css-->
|
||||
<link
|
||||
href="./Ext甘特图_files/ext-all.css"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
<link href="./Ext甘特图_files/ext-all.css" rel="stylesheet" type="text/css" />
|
||||
<link href="./Ext甘特图_files/icons.css" rel="stylesheet" type="text/css" />
|
||||
<link
|
||||
href="./Ext甘特图_files/miniui.css"
|
||||
rel="stylesheet"
|
||||
type="text/css"
|
||||
/>
|
||||
<link href="./Ext甘特图_files/miniui.css" rel="stylesheet" type="text/css" />
|
||||
<link href="./Ext甘特图_files/skin.css" rel="stylesheet" type="text/css" />
|
||||
<!-- <link href="./Ext甘特图_files/skin.css" rel="stylesheet" type="text/css"> -->
|
||||
</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">
|
||||
<!--引入ExtJS-->
|
||||
<script type="text/javascript" src="./Ext甘特图_files/ext-base.js"></script>
|
||||
<script type="text/javascript" src="./Ext甘特图_files/ext-all.js"></script>
|
||||
@ -31,68 +24,36 @@
|
||||
<script src="./Ext甘特图_files/jquery.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/miniui.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/zh_CN.js" type="text/javascript"></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/CalendarWindow.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/ProjectMenu.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/StatusColumn.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/TaskWindow.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/ResourcesWindow.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/ProjectServices.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/swfobject.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/GanttService.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/GanttMenu.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/GanttSchedule.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/RGanttMenu.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script
|
||||
src="./Ext甘特图_files/RGanttSchedule.js"
|
||||
type="text/javascript"
|
||||
></script>
|
||||
<script src="./Ext甘特图_files/CalendarWindow.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/ProjectMenu.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/StatusColumn.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/TaskWindow.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/ResourcesWindow.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/ProjectServices.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/swfobject.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/GanttService.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/GanttMenu.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/GanttSchedule.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/RGanttMenu.js" type="text/javascript"></script>
|
||||
<script src="./Ext甘特图_files/RGanttSchedule.js" type="text/javascript"></script>
|
||||
|
||||
<!-- 引入axios -->
|
||||
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
||||
|
||||
<!-- <script src="https://unpkg.com/axios/dist/axios.min.js"></script> -->
|
||||
<script src="./http-axios.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
// 父级传过来的参数
|
||||
window.addEventListener('message', function(e) {
|
||||
window.addEventListener('message', function (e) {
|
||||
console.log(e.data, '父级页面传来的数据')
|
||||
localStorage.setItem('id',e.data)
|
||||
localStorage.setItem('id', e.data)
|
||||
})
|
||||
//页面加载就绪
|
||||
window.onload = () => {
|
||||
console.log("window.onload");
|
||||
|
||||
//创建PlusGantt之后,
|
||||
var gantt = new CreateGantt();
|
||||
|
||||
var parentUrl = getParentUrl();
|
||||
console.log("parentUrl", parentUrl);
|
||||
if (parentUrl.indexOf("dataBoard") != -1) {
|
||||
@ -136,6 +97,7 @@
|
||||
return y + "-" + m + "-" + d;
|
||||
}
|
||||
getListData = () => {
|
||||
console.log('-------------------------------');
|
||||
axios.defaults.headers.common["Authorization"] =
|
||||
"Bearer" + " " + token;
|
||||
axios
|
||||
@ -233,7 +195,7 @@
|
||||
//前置任务字段
|
||||
{
|
||||
Type: 1,
|
||||
PredecessorUID:number-1
|
||||
PredecessorUID: number - 1
|
||||
},
|
||||
],
|
||||
};
|
||||
@ -253,8 +215,11 @@
|
||||
gantt.unmask();
|
||||
});
|
||||
};
|
||||
|
||||
|
||||
getListData();
|
||||
|
||||
|
||||
//创建ext面板
|
||||
var viewport = new Ext.Viewport({
|
||||
layout: "border",
|
||||
@ -320,11 +285,13 @@
|
||||
////////////////////////////////////////////
|
||||
var extControl = Ext.get("extwrap");
|
||||
|
||||
//创建PlusGantt之后,
|
||||
var gantt = new CreateGantt();
|
||||
// 移到最顶部 init
|
||||
// //创建PlusGantt之后,
|
||||
// var gantt = new CreateGantt();
|
||||
gantt.setStyle("width:100%;height:100%");
|
||||
gantt.render(extControl.dom);
|
||||
|
||||
// 左侧的列
|
||||
var columns = [];
|
||||
var idColumn = {
|
||||
name: "id",
|
||||
@ -365,7 +332,7 @@
|
||||
header: "计划开始日期<br/>Date",
|
||||
field: "Start",
|
||||
width: 100,
|
||||
renderer: function(e) {
|
||||
renderer: function (e) {
|
||||
var date = e.value;
|
||||
if (!date) return "";
|
||||
return formatDateTime(e.value);
|
||||
@ -379,7 +346,7 @@
|
||||
header: "计划完成日期<br/>Date",
|
||||
field: "Finish",
|
||||
width: 100,
|
||||
renderer: function(e) {
|
||||
renderer: function (e) {
|
||||
var date = e.value;
|
||||
if (!date) return "";
|
||||
return formatDateTime(e.value);
|
||||
@ -393,7 +360,7 @@
|
||||
header: "实际开始日期<br/>Date",
|
||||
field: "actualStartDate",
|
||||
width: 100,
|
||||
renderer: function(e) {
|
||||
renderer: function (e) {
|
||||
var date = e.value;
|
||||
if (!date) return "";
|
||||
return formatDateTime(e.value);
|
||||
@ -407,7 +374,7 @@
|
||||
header: "实际完成日期<br/>Date",
|
||||
field: "actualFinishDate",
|
||||
width: 100,
|
||||
renderer: function(e) {
|
||||
renderer: function (e) {
|
||||
var date = e.value;
|
||||
if (!date) return "";
|
||||
return formatDateTime(e.value);
|
||||
@ -447,25 +414,14 @@
|
||||
},
|
||||
};
|
||||
columns.push(remarkColumn);
|
||||
|
||||
|
||||
//将列集合数组设置给甘特图
|
||||
gantt.setColumns(columns);
|
||||
gantt.setTreeColumn("name");
|
||||
gantt.addTask({
|
||||
taskName: "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();
|
||||
console.log("右键菜单有哪些", ganttMenu);
|
||||
gantt.setContextMenu(ganttMenu);
|
||||
gantt.loading();
|
||||
//渲染
|
||||
@ -475,8 +431,29 @@
|
||||
gantt.unmask();
|
||||
}, 3000);
|
||||
|
||||
|
||||
function getParentUrl() {
|
||||
var url = "";
|
||||
try {
|
||||
url = window.top.document.location.href;
|
||||
} catch (M) {
|
||||
if (window.parent) {
|
||||
try {
|
||||
url = window.parent.document.location.href;
|
||||
} catch (L) {
|
||||
url = "";
|
||||
}
|
||||
}
|
||||
}
|
||||
if (url === "") {
|
||||
url = document.location.href;
|
||||
}
|
||||
return url;
|
||||
}
|
||||
|
||||
// 编辑
|
||||
var cellCommitEdit = (e) => {
|
||||
console.log("eeeeeeee编辑行的信息", e);
|
||||
console.log("当前点击行信息", e);
|
||||
var data = {
|
||||
taskName: e.task.taskName,
|
||||
Start: e.task.Start,
|
||||
@ -497,7 +474,7 @@
|
||||
data2.startDate = data[d];
|
||||
} else if (d == "Finish") {
|
||||
data2.finishDate = data[d];
|
||||
}else if( d == "PercentComplete"){
|
||||
} else if (d == "PercentComplete") {
|
||||
data2.progressRatio = data[d];
|
||||
}
|
||||
} else {
|
||||
@ -505,14 +482,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
// let {Start:startDate,Finish:finishDate}=data
|
||||
// let startDate=data.
|
||||
|
||||
// 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);
|
||||
if (e.task.hasOwnProperty("id")) {
|
||||
@ -537,8 +506,8 @@
|
||||
let requestData = {
|
||||
id: e.item.id,
|
||||
projectSn: projectSn,
|
||||
taskName:e.item.taskName,
|
||||
progressRatio:e.item.PercentComplete
|
||||
taskName: e.item.taskName,
|
||||
progressRatio: e.item.PercentComplete
|
||||
};
|
||||
let startTime = formatDateTime(e.item.Start).substring(0, 10);
|
||||
let endTime = formatDateTime(e.item.Finish).substring(0, 10);
|
||||
@ -555,44 +524,21 @@
|
||||
// var task = e.task;
|
||||
//e是事件对象, 具体请看每个事件的"参数类型"
|
||||
};
|
||||
|
||||
|
||||
gantt.on("CellCommitEdit", cellCommitEdit);
|
||||
gantt.on("itemdragcomplete", itemdragcomplete);
|
||||
|
||||
};
|
||||
function getParentUrl() {
|
||||
var url = "";
|
||||
try {
|
||||
url = window.top.document.location.href;
|
||||
} catch (M) {
|
||||
if (window.parent) {
|
||||
try {
|
||||
url = window.parent.document.location.href;
|
||||
} catch (L) {
|
||||
url = "";
|
||||
}
|
||||
}
|
||||
}
|
||||
if (url === "") {
|
||||
url = document.location.href;
|
||||
}
|
||||
return url;
|
||||
}
|
||||
</script>
|
||||
|
||||
<div
|
||||
class="x-layout-split x-layout-split-west x-splitbar-h"
|
||||
id="west-panel-xsplit"
|
||||
style="left: 205px; top: 32px; height: 889px;"
|
||||
>
|
||||
<div class="x-layout-split x-layout-split-west x-splitbar-h" id="west-panel-xsplit"
|
||||
style="left: 205px; top: 32px; height: 889px;">
|
||||
|
||||
</div>
|
||||
<div
|
||||
id="ext-gen9"
|
||||
class="x-unselectable x-splitbar-proxy x-splitbar-proxy-h"
|
||||
></div>
|
||||
<div
|
||||
class="mini-supergrid-editwrap"
|
||||
style="position: absolute; z-index: 1006; display: none; top: 580px; left: 802px; width: 100px;"
|
||||
></div>
|
||||
<div id="ext-gen9" class="x-unselectable x-splitbar-proxy x-splitbar-proxy-h"></div>
|
||||
<div class="mini-supergrid-editwrap"
|
||||
style="position: absolute; z-index: 1006; display: none; top: 580px; left: 802px; width: 100px;"></div>
|
||||
|
||||
<div class="addDiv" id="addDiv">
|
||||
<div class="addbox">
|
||||
@ -629,11 +575,11 @@
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</body>
|
||||
<style>
|
||||
.addDiv{
|
||||
</body>
|
||||
<style>
|
||||
.addDiv {
|
||||
display: none;
|
||||
position:absolute;
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 30%;
|
||||
z-index: 999;
|
||||
@ -642,20 +588,25 @@
|
||||
border: 1px solid #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
.addbox{
|
||||
|
||||
.addbox {
|
||||
margin: 20px;
|
||||
}
|
||||
.row{
|
||||
|
||||
.row {
|
||||
margin-top: 10px;
|
||||
}
|
||||
p{
|
||||
|
||||
p {
|
||||
display: inline-block;
|
||||
}
|
||||
.btn{
|
||||
width:80px;
|
||||
|
||||
.btn {
|
||||
width: 80px;
|
||||
height: 30px;
|
||||
margin-top: 20px;
|
||||
margin-left: 80px;
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
</html>
|
||||
2
public/doc/ExtGantt/http-axios.js
Normal file
2
public/doc/ExtGantt/http-axios.js
Normal file
File diff suppressed because one or more lines are too long
@ -40,11 +40,11 @@ if (process.env.NODE_ENV == 'development') {
|
||||
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
|
||||
// tag: 本地
|
||||
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地
|
||||
// axios.defaults.baseURL = 'http://192.168.34.116:6023/' // 邱平毅本地
|
||||
axios.defaults.baseURL = 'http://192.168.34.116:6023/' // 邱平毅本地
|
||||
// axios.defaults.baseURL = 'http://192.168.34.117:6023/' // 杨杰本地
|
||||
// axios.defaults.baseURL = 'http://ue6a4s.natappfree.cc' // 邱平毅vpn本地
|
||||
// axios.defaults.baseURL = 'http://139.9.66.234:6324/' // 河南春笋
|
||||
axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
|
||||
// axios.defaults.baseURL ='http://124.71.67.160:8088/' //中建四局线上
|
||||
// axios.defaults.baseURL = 'http://192.168.34.125:6023/' //杨意本地 http/1.1
|
||||
// axios.defaults.baseURL ='http://47.97.202.104:6023/' //金林湾线上
|
||||
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地
|
||||
|
||||
@ -1,56 +1,58 @@
|
||||
|
||||
const path = require('path')
|
||||
const path = require("path");
|
||||
// 代码压缩
|
||||
const TerserPlugin = require("terser-webpack-plugin");
|
||||
function addStyleResource (rule) {
|
||||
rule.use('style-resource')
|
||||
.loader('style-resources-loader')
|
||||
function addStyleResource(rule) {
|
||||
rule
|
||||
.use("style-resource")
|
||||
.loader("style-resources-loader")
|
||||
.options({
|
||||
patterns: [
|
||||
path.resolve(__dirname, 'src/assets/style/var.less'),//全局引入的less文件
|
||||
path.resolve(__dirname, 'src/assets/style/longguang.less'),//全局引入的less文件--龙光地产
|
||||
path.resolve(__dirname, "src/assets/style/var.less"), //全局引入的less文件
|
||||
path.resolve(__dirname, "src/assets/style/longguang.less"), //全局引入的less文件--龙光地产
|
||||
],
|
||||
})
|
||||
});
|
||||
}
|
||||
module.exports = {
|
||||
publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
|
||||
devServer:{
|
||||
devServer: {
|
||||
// host: 'localhost',
|
||||
proxy:{
|
||||
'/china' : {
|
||||
proxy: {
|
||||
"/china": {
|
||||
target: "http://122.112.239.62:9000",
|
||||
changeOrigin:true,
|
||||
pathRewrite:{
|
||||
'^/china':"" //重写路径
|
||||
}
|
||||
}
|
||||
}
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
"^/china": "", //重写路径
|
||||
},
|
||||
pages:{
|
||||
},
|
||||
},
|
||||
},
|
||||
pages: {
|
||||
index: {
|
||||
entry: "./src/pages/index/index.js",
|
||||
template: "./src/pages/index/index.html",
|
||||
filename: "index.html",
|
||||
title: "机械设备管理平台"
|
||||
title: "机械设备管理平台",
|
||||
},
|
||||
equipmentCenter: {
|
||||
entry: "./src/pages/equipmentCenter/equipmentCenter.js",
|
||||
template: "./src/pages/equipmentCenter/equipmentCenter.html",
|
||||
filename: "equipmentCenter.html",
|
||||
title: "设备中台"
|
||||
}
|
||||
title: "设备中台",
|
||||
},
|
||||
chainWebpack: config => {
|
||||
const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
|
||||
types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
|
||||
},
|
||||
chainWebpack: (config) => {
|
||||
const types = ["vue-modules", "vue", "normal-modules", "normal"];
|
||||
types.forEach((type) =>
|
||||
addStyleResource(config.module.rule("less").oneOf(type))
|
||||
);
|
||||
},
|
||||
pluginOptions: {
|
||||
'style-resources-loader': {
|
||||
preProcessor: 'stylus',
|
||||
patterns: []
|
||||
}
|
||||
"style-resources-loader": {
|
||||
preProcessor: "stylus",
|
||||
patterns: [],
|
||||
},
|
||||
productionSourceMap:false,
|
||||
},
|
||||
productionSourceMap: false,
|
||||
configureWebpack: {
|
||||
optimization: {
|
||||
minimizer: [
|
||||
@ -62,7 +64,7 @@ module.exports = {
|
||||
compress: {
|
||||
drop_console: true,
|
||||
drop_debugger: false,
|
||||
pure_funcs: ['console.log'], // 移除console
|
||||
pure_funcs: ["console.log"], // 移除console
|
||||
},
|
||||
},
|
||||
}),
|
||||
@ -82,5 +84,4 @@ module.exports = {
|
||||
// }
|
||||
// })
|
||||
// }
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user