forked from leochan2017/kms-jsmind
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (64 loc) · 2.83 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=8">
<!-- <link rel="stylesheet" type="text/css" href="./dist/kmsjsmap.min.css"> -->
<link rel="stylesheet" type="text/css" href="./src/kmsjsmap.css">
<title>华北大魏有限公司组织架构 - 思维导图</title>
<style>
#jsmind_container {
height: 960px;
}
</style>
</head>
<body>
<a id="saveBtn" href="javascript: void(0);" class="sui-btn btn-xlarge btn-primary">保存</a>
<a id="screenShot" href="javascript: void(0);" class="sui-btn btn-xlarge btn-primary">截图</a>
<div id="jsmind_container"></div>
<script src="./lib/jquery.min.js"></script>
<!-- <script src="./dist/kmsjsmap.min.js" type="text/javascript"></script> -->
<script src="./src/kmsjsmap.js" type="text/javascript"></script>
<script type="text/javascript">
kmsjsmap.init({
container: "jsmind_container",
data: [
{ "id": "root", "isroot": true, "topic": "华北大魏有限公司" },
{ "id": "sub1", "parentid": "root", "topic": "君主", "badge": 20, "direction": "left" },
{ "id": "sub12", "parentid": "sub1", "topic": "曹操", "badge": 30 },
{ "id": "sub121", "parentid": "sub1", "topic": "曹丕", "badge": 44 },
{ "id": "sub122", "parentid": "sub1", "topic": "曹叡", "badge": 44 },
{ "id": "sub123", "parentid": "sub1", "topic": "曹芳", "badge": 44 },
{ "id": "sub2", "parentid": "root", "topic": "军师", "badge": 66, "direction": "right" },
{ "id": "sub21", "parentid": "sub2", "topic": "郭嘉", "badge": 233 },
{ "id": "sub22", "parentid": "sub2", "topic": "荀彧", "badge": 9 },
{ "id": "sub23", "parentid": "sub2", "topic": "司马懿", "badge": 7, "isLink": true },
{ "id": "sub24", "parentid": "sub2", "topic": "贾诩", "badge": 77 },
{ "id": "sub3", "parentid": "root", "topic": "大将", "badge": 45, "direction": "right" },
{ "id": "sub31", "parentid": "sub3", "topic": "典韦", "badge": 1 },
{ "id": "sub32", "parentid": "sub3", "topic": "夏侯惇", "badge": 2 },
{ "id": "sub33", "parentid": "sub3", "topic": "于禁", "badge": 3 },
{ "id": "sub34", "parentid": "sub3", "topic": "许褚", "badge": 4, "expanded": false },
{ "id": "sub341", "parentid": "sub34", "topic": "士兵甲"},
{ "id": "sub342", "parentid": "sub34", "topic": "士兵乙"}
],
editable: true,
onRelation: function(item) {
console.log('当前选择中的是', item)
kmsjsmap.setLinkStatus({
id: item.id,
isLink: item.data.isLink === true ? false : true
})
}
});
$('#saveBtn').click(function() {
kmsjsmap.save(function(data) {
console.log('啦啦啦啦', data)
})
})
$('#screenShot').click(function() {
kmsjsmap.screenshot()
})
</script>
</body>
</html>