function init() {
	dataModel = new ht.DataModel()
	toolbar = new ht.widget.Toolbar(toolbar_config1)
	g2d = new ht.graph.GraphView(dataModel)
	borderPane = new ht.widget.BorderPane()
	rulerFrame = new ht.widget.RulerFrame(g2d)
	rulerFrame.getLeftRulerConfig().background = "white"
	rulerFrame.getTopRulerConfig().background = "white"
	toolbar.enableToolTip()
	borderPane.setTopView(toolbar)
	borderPane.setCenterView(rulerFrame)
	initGraphView()
	resetDefault()
	view = borderPane.getView()
	view.className = "main"
	document.body.appendChild(view)
	window.addEventListener(
		"resize",
		function (e) {
			borderPane.iv()
		},
		false
	)

	ht.Default.setImage(
		"arrow",
		"data:image/png;base64,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"
	)

	ht.Default.setImage(
		"bus",
		"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADuUlEQVR4Xu2XS2hcVRzGf+ec+8hMnaRJbNQkJVRIfZS0ahobRKHu+rIPROtK1AqSLmyrVhBcZKWb1EYXBdGF+NioEVqirlSM4itiKImVoNWpj5a2ah5tJ5nk3vN3LvfOIpQJc1dZmA+++z/nu/P9z8c5ZxZXiQhLCQ38vwMsB1gOoCJ2vTi02ck1fmpFEAEBkIW/UqTTtaqw3OylJ7493P06YAGciMH83D1rG33aGzMABFYIS5TYgtEqImEK3TMKrRRCAgFBODE6dwB4C5ghQaaj95O3j49NyrwVufXIqFyZF/lnRuRiIa7R/JaU+vr+Mdn3Xl4eeTcvj5XqXcdOiRWRpwb/kFXde5pJoAFH1VzT2ZhzuVwExzFcmoWpGVtiGNVojjEp9CIorenf3caRnW0c3dXG2qYV/PJvwN1r6mjd/fQLgFMO4OJlb26p9fj+7CwZX1MMKVEW1Jo0egCeq5megcmCMF2IA41fKHLn6hzZuoYHgZpyAANCa63DlTlLjWcIQ7BWlRjXIArgaoIq9cif8Q1zIYSR38b+/NQcjobN7Q2Zdc8ObAOUAyiNwgLnLs+T812UAqM1WgSlVImQq0mp+y77P8wjAq6JL2vWLUbh2NiaY7Cx5UnguAKaNvaPnn9oU3PpCApopeJ/gQhlGKXQCqxQlR71AHhnTysTBXj5u7/JTxVxtWJXez23NWe4/40xRg51rHQAMAa0Jus7gCCACAugVFmrTrciPDp4FgEcFd8JgA9OT+L7LmgD4DkABT/HrPHwvYD113rU+hpRigUQIQ2EhX5FfDyf/Rkw8BcUsg2U7wAjB1bT+7XgukV+mghAa0SXUwI2BBvEVQAqhVGgiH1X+xEB4+d47aLD9CGoA5xyO6vB91w0IGHI9GAf8+fGAXBvuInaHQdRno/YsPJuKIXSpqJfHBetDZwCASgHWPfKBfZqMNkVaKM4/2YvG1pX0r33GQC++WKIkyeOct3DvUgQIhUCqCiAYxb1GwuHHxDeb5mEffVxgOfsADIUNQZtHMbzP9Kx8yB9fS8B0NPTw+df9rPpq1exYbDYDlThD0Epnjeax8s7MH46DwgQNTAEVijMzOK6HkA0jjR+PvM7NlxsB6rzl9ciedYDa5IK4GzdtuNYV1fXjRtuvwOAkyM/MDw8/OvHHw3uBwIqIKV/AvgNwEtCNCVsA7q3bNl6Zvv2+yRiNI605F1TBab11wMeVwMXuB7oBO5N2JloLhWQyl9lkzpgVcK6FOY0/qXH8qfZkgdYDvAftC1Oc+4ypOMAAAAASUVORK5CYII="
	)
	ht.Default.setImage("menu_icon", "./images/settings.png")
	ht.Default.setImage("trash", "./images/trash.png")
	ht.Default.setImage("folder", "./images/folder.png")
	ht.Default.setImage("advanced", "./images/advanced.png")
	ht.Default.setImage("new_doc", "./images/new_doc.png")
	// dataModel.deserialize(datamodel_config);

	g2d.enableDashFlow()
	g2d.enableFlow(60)
	g2d.setSelectableFunc(function () {
		return false
	})
	// initDatagrid();
}
function loadData(id) {
	dataModel.clear()
	var index = layer.load(2, {
		shade: [0.4, "#888888"],
	})
	ajax({
		url: "/web/webPlot/getOne.json",
		type: "POST",
		data: {
			id: id,
		},
		beforeSend: function (XHR) {},
		dataType: "JSON",
		success: function (data) {
			layer.close(index)
			if (data["status"] == 1) {
				layer.msg(" 打开成功！", {
					icon: 1,
				})
				$("#id").val(data["data"]["id"])
				$("#name").val(data["data"]["name"])
				$("#projectName").html(data["data"]["name"])
				dataModel.deserialize($.parseJSON(data["data"]["content"]), null, true)
				firstLoad()
			} else {
				layer.msg(" 打开失败！", {
					icon: 2,
				})
			}
		},
		error: function () {
			layer.close(index)
			layer.msg(" 服务器异常,请稍后再试！")
		},
	})
}
function openProject() {
	var a = layer.open({
		type: 1,
		offset: "170px",
		area: "400px",
		content: '<table id="dg" style="width:100%"></table>',
		title: '<font color="#888888"><b>打开工程</b></font>',
		btn: ["打开", "取消"],
		yes: function (index) {
			var node = $("#dg").datagrid("getSelected")
			if (!node) {
				layer.msg(" 请选择要打开的工程！")
			} else {
				layer.close(index)
				loadData(node["id"])
			}
		},
		cancel: function (index) {
			layer.close(index)
		},
	})
	initDatagrid(a)
}
function resetDefault() {
	if (!defaultItem.selected) {
		defaultItem.selected = true
		g2d.setEditable(false)
		toolbar.iv()
		// palette.sm().cs();
	}
}

function initGraphView() {
	g2d.enableToolTip()
	g2d.getToolTip = function (e) {
		var data = this.getDataAt(e)
		if (data) {
			var info = this.getIconInfoAt(e)
			if (info) {
				return info.name
			}
			return data.getToolTip()
		}
		return null
	}

	editInteractor = new ht.graph.XEditInteractor(g2d)
	g2d.setEditable = function (editable) {
		var self = this
		if (editable) {
			self.setInteractors([
				new ht.graph.SelectInteractor(self),
				editInteractor,
				new ht.graph.MoveInteractor(self),
				new ht.graph.DefaultInteractor(self),
				new ht.graph.TouchInteractor(self, {
					editable: false,
				}),
			])
		} else {
			self.setInteractors([
				new ht.graph.SelectInteractor(self),
				new ht.graph.MoveInteractor(self),
				new ht.graph.DefaultInteractor(self),
				new ht.graph.TouchInteractor(self, {
					editable: false,
				}),
			])
		}
	}

	if (ht.Default.isTouchable) {
		palette.handleDragAndDrop = function (e, state) {
			if (ht.Default.containedInView(e, g2d)) {
				if (state === "between") {
					handleOver(e)
				} else if (state === "end") {
					handleDrop(e)
				}
			}
		}
	} else {
		g2d.getView().addEventListener("dragover", function (e) {
			e.dataTransfer.dropEffect = "copy"
			handleOver(e)
		})
		g2d.getView().addEventListener("drop", function (e) {
			handleDrop(e)
		})
	}
}

function initContextMenu() {
	contextMenu = new ht.widget.ContextMenu()
	contextMenu.addTo(g2d.getView())
	contextMenu.afterShow = function () {
		editInteractor._pause = true
	}
	contextMenu.afterHide = function () {
		editInteractor._pause = false
	}
	contextMenu.beforeShow = function () {
		if (editInteractor._hoverSegmentIndex >= 0) {
			var segment = null,
				data = editInteractor._shape || editInteractor._edge
			if (data instanceof ht.Polyline) {
				contextMenu.setItems([contextMenuAddPoint])
			} else {
				if (data instanceof ht.Shape) {
					var segments = data.getSegments() || editInteractor.getDefaultSegments(data)
					segment = segments.get(editInteractor._hoverSegmentIndex)
				} else if (data instanceof ht.Edge) {
					var segments = data.s("edge.segments") || editInteractor.getDefaultSegments(data)
					segment = segments.get(editInteractor._hoverSegmentIndex)
				}
				contextMenuChangeToMove.selected = segment === 1
				contextMenuChangeToLine.selected = segment === 2
				contextMenuChangeToQuadratic.selected = segment === 3
				contextMenuChangeToBezier.selected = segment === 4
				contextMenu.setItems([contextMenuAddPoint, contextMenuChangeToMove, contextMenuChangeToLine, contextMenuChangeToQuadratic, contextMenuChangeToBezier])
			}
		} else if (editInteractor._removePointIndex >= 0) {
			contextMenu.setItems([contextMenuRemovePoint])
		} else {
			contextMenu.setItems(null)
		}
	}
}

function handleOver(e) {
	e.preventDefault()
	g2d.autoScroll(e)
	var paletteNode = palette.dm().sm().ld()
	if (paletteNode) {
		var item = paletteNode.item
		if (item.source !== undefined || item.styleIcon) {
			g2d.sm().ss(g2d.getDataAt(e, null, 5))
		}
	}
}

function handleDrop(e) {
	e.preventDefault()
	var paletteNode = palette.dm().sm().ld()
	if (paletteNode) {
		var item = paletteNode.item,
			image = item.image,
			data = g2d.getDataAt(e, null, 5)

		// add arrow
		if (item.source !== undefined) {
			if (data instanceof ht.Edge || data instanceof ht.Polyline) {
				if (item.source) {
					data.addStyleIcon("sourceArrow", {
						position: 15,
						keepOrien: true,
						names: [image],
					})
				} else {
					data.addStyleIcon("targetArrow", {
						position: 19,
						keepOrien: true,
						names: [image],
					})
				}
			}
		}
		// add icon
		else if (item.styleIcon) {
			if (data) {
				var states,
					icons = data.s("icons")
				if (!icons || !icons.states) {
					states = {
						width: 16,
						height: 16,
						position: data instanceof ht.Edge || data instanceof ht.Polyline ? 3 : 1,
						names: [],
					}
				} else {
					states = icons.states
				}
				if (states.names.indexOf(image) < 0) {
					states.names.push(image)
					data.addStyleIcon("states", states)
				}
			}
		}
		// create node
		else {
			var node = new (item.type || ht.Node)()
			node.setImage(image)
			node.setIcon(item.icon || image)
			node.p(g2d.lp(e))
			if (data instanceof ht.Group) {
				node.setParent(data)
				data.setExpanded(true)
			} else {
				node.setParent(g2d.getCurrentSubGraph())
			}
			g2d.dm().add(node)
			g2d.sm().ss(node)
		}
	}
}
function initDatagrid(index) {
	ajax({
		url: "/web/webPlot/getList1.json",
		type: "POST",
		data: {
			cid: cid,
			type: 0,
		},
		dataType: "JSON",
		success: function (data) {
			if (data["status"] == 1) {
				if (data["data"].length == 0) {
					layer.close(index)
					layer.msg("没有可打开的工程！")
					return
				}
				$("#dg").datagrid({
					rownumbers: false,
					singleSelect: true,
					border: false,
					// fit : true,
					// height : 225,
					columns: [
						[
							{
								field: "name",
								title: "工程名",
								width: 220,
								align: "center",
							},
							{
								field: "type",
								title: "类型",
								width: 148,
								align: "center",
								formatter: function (value) {
									if (value == 0) {
										value = "<span style='color:green;opacity:0.8'>用电图</span>"
									} else if (value == 1) {
										value = "<span style='color:blue;opacity:0.8'>用水图</span>"
									} else if (value == 2) {
										value = "<span style='color:red;opacity:0.8'>用气图</span>"
									}
									return value
								},
							},
						],
					],
					data: data["data"],
				})
			}
		},
	})
}

function getQueryString(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)")
	var r = window.location.search.substr(1).match(reg)
	if (r != null) return unescape(r[2])
	return null
}

$(document).ready(function () {
	cid = getQueryString("cid")
	loadDefault()
})
function loadDefault() {
	var index = layer.load(2, {
		shade: [0.4, "#888888"],
	})
	ajax({
		url: "/web/webPlot/getPowerDefault.json",
		type: "POST",
		beforeSend: function (XHR) {},
		dataType: "JSON",
		success: function (data) {
			layer.close(index)
			if (data["status"] == 1 && data["data"] != undefined) {
				layer.msg(" 打开成功！", {
					icon: 1,
				})
				$("#projectName").html(data["data"]["name"])
				dataModel.deserialize($.parseJSON(data["data"]["content"]), null, true)
				firstLoad()
				showOnlineData()
			} else {
				layer.msg(" 还没有任何已保存的工程！", {
					icon: 2,
				})
			}
		},
		error: function () {
			layer.close(index)
			layer.msg(" 服务器异常,请稍后再试！")
		},
	})
}

function firstLoad() {
	var time = new Date()
	if (AUTH.user.province == 640000) {
		time = new Date(time.getTime() - 20 * 60 * 1000)
	}
	var second = parseInt(time.format("mm"))
	if (second % 5 != 0) {
		second = parseInt(second) - (second % 5)
	}
	var date = time.format("yyyyMMddhh")
	if (second == 5) {
		second = "05"
	}
	if (second == 0) {
		second = "00"
	}
	date = date + second + "00"
	var terminalIds = getTerminalIds()
	if (terminalIds.length == 0) {
		layer.msg(" 此图中没有格式正确的监控点！无法查询对应数据！")
		return
	}
	ajax({
		url: "/web/webPlot/getPowerOnline.json",
		type: "POST",
		data: {
			date: date,
			terminalIds: terminalIds + "",
		},
		dataType: "JSON",
		success: function (data) {
			transform(data["data"])
		},
		error: function () {
			layer.msg(" 服务器异常,无法获取电力实时数据！")
		},
	})
}
function showOnlineData() {
	setTimeout(function () {
		var time = new Date()
		if (AUTH.user.province == 640000) {
			time = new Date(time.getTime() - 20 * 60 * 1000)
		}
		var second = parseInt(time.format("mm"))
		if (second % 5 != 0) {
			second = parseInt(second) - (second % 5)
		}
		var date = time.format("yyyyMMddhh")
		if (second == 5) {
			second = "05"
		}
		if (second == 0) {
			second = "00"
		}
		date = date + second + "00"
		var terminalIds = getTerminalIds()
		if (terminalIds.length == 0) {
			layer.msg(" 此图中没有格式正确的监控点！无法查询对应数据！")
			showOnlineData()
			return
		}
		var index = layer.load(2, {
			shade: [0.4, "#888888"],
		})
		ajax({
			url: "/web/webPlot/getPowerOnline.json",
			type: "POST",
			data: {
				date: date,
				terminalIds: terminalIds + "",
			},
			dataType: "JSON",
			success: function (data) {
				layer.close(index)
				transform(data["data"])
				showOnlineData()
			},
			error: function () {
				layer.close(index)
				showOnlineData()
				layer.msg(" 服务器异常,无法获取电力实时数据！")
			},
		})
	}, 1000 * 60 * 3)
}
function getTerminalIds() {
	var data = dataModel.toJSON()
	var ids = []
	$.each(data["d"], function (i, n) {
		var id = n["i"] + ""
		var flag = id.split("-").length == 1
		if (flag) {
			ids.push(n["i"])
		} else {
			var data = dataModel.getDataById(n["i"])
			if (data) {
				data.setName("")
			}
		}
	})
	return ids
}
function transform(data) {
	if (data["powers"].length > 0) {
		$.each(data["powers"], function (i, n) {
			//ia
			var data_ia = dataModel.getDataById(n["terminalId"] + "-ia")
			var ia = ""
			if (typeof n["ia"] != "undefined") {
				ia += n["ia"]
			}
			if (data_ia) {
				data_ia.setName(ia)
			}
			//ib
			var data_ib = dataModel.getDataById(n["terminalId"] + "-ib")
			var ib = ""
			if (typeof n["ib"] != "undefined") {
				ib += n["ib"]
			}
			if (data_ib) {
				data_ib.setName(ib)
			}
			//ic
			var data_ic = dataModel.getDataById(n["terminalId"] + "-ic")
			var ic = ""
			if (typeof n["ic"] != "undefined") {
				ic += n["ic"]
			}
			if (data_ic) {
				data_ic.setName(ic)
			}

			//iz
			var data_iz = dataModel.getDataById(n["terminalId"] + "-iz")
			var iz = ""
			if (typeof n["iz"] != "undefined") {
				iz += n["iz"]
			}
			if (data_iz) {
				data_ic.setName(iz)
			}
			//ua
			var data_ua = dataModel.getDataById(n["terminalId"] + "-ua")
			var ua = ""
			if (typeof n["ua"] != "undefined") {
				ua += n["ua"]
			}
			if (data_ua) {
				data_ua.setName(ua)
			}
			//ub
			var data_ub = dataModel.getDataById(n["terminalId"] + "-ub")
			var ub = ""
			if (typeof n["ub"] != "undefined") {
				ub += n["ub"]
			}
			if (data_ub) {
				data_ub.setName(ub)
			}
			//uc
			var data_uc = dataModel.getDataById(n["terminalId"] + "-uc")
			var uc = ""
			if (typeof n["uc"] != "undefined") {
				uc += n["uc"]
			}
			if (data_uc) {
				data_uc.setName(uc)
			}
			//uab
			var data_uab = dataModel.getDataById(n["terminalId"] + "-uab")
			var uab = ""
			if (typeof n["uab"] != "undefined") {
				uab += n["uab"]
			}
			if (data_uab) {
				data_uab.setName(uab)
			}
			//ubc
			var data_ubc = dataModel.getDataById(n["terminalId"] + "-ubc")
			var ubc = ""
			if (typeof n["ubc"] != "undefined") {
				ubc += n["ubc"]
			}
			if (data_ubc) {
				data_ubc.setName(ubc)
			}
			//uca
			var data_uca = dataModel.getDataById(n["terminalId"] + "-uca")
			var uca = ""
			if (typeof n["uca"] != "undefined") {
				uca += n["uca"]
			}
			if (data_uca) {
				data_uca.setName(uca)
			}
			//p
			var data_p = dataModel.getDataById(n["terminalId"] + "-p")
			var p = ""
			if (typeof n["p"] != "undefined") {
				p += n["p"]
			}
			if (data_p) {
				data_p.setName(p)
			}
			//q
			var data_q = dataModel.getDataById(n["terminalId"] + "-q")
			var q = ""
			if (typeof n["q"] != "undefined") {
				q += n["q"]
			}
			if (data_q) {
				data_q.setName(q)
			}
			//pf
			var data_pf = dataModel.getDataById(n["terminalId"] + "-pf")
			var pf = ""
			if (typeof n["pf"] != "undefined") {
				pf += n["pf"]
			}
			if (data_pf) {
				data_pf.setName(pf)
			}
		})

		//表达式
		var model = dataModel.toJSON()
		$.each(model["d"], function (i, n) {
			var id = n["i"] + ""
			var id_ = id.split("-")
			if (id_.length == 4) {
				var parameter = id_[1]
				var ratio = parseFloat(id_[3])
				var flag = id_[2]
				var terminalId = id_[0]
				var value
				for (i = 0; i < data["powers"].length; i++) {
					var power = data["powers"][i]
					if (power["terminalId"] == terminalId) {
						value = power[parameter]
						break
					}
				}
				if (typeof value != "undefined") {
					var object = dataModel.getDataById(id)
					if (flag == 1) {
						value = value + ratio
					} else if (flag == 2) {
						value = value - ratio
					} else if (flag == 3) {
						value = value * ratio
					} else if (flag == 4) {
						value = value / ratio
					} else if (flag == 0) {
						value = ratio
					}
					if (value != 0) {
						value = value.toFixed(2)
					}
					object.setName(value)
				}
			}
		})
	}
	if (data["energies"].length != 0) {
		$.each(data["energies"], function (i, n) {
			var data_tpe = dataModel.getDataById(n["terminalId"] + "-tpe")
			var tpe = ""
			if (n["tpe"]) {
				tpe += n["tpe"]
			}
			if (data_tpe) {
				data_tpe.setName(tpe)
			}
		})
	}
}