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-10 09:18:38 +08:00
parent 73f3819623
commit 31585c3b89
4 changed files with 635 additions and 681 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,29 +1,22 @@
<!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>
<meta name="keywords" content="extgantt,extjs,gantt,甘特图" /> <meta name="keywords" content="extgantt,extjs,gantt,甘特图" />
<meta name="description" content="普加甘特图可以与ExtJS无缝集成" /> <meta name="description" content="普加甘特图可以与ExtJS无缝集成" />
<!--extjs css--> <!--extjs css-->
<link <link href="./Ext甘特图_files/ext-all.css" rel="stylesheet" type="text/css" />
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/icons.css" rel="stylesheet" type="text/css" />
<link <link href="./Ext甘特图_files/miniui.css" rel="stylesheet" type="text/css" />
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" />
<!-- <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--> <!--引入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>
@ -31,68 +24,36 @@
<script src="./Ext甘特图_files/jquery.js" type="text/javascript"></script> <script src="./Ext甘特图_files/jquery.js" type="text/javascript"></script>
<script src="./Ext甘特图_files/miniui.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/zh_CN.js" type="text/javascript"></script>
<script <script src="./Ext甘特图_files/CalendarWindow.js" type="text/javascript"></script>
src="./Ext甘特图_files/CalendarWindow.js" <script src="./Ext甘特图_files/ProjectMenu.js" type="text/javascript"></script>
type="text/javascript" <script src="./Ext甘特图_files/StatusColumn.js" type="text/javascript"></script>
></script> <script src="./Ext甘特图_files/TaskWindow.js" type="text/javascript"></script>
<script <script src="./Ext甘特图_files/ResourcesWindow.js" type="text/javascript"></script>
src="./Ext甘特图_files/ProjectMenu.js" <script src="./Ext甘特图_files/ProjectServices.js" type="text/javascript"></script>
type="text/javascript" <script src="./Ext甘特图_files/swfobject.js" type="text/javascript"></script>
></script> <script src="./Ext甘特图_files/GanttService.js" type="text/javascript"></script>
<script <script src="./Ext甘特图_files/GanttMenu.js" type="text/javascript"></script>
src="./Ext甘特图_files/StatusColumn.js" <script src="./Ext甘特图_files/GanttSchedule.js" type="text/javascript"></script>
type="text/javascript" <script src="./Ext甘特图_files/RGanttMenu.js" type="text/javascript"></script>
></script> <script src="./Ext甘特图_files/RGanttSchedule.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 --> <!-- 引入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"> <script type="text/javascript">
// 父级传过来的参数 // 父级传过来的参数
window.addEventListener('message', function(e) { window.addEventListener('message', function (e) {
console.log(e.data, '父级页面传来的数据') console.log(e.data, '父级页面传来的数据')
localStorage.setItem('id',e.data) localStorage.setItem('id', e.data)
}) })
//页面加载就绪 //页面加载就绪
window.onload = () => { window.onload = () => {
console.log("window.onload"); console.log("window.onload");
//创建PlusGantt之后,
var gantt = new CreateGantt();
var parentUrl = getParentUrl(); var parentUrl = getParentUrl();
console.log("parentUrl", parentUrl); console.log("parentUrl", parentUrl);
if (parentUrl.indexOf("dataBoard") != -1) { if (parentUrl.indexOf("dataBoard") != -1) {
@ -136,6 +97,7 @@
return y + "-" + m + "-" + d; return y + "-" + m + "-" + d;
} }
getListData = () => { getListData = () => {
console.log('-------------------------------');
axios.defaults.headers.common["Authorization"] = axios.defaults.headers.common["Authorization"] =
"Bearer" + " " + token; "Bearer" + " " + token;
axios axios
@ -233,7 +195,7 @@
//前置任务字段 //前置任务字段
{ {
Type: 1, Type: 1,
PredecessorUID:number-1 PredecessorUID: number - 1
}, },
], ],
}; };
@ -253,8 +215,11 @@
gantt.unmask(); gantt.unmask();
}); });
}; };
getListData(); getListData();
//创建ext面板 //创建ext面板
var viewport = new Ext.Viewport({ var viewport = new Ext.Viewport({
layout: "border", layout: "border",
@ -320,11 +285,13 @@
//////////////////////////////////////////// ////////////////////////////////////////////
var extControl = Ext.get("extwrap"); var extControl = Ext.get("extwrap");
//创建PlusGantt之后, // 移到最顶部 init
var gantt = new CreateGantt(); // //创建PlusGantt之后,
// var gantt = new CreateGantt();
gantt.setStyle("width:100%;height:100%"); gantt.setStyle("width:100%;height:100%");
gantt.render(extControl.dom); gantt.render(extControl.dom);
// 左侧的列
var columns = []; var columns = [];
var idColumn = { var idColumn = {
name: "id", name: "id",
@ -365,7 +332,7 @@
header: "计划开始日期<br/>Date", header: "计划开始日期<br/>Date",
field: "Start", field: "Start",
width: 100, width: 100,
renderer: function(e) { renderer: function (e) {
var date = e.value; var date = e.value;
if (!date) return ""; if (!date) return "";
return formatDateTime(e.value); return formatDateTime(e.value);
@ -379,7 +346,7 @@
header: "计划完成日期<br/>Date", header: "计划完成日期<br/>Date",
field: "Finish", field: "Finish",
width: 100, width: 100,
renderer: function(e) { renderer: function (e) {
var date = e.value; var date = e.value;
if (!date) return ""; if (!date) return "";
return formatDateTime(e.value); return formatDateTime(e.value);
@ -393,7 +360,7 @@
header: "实际开始日期<br/>Date", header: "实际开始日期<br/>Date",
field: "actualStartDate", field: "actualStartDate",
width: 100, width: 100,
renderer: function(e) { renderer: function (e) {
var date = e.value; var date = e.value;
if (!date) return ""; if (!date) return "";
return formatDateTime(e.value); return formatDateTime(e.value);
@ -407,7 +374,7 @@
header: "实际完成日期<br/>Date", header: "实际完成日期<br/>Date",
field: "actualFinishDate", field: "actualFinishDate",
width: 100, width: 100,
renderer: function(e) { renderer: function (e) {
var date = e.value; var date = e.value;
if (!date) return ""; if (!date) return "";
return formatDateTime(e.value); return formatDateTime(e.value);
@ -447,25 +414,14 @@
}, },
}; };
columns.push(remarkColumn); columns.push(remarkColumn);
//将列集合数组设置给甘特图 //将列集合数组设置给甘特图
gantt.setColumns(columns); gantt.setColumns(columns);
gantt.setTreeColumn("name"); 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(); var ganttMenu = new GanttMenu();
console.log("右键菜单有哪些", ganttMenu);
gantt.setContextMenu(ganttMenu); gantt.setContextMenu(ganttMenu);
gantt.loading(); gantt.loading();
//渲染 //渲染
@ -475,8 +431,29 @@
gantt.unmask(); gantt.unmask();
}, 3000); }, 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) => { var cellCommitEdit = (e) => {
console.log("eeeeeeee编辑行的信息", e); console.log("当前点击行信息", e);
var data = { var data = {
taskName: e.task.taskName, taskName: e.task.taskName,
Start: e.task.Start, Start: e.task.Start,
@ -497,7 +474,7 @@
data2.startDate = data[d]; data2.startDate = data[d];
} else if (d == "Finish") { } else if (d == "Finish") {
data2.finishDate = data[d]; data2.finishDate = data[d];
}else if( d == "PercentComplete"){ } else if (d == "PercentComplete") {
data2.progressRatio = data[d]; data2.progressRatio = data[d];
} }
} else { } 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); console.log("参数", data2);
if (e.task.hasOwnProperty("id")) { if (e.task.hasOwnProperty("id")) {
@ -537,8 +506,8 @@
let requestData = { let requestData = {
id: e.item.id, id: e.item.id,
projectSn: projectSn, projectSn: projectSn,
taskName:e.item.taskName, taskName: e.item.taskName,
progressRatio:e.item.PercentComplete progressRatio: e.item.PercentComplete
}; };
let startTime = formatDateTime(e.item.Start).substring(0, 10); let startTime = formatDateTime(e.item.Start).substring(0, 10);
let endTime = formatDateTime(e.item.Finish).substring(0, 10); let endTime = formatDateTime(e.item.Finish).substring(0, 10);
@ -555,44 +524,21 @@
// var task = e.task; // var task = e.task;
//e是事件对象, 具体请看每个事件的"参数类型" //e是事件对象, 具体请看每个事件的"参数类型"
}; };
gantt.on("CellCommitEdit", cellCommitEdit); gantt.on("CellCommitEdit", cellCommitEdit);
gantt.on("itemdragcomplete", itemdragcomplete); 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> </script>
<div <div class="x-layout-split x-layout-split-west x-splitbar-h" id="west-panel-xsplit"
class="x-layout-split x-layout-split-west x-splitbar-h" style="left: 205px; top: 32px; height: 889px;">
id="west-panel-xsplit"
style="left: 205px; top: 32px; height: 889px;"
>
&nbsp; &nbsp;
</div> </div>
<div <div id="ext-gen9" class="x-unselectable x-splitbar-proxy x-splitbar-proxy-h"></div>
id="ext-gen9" <div class="mini-supergrid-editwrap"
class="x-unselectable x-splitbar-proxy x-splitbar-proxy-h" style="position: absolute; z-index: 1006; display: none; top: 580px; left: 802px; width: 100px;"></div>
></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="addDiv" id="addDiv">
<div class="addbox"> <div class="addbox">
@ -629,11 +575,11 @@
</div> </div>
</div> </div>
</body> </body>
<style> <style>
.addDiv{ .addDiv {
display: none; display: none;
position:absolute; position: absolute;
top: 20%; top: 20%;
left: 30%; left: 30%;
z-index: 999; z-index: 999;
@ -642,20 +588,25 @@
border: 1px solid #000; border: 1px solid #000;
background-color: #fff; background-color: #fff;
} }
.addbox{
.addbox {
margin: 20px; margin: 20px;
} }
.row{
.row {
margin-top: 10px; margin-top: 10px;
} }
p{
p {
display: inline-block; display: inline-block;
} }
.btn{
width:80px; .btn {
width: 80px;
height: 30px; height: 30px;
margin-top: 20px; margin-top: 20px;
margin-left: 80px; margin-left: 80px;
} }
</style> </style>
</html> </html>

2
public/doc/ExtGantt/http-axios.js Normal file
View File

File diff suppressed because one or more lines are too long

4
src/assets/js/http.js
View File

@ -40,11 +40,11 @@ if (process.env.NODE_ENV == 'development') {
// axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南 // axios.defaults.baseURL = 'http://124.71.178.44:100/' // 河南
// tag: 本地 // tag: 本地
// axios.defaults.baseURL = 'http://192.168.34.174:6023/' // 老大本地 // 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://192.168.34.117:6023/' // 杨杰本地
// axios.defaults.baseURL = 'http://ue6a4s.natappfree.cc' // 邱平毅vpn本地 // axios.defaults.baseURL = 'http://ue6a4s.natappfree.cc' // 邱平毅vpn本地
// axios.defaults.baseURL = 'http://139.9.66.234:6324/' // 河南春笋 // 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://192.168.34.125:6023/' //杨意本地 http/1.1
// axios.defaults.baseURL ='http://47.97.202.104:6023/' //金林湾线上 // axios.defaults.baseURL ='http://47.97.202.104:6023/' //金林湾线上
// axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地 // axios.defaults.baseURL = 'http://192.168.34.231:6023/'; //杨思瑞本地

65
vue.config.js
View File

@ -1,56 +1,58 @@
const path = require("path");
const path = require('path')
// 代码压缩 // 代码压缩
const TerserPlugin = require("terser-webpack-plugin"); const TerserPlugin = require("terser-webpack-plugin");
function addStyleResource (rule) { function addStyleResource(rule) {
rule.use('style-resource') rule
.loader('style-resources-loader') .use("style-resource")
.loader("style-resources-loader")
.options({ .options({
patterns: [ patterns: [
path.resolve(__dirname, 'src/assets/style/var.less'),//全局引入的less文件 path.resolve(__dirname, "src/assets/style/var.less"), //全局引入的less文件
path.resolve(__dirname, 'src/assets/style/longguang.less'),//全局引入的less文件--龙光地产 path.resolve(__dirname, "src/assets/style/longguang.less"), //全局引入的less文件--龙光地产
], ],
}) });
} }
module.exports = { module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "/" : "/", publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
devServer:{ devServer: {
// host: 'localhost', // host: 'localhost',
proxy:{ proxy: {
'/china' : { "/china": {
target: "http://122.112.239.62:9000", target: "http://122.112.239.62:9000",
changeOrigin:true, changeOrigin: true,
pathRewrite:{ pathRewrite: {
'^/china':"" //重写路径 "^/china": "", //重写路径
}
}
}
}, },
pages:{ },
},
},
pages: {
index: { index: {
entry: "./src/pages/index/index.js", entry: "./src/pages/index/index.js",
template: "./src/pages/index/index.html", template: "./src/pages/index/index.html",
filename: "index.html", filename: "index.html",
title: "机械设备管理平台" title: "机械设备管理平台",
}, },
equipmentCenter: { equipmentCenter: {
entry: "./src/pages/equipmentCenter/equipmentCenter.js", entry: "./src/pages/equipmentCenter/equipmentCenter.js",
template: "./src/pages/equipmentCenter/equipmentCenter.html", template: "./src/pages/equipmentCenter/equipmentCenter.html",
filename: "equipmentCenter.html", filename: "equipmentCenter.html",
title: "设备中台" title: "设备中台",
}
}, },
chainWebpack: config => { },
const types = ['vue-modules', 'vue', 'normal-modules', 'normal'] chainWebpack: (config) => {
types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type))) const types = ["vue-modules", "vue", "normal-modules", "normal"];
types.forEach((type) =>
addStyleResource(config.module.rule("less").oneOf(type))
);
}, },
pluginOptions: { pluginOptions: {
'style-resources-loader': { "style-resources-loader": {
preProcessor: 'stylus', preProcessor: "stylus",
patterns: [] patterns: [],
}
}, },
productionSourceMap:false, },
productionSourceMap: false,
configureWebpack: { configureWebpack: {
optimization: { optimization: {
minimizer: [ minimizer: [
@ -62,7 +64,7 @@ module.exports = {
compress: { compress: {
drop_console: true, drop_console: true,
drop_debugger: false, drop_debugger: false,
pure_funcs: ['console.log'], // 移除console pure_funcs: ["console.log"], // 移除console
}, },
}, },
}), }),
@ -82,5 +84,4 @@ module.exports = {
// } // }
// }) // })
// } // }
};
}