|
|
@@ -1,40 +1,39 @@
|
|
|
window.grendCAD = (function grendCAD() {
|
|
|
- let initFloor
|
|
|
- let initScript
|
|
|
- let initDOM
|
|
|
- let point, dire
|
|
|
+ let initFloor;
|
|
|
+ let initScript;
|
|
|
+ let initDOM;
|
|
|
+ let point, dire;
|
|
|
|
|
|
window.cad = {
|
|
|
- setSign: function(p, d) {
|
|
|
- point = p
|
|
|
- dire = d
|
|
|
- }
|
|
|
- }
|
|
|
+ setSign: function (p, d) {
|
|
|
+ point = p;
|
|
|
+ dire = d;
|
|
|
+ },
|
|
|
+ };
|
|
|
|
|
|
function loadScript(cb) {
|
|
|
- if (initScript) return cb()
|
|
|
+ if (initScript) return cb();
|
|
|
|
|
|
- let $script = document.createElement('script')
|
|
|
- $script.src = '//www.4dmodel.com/CAD/bundle.js'
|
|
|
- $script.onload = function() {
|
|
|
- initScript = true
|
|
|
- cb()
|
|
|
- }
|
|
|
+ let $script = document.createElement("script");
|
|
|
+ $script.src = "//www.4dmodel.com/CAD/bundle.js";
|
|
|
+ $script.onload = function () {
|
|
|
+ initScript = true;
|
|
|
+ cb();
|
|
|
+ };
|
|
|
|
|
|
- document.documentElement.appendChild($script)
|
|
|
+ document.documentElement.appendChild($script);
|
|
|
}
|
|
|
|
|
|
function loadDOM($parent) {
|
|
|
if (initDOM) return initDOM;
|
|
|
- let $layer = document.createElement('div')
|
|
|
- let $cad = document.createElement('div')
|
|
|
+ let $layer = document.createElement("div");
|
|
|
+ let $cad = document.createElement("div");
|
|
|
|
|
|
- $layer.className = 'cad'
|
|
|
- $cad.id = 'cad'
|
|
|
- $layer.appendChild($cad)
|
|
|
+ $layer.className = "cad";
|
|
|
+ $cad.id = "cad";
|
|
|
+ $layer.appendChild($cad);
|
|
|
|
|
|
-
|
|
|
- let style = document.createElement('style')
|
|
|
+ let style = document.createElement("style");
|
|
|
style.innerHTML = `
|
|
|
.cad {
|
|
|
position: absolute;
|
|
|
@@ -62,90 +61,90 @@ window.grendCAD = (function grendCAD() {
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
}
|
|
|
- `
|
|
|
+ `;
|
|
|
|
|
|
- document.documentElement.appendChild(style)
|
|
|
- document.documentElement.appendChild($layer)
|
|
|
- $parent.appendChild(style)
|
|
|
- $parent.appendChild($layer)
|
|
|
- return $layer
|
|
|
+ document.documentElement.appendChild(style);
|
|
|
+ document.documentElement.appendChild($layer);
|
|
|
+ $parent.appendChild(style);
|
|
|
+ $parent.appendChild($layer);
|
|
|
+ return $layer;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
function setStyle(signColor, borderColor, borderWidth) {
|
|
|
cad.setDefaultPointStyle({
|
|
|
fillColor: "rgba(0,0,0,0)",
|
|
|
- storkeColor: "rgba(0,0,0,0)"
|
|
|
+ storkeColor: "rgba(0,0,0,0)",
|
|
|
});
|
|
|
|
|
|
- console.log(borderWidth)
|
|
|
+ console.log(borderWidth);
|
|
|
cad.setDefaultLineStyle({
|
|
|
width: borderWidth,
|
|
|
- color: borderColor
|
|
|
+ color: borderColor,
|
|
|
});
|
|
|
|
|
|
cad.setDefaultSignStyle({
|
|
|
- color: signColor
|
|
|
- })
|
|
|
+ color: signColor,
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
-
|
|
|
- return function(floor, $parent, signColor, borderColor, borderWidth) {
|
|
|
+ return function (floor, $parent, signColor, borderColor, borderWidth) {
|
|
|
if (initFloor) {
|
|
|
- console.log('cache')
|
|
|
- return setStyle(signColor, borderColor, borderWidth)
|
|
|
+ console.log("cache");
|
|
|
+ return setStyle(signColor, borderColor, borderWidth);
|
|
|
}
|
|
|
- console.log('load')
|
|
|
- initFloor = floor
|
|
|
+ console.log("load");
|
|
|
+ initFloor = floor;
|
|
|
|
|
|
- loadScript(function() {
|
|
|
- let $layer = loadDOM($parent)
|
|
|
+ loadScript(function () {
|
|
|
+ let $layer = loadDOM($parent);
|
|
|
|
|
|
- $layer.style.visibility = 'hidden'
|
|
|
+ $layer.style.visibility = "hidden";
|
|
|
window.cad = structureCAD({
|
|
|
data: {
|
|
|
- block: [],
|
|
|
- column: [],
|
|
|
- door: [],
|
|
|
- hole: [],
|
|
|
- segment: [],
|
|
|
- "vertex-xy": [],
|
|
|
- "vertex-z": [],
|
|
|
- },
|
|
|
- layer: $layer.querySelector('#cad'),
|
|
|
- edit: false
|
|
|
+ block: [],
|
|
|
+ column: [],
|
|
|
+ door: [],
|
|
|
+ hole: [],
|
|
|
+ segment: [],
|
|
|
+ "vertex-xy": [],
|
|
|
+ "vertex-z": [],
|
|
|
+ },
|
|
|
+ layer: $layer.querySelector("#cad"),
|
|
|
+ edit: false,
|
|
|
});
|
|
|
-
|
|
|
- setStyle(signColor, borderColor, borderWidth)
|
|
|
- cad.hideDire()
|
|
|
- cad.hideGauge()
|
|
|
-
|
|
|
- console.log('loadData')
|
|
|
+
|
|
|
+ setStyle(signColor, borderColor, borderWidth);
|
|
|
+ cad.hideDire();
|
|
|
+ cad.hideGauge();
|
|
|
+
|
|
|
+ console.log("loadData");
|
|
|
cad.loadData(initFloor);
|
|
|
if (point && dire) {
|
|
|
- window.cad.setSign(point, dire)
|
|
|
+ window.cad.setSign(point, dire);
|
|
|
}
|
|
|
- $layer.style.visibility = 'visible'
|
|
|
- })
|
|
|
-
|
|
|
- }
|
|
|
+ $layer.style.visibility = "visible";
|
|
|
+ });
|
|
|
+ };
|
|
|
})();
|
|
|
|
|
|
-
|
|
|
$.ajax({
|
|
|
url: g_Prefix + "data/" + window.number + "/someData.json" + "?" + Date.now(),
|
|
|
- method: 'GET',
|
|
|
+ method: "GET",
|
|
|
success(data) {
|
|
|
- if (!data.showCad) return
|
|
|
+ if (!data.showCad) return;
|
|
|
|
|
|
-
|
|
|
-
|
|
|
$.ajax({
|
|
|
- url: '//super.4dage.com/data/'+ window.number +'/floor.json',
|
|
|
- method: 'GET',
|
|
|
+ url: "//super.4dage.com/data/" + window.number + "/floor.json",
|
|
|
+ method: "GET",
|
|
|
success(res) {
|
|
|
- grendCAD(res, document.documentElement, data.cadSignColor, data.cadBorderColor, data.cadBorderWidth)
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-})
|
|
|
+ grendCAD(
|
|
|
+ res,
|
|
|
+ document.documentElement,
|
|
|
+ data.cadSignColor,
|
|
|
+ data.cadBorderColor,
|
|
|
+ data.cadBorderWidth
|
|
|
+ );
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+});
|
