401 lines
9.6 KiB
JavaScript
401 lines
9.6 KiB
JavaScript
const options = {
|
|
taskMapping: {
|
|
progress: "percent",
|
|
},
|
|
maxRows: 10,
|
|
title: {
|
|
label: "任务列表",
|
|
html: false,
|
|
},
|
|
row: {
|
|
height: 24,
|
|
},
|
|
times: {
|
|
timeZoom: 20,
|
|
},
|
|
calendar: {
|
|
workingDays: [1, 2, 3, 4, 5, 6],
|
|
gap: 0,
|
|
strokeWidth: 5,
|
|
hour: {
|
|
display: !1,
|
|
},
|
|
},
|
|
chart: {
|
|
progress: {
|
|
bar: false,
|
|
},
|
|
expander: {
|
|
display: true,
|
|
},
|
|
},
|
|
taskList: {
|
|
expander: {
|
|
straight: false,
|
|
},
|
|
columns: [
|
|
{
|
|
id: 1,
|
|
label: "ID",
|
|
value: "id",
|
|
width: 40,
|
|
},
|
|
{
|
|
id: 2,
|
|
label: "任务名称",
|
|
value: "label",
|
|
width: 200,
|
|
expander: true,
|
|
html: true,
|
|
},
|
|
{
|
|
id: 3,
|
|
label: "任务工期",
|
|
value: "days",
|
|
width: 120,
|
|
},
|
|
{
|
|
id: 4,
|
|
label: "开始时间",
|
|
value: "start",
|
|
width: 120,
|
|
},
|
|
|
|
{
|
|
id: 5,
|
|
label: "结束时间",
|
|
value: "end",
|
|
width: 120,
|
|
},
|
|
],
|
|
},
|
|
locale: {
|
|
name: "en",
|
|
Now: "当前时间",
|
|
"X-Scale": "缩放宽度",
|
|
"Y-Scale": "缩放高度",
|
|
"Task list width": "列头宽度",
|
|
"Before/After": "时间跨度",
|
|
"Display task list": "显示列头",
|
|
weekdays: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
|
|
months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
|
},
|
|
};
|
|
const ganttStyle = {
|
|
"main-view": {
|
|
background: "#06445b81",
|
|
"border-top": "1px solid var(--plan-color)",
|
|
},
|
|
"main-container-wrapper": {
|
|
overflow: "hidden",
|
|
"border-top": "1px solid var(--plan-color);",
|
|
"border-bottom": "1px solid var(--plan-color);",
|
|
},
|
|
"calendar-row-rect-child": {
|
|
"border-right-color": "var(--plan-color)",
|
|
},
|
|
"task-list": { "border-color": "var(--plan-color)" },
|
|
"task-list-header": {
|
|
"border-bottom": "1px solid var(--plan-color)",
|
|
"border-left": "1px solid var(--plan-color)",
|
|
},
|
|
"task-list-item": {
|
|
"border-top": "1px solid var(--plan-color)",
|
|
"border-right": "1px solid var(--plan-color)",
|
|
},
|
|
"task-list-item-column": {
|
|
"border-left": "1px solid var(--plan-color)",
|
|
"border-color": "var(--plan-color)",
|
|
},
|
|
"grid-line-time": {
|
|
stroke: "#FF000080",
|
|
"stroke-width": 5,
|
|
},
|
|
"chart-calendar-container": {
|
|
"border-right": "1px solid var(--plan-color)",
|
|
},
|
|
"chart-graph-container": {
|
|
"border-right": "1px solid var(--plan-color)",
|
|
},
|
|
"task-list-header-column": {
|
|
"border-left": "1px solid var(--plan-color)",
|
|
"box-sizing": "border-box",
|
|
display: "flex",
|
|
background: "#f3f5f7",
|
|
"border-color": "transparent",
|
|
},
|
|
calendar: {
|
|
background: "transparent",
|
|
},
|
|
"chart-row-text": {
|
|
background: "transparent",
|
|
"border-radius": "0px",
|
|
color: "#fff",
|
|
},
|
|
"task-list-expander-border": {
|
|
fill: "#00f1ff",
|
|
stroke: "#003357",
|
|
},
|
|
"chart-expander-border": {
|
|
fill: "#00f1ff",
|
|
stroke: "#000000A0",
|
|
},
|
|
};
|
|
|
|
function initEngine(that) {
|
|
console.log("开始初始化引擎");
|
|
window.bim4DApi = new SAPI(
|
|
{
|
|
serverIP: window.config.serverIP, //服务ip地址
|
|
port: window.config.port, //HTTP端口
|
|
useHttps: window.config.useHttps, //使用Https
|
|
container: "bim4DContainer", //[必须]容器id
|
|
secretKey: window.config.secretKey,
|
|
openEarth: window.config.openEarth, //[可选]开启Gis场景
|
|
bgColor: window.config.bgColor, //[可选]bim场景背景色, 传值即为纯色天空盒
|
|
tintColor: window.config.tintColor, //[可选]osgb单体化颜色
|
|
sceneTime: window.config.sceneTime, //[可选]分别为当前时间、日出时间、日落时间
|
|
cadMode: window.config.cadMode, // 是否是Cad图纸预览模式
|
|
},
|
|
() => {
|
|
that.initSuccess = true;
|
|
console.log("初始化成功");
|
|
setTimeout(() => {
|
|
initLoadModel(that);
|
|
}, 10);
|
|
let mapOptions = {
|
|
imgs: {
|
|
// 六面图片
|
|
top: "/cdn/bim/sapi/img/top.png",
|
|
bottom: "/cdn/bim/sapi/img/under.png",
|
|
east: "/cdn/bim/sapi/img/east.png",
|
|
south: "/cdn/bim/sapi/img/south.png",
|
|
west: "/cdn/bim/sapi/img/west.png",
|
|
north: "/cdn/bim/sapi/img/north.png",
|
|
},
|
|
offset: {
|
|
// 屏幕坐标偏移
|
|
corner: GLENavigationCube.RightTop,
|
|
x: 25,
|
|
y: 20,
|
|
},
|
|
cube: {
|
|
hoverColor: "#7193dc", // 立方导航快鼠标移过显示颜色
|
|
size: 32, // 导航立方尺寸
|
|
hotPointSize: 7, // 导航立方棱角热点区域尺寸
|
|
cubeTextColor: "#4c4c4ccc", // cube 各个面文字颜色
|
|
cubeStrokeColor: "#374769cc", // cube 各个面边框颜色
|
|
cubeFillColor: "#374769cc", // cube 各个面填充颜色
|
|
},
|
|
zoomRatios: 1, // 缩放倍率
|
|
show: true, // 是否显示
|
|
showAxes: true, // 是否显示XYZ轴线
|
|
};
|
|
bim4DApi.Plugin.initNavCube(mapOptions);
|
|
}
|
|
);
|
|
}
|
|
|
|
function initLoadModel(that) {
|
|
that.$api.bim
|
|
.listBimModel({
|
|
pageNum: 1,
|
|
pageSize: 100,
|
|
comId: that.selProject.comId,
|
|
projectId: that.selProject.id,
|
|
})
|
|
.then((d) => {
|
|
that.models = (d.rows || []).map((it) => {
|
|
it.modelId = it.lightweightName;
|
|
it.visible = false;
|
|
it.checked = true;
|
|
it.gis = that.$tryToJson(it.gisJson || "{}", {});
|
|
return it;
|
|
});
|
|
if (that.models.length == 0) {
|
|
that.$modal.error("暂无模型，请先关联模型");
|
|
} else {
|
|
that.models.forEach((item) => {
|
|
item.modelId = item.lightweightName;
|
|
item.gis = JSON.parse(item.gisJson);
|
|
addModel(that, item.lightweightName);
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function addModel(that, modelId, cb) {
|
|
let api = window.bim4DApi;
|
|
let url = `${window.config.modelUrl}/Tools/output/model/${modelId}/root.glt`;
|
|
console.log(modelId, url);
|
|
api.Model.add(
|
|
url,
|
|
modelId,
|
|
() => {},
|
|
() => {
|
|
cb && cb();
|
|
console.log("加载模型成功");
|
|
setTimeout(() => {
|
|
bim4DApi.Camera.getViewPort((p) => {
|
|
that.viewPoint = p;
|
|
that.modelLoaded = true;
|
|
});
|
|
that.initPlay();
|
|
}, 1000);
|
|
}
|
|
);
|
|
}
|
|
|
|
const maxLen = 500;
|
|
function showBim(that, index) {
|
|
let api = bim4DApi;
|
|
if (index <= 0) {
|
|
index = getCurrentTaskIndex(that);
|
|
}
|
|
let showFeatureIds = [];
|
|
let currFeatureIds = [];
|
|
for (let i = 0; i <= that.taskList.length; i++) {
|
|
if (i <= index) {
|
|
that.taskList[i].gis.forEach((item) => {
|
|
let featureId = item.featureId;
|
|
if (!showFeatureIds.includes(featureId)) {
|
|
showFeatureIds.push(featureId);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
if (showFeatureIds.length > 0) {
|
|
setFeatueVisible(showFeatureIds, true);
|
|
}
|
|
setTimeout(() => {
|
|
that.lastFeatureIds.forEach((it) => {
|
|
api.Feature.setColor(it, "rgba(255,255,255,1)");
|
|
});
|
|
currFeatureIds = that.taskList[index].gis.map((item) => item.featureId);
|
|
if (currFeatureIds.length > 0) {
|
|
currFeatureIds.forEach((it) => {
|
|
api.Feature.setColor(it, "rgba(255,0,255,1)");
|
|
});
|
|
}
|
|
that.lastFeatureIds = currFeatureIds;
|
|
}, 0);
|
|
}
|
|
|
|
function setFeatueVisible(featureIds, show) {
|
|
let len = maxLen;
|
|
let api = bim4DApi;
|
|
let cnt = featureIds.length;
|
|
if (cnt == 0) {
|
|
return;
|
|
}
|
|
for (let i = 0; i < cnt; i += len) {
|
|
api.Feature.setVisible(featureIds.slice(i, i + len).join("#"), show);
|
|
}
|
|
}
|
|
|
|
function getCurrentTaskIndex(that) {
|
|
let index = 0;
|
|
let taskList = that.taskList;
|
|
for (let i = 0; i < taskList.length; i++) {
|
|
let task = taskList[i];
|
|
if (task.children.length == 0 && that.$dt(task.start) - new Date() >= 0) {
|
|
index = i;
|
|
break;
|
|
}
|
|
}
|
|
return index;
|
|
}
|
|
|
|
function resetScene(that) {
|
|
let api = bim4DApi;
|
|
api.Camera.stopImmersiveRoam();
|
|
api.Model.location(api.m_model.keys().toArray()[0]);
|
|
api.Plugin.deleteMiniMap();
|
|
if (that.viewPoint) {
|
|
api.Camera.setViewPort(that.viewPoint);
|
|
}
|
|
}
|
|
|
|
function original() {
|
|
let api = bim4DApi;
|
|
for (let modelId in api.m_model) {
|
|
api.Model.original(modelId);
|
|
}
|
|
}
|
|
|
|
function getFirstFeatureId(that) {
|
|
for (let i = 0; i < that.taskList.length; i++) {
|
|
let task = that.taskList[i];
|
|
if (task.gis.length > 0) {
|
|
return task.gis[0].featureId;
|
|
}
|
|
}
|
|
return "";
|
|
}
|
|
|
|
function preparePlay(that) {
|
|
let featureId = getFirstFeatureId(that);
|
|
if (!featureId) {
|
|
return;
|
|
}
|
|
let api = bim4DApi;
|
|
api.Feature.showFeatures(featureId);
|
|
api.Feature.setColor(featureId, "rgba(255,255,255,0)");
|
|
}
|
|
|
|
function playStop(that) {
|
|
let api = bim4DApi;
|
|
that.lastFeatureIds.forEach((it) => {
|
|
api.Feature.setColor(it, "rgba(255,255,255,1)");
|
|
});
|
|
}
|
|
|
|
function doPLay(that) {
|
|
that.playTimer = setInterval(() => {
|
|
that.playValue++;
|
|
if (that.playValue >= that.taskList.length) {
|
|
playStop(that);
|
|
that.doStop();
|
|
} else {
|
|
that.doPlayPan(that.playValue);
|
|
}
|
|
}, that.playTime);
|
|
}
|
|
function modelRotate(that) {
|
|
let api = bim4DApi;
|
|
if(that.isPlay!=0){
|
|
return;
|
|
}
|
|
if (that.models.length > 0) {
|
|
api.Model.getCenter(that.models[0].modelId, (data) => {
|
|
data.xx = 0.5;
|
|
api.Camera.autoRotate({
|
|
Speed: 0.5,
|
|
Position: data.position,
|
|
});
|
|
});
|
|
}
|
|
}
|
|
function modelClearRotate() {
|
|
let api = window.bim4DApi;
|
|
if (api) {
|
|
api.Camera.stopAutoRotate();
|
|
}
|
|
}
|
|
export default {
|
|
options,
|
|
ganttStyle,
|
|
initEngine,
|
|
initLoadModel,
|
|
showBim,
|
|
resetScene,
|
|
original,
|
|
getFirstFeatureId,
|
|
preparePlay,
|
|
playStop,
|
|
getCurrentTaskIndex,
|
|
doPLay,
|
|
modelRotate,
|
|
modelClearRotate,
|
|
};
|