增加进化树的node

multi.html

@@ -719,6 +719,7 @@ var formation = new Formation(teamsCount,5);
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
+				<button class="open-evolutionary-tree"></button>
 				<button class="open-search"></button><!--搜索怪物按钮-->
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
 				<datalist id="monsters-name-list"></datalist>
@@ -872,6 +873,10 @@ var formation = new Formation(teamsCount,5);
 				<div class="dialog-content"></div>
 				<div class="dialog-control"><button class="dialog-close"></button></div>
 			</div>
+			<div class="mask mask-evolutionary-tree display-none">
+				<div class="mask-content"></div>
+				<button class="mask-close"></button>
+			</div>
 		</div>
 		<div class="button-box">
 			<button class="button-null"><!--留空格子--></button>

script.js

@@ -836,11 +836,6 @@ function initialize() {
 			line.setAttribute("y2", p2.y);
 	};
 
-	/*const updateTime = controlBox.querySelector(".datasource-updatetime");
-	updateTime.onclick = function(){
-		loadData(true);
-	};*/
-
 	//标题和介绍文本框
 	const titleBox = formationBox.querySelector(".title-box");
 	const detailBox = formationBox.querySelector(".detail-box");
@@ -2364,11 +2359,10 @@ function editBoxChangeMonId(id) {
 	evoCardUl.style.display = "none";
 	evoCardUl.innerHTML = ""; //据说直接清空HTML性能更好
 
-	const evoLinkCardsIdArray = Cards.filter(function(m) {
+	const evoLinkCardsIdArray = Cards.filter(m=>m.evoRootId == card.evoRootId).map(m=>m.id); //筛选出相同进化链的
-		return m.evoRootId == card.evoRootId;
-	}).map(function(m) { return m.id; }); //筛选出相同进化链的
 
 	const createCardHead = editBox.createCardHead;
+	const openEvolutionaryTree = settingBox.querySelector(".row-mon-id .open-evolutionary-tree");
 	if (evoLinkCardsIdArray.length > 1) {
 		fragment = document.createDocumentFragment(); //创建节点用的临时空间
 		evoLinkCardsIdArray.forEach(function(mid) {
@@ -2380,6 +2374,10 @@ function editBoxChangeMonId(id) {
 		});
 		evoCardUl.appendChild(fragment);
 		evoCardUl.style.display = "block";
+		openEvolutionaryTree.classList.remove(className_displayNone);
+	}else
+	{
+		openEvolutionaryTree.classList.add(className_displayNone);
 	}
 
 	const mType = monInfoBox.querySelectorAll(".monster-type li");

solo.html

@@ -669,6 +669,7 @@ var formation = new Formation(teamsCount,6);
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
+				<button class="open-evolutionary-tree"></button>
 				<button class="open-search"></button><!--搜索怪物按钮-->
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
 				<datalist id="monsters-name-list"></datalist>
@@ -822,6 +823,10 @@ var formation = new Formation(teamsCount,6);
 				<div class="dialog-content"></div>
 				<div class="dialog-control"><button class="dialog-close"></button></div>
 			</div>
+			<div class="mask mask-evolutionary-tree display-none">
+				<div class="mask-content"></div>
+				<button class="mask-close"></button>
+			</div>
 		</div>
 		<div class="button-box">
 			<button class="button-null"><!--留空格子--></button>

style.css

@@ -2202,4 +2202,11 @@ ul{
 {
 	box-sizing: border-box;
 	width: calc(100% - 50px * 1);
+}
+.open-evolutionary-tree
+{
+}
+.open-evolutionary-tree::before
+{
+	content: "⛓️进化链";
 }

triple.html

@@ -1364,6 +1364,7 @@ var formation = new Formation(teamsCount,6);
 		</div>
 		<div class="setting-box">
 			<div class="setting-row row-mon-id">
+				<button class="open-evolutionary-tree"></button>
 				<button class="open-search"></button><!--搜索怪物按钮-->
 				<input type="search" class="m-id" list="monsters-name-list"/><button class="search-by-string"></button>
 				<datalist id="monsters-name-list"></datalist>
@@ -1517,6 +1518,10 @@ var formation = new Formation(teamsCount,6);
 				<div class="dialog-content"></div>
 				<div class="dialog-control"><button class="dialog-close"></button></div>
 			</div>
+			<div class="mask mask-evolutionary-tree display-none">
+				<div class="mask-content"></div>
+				<button class="mask-close"></button>
+			</div>
 		</div>
 		<div class="button-box">
 			<button class="button-null"><!--留空格子--></button>