openatc-components 0.0.2 → 0.0.3

package/src/icons/svg/xitong.svg

@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;fill:#606266;}
+	.st2{display:inline;}
+	.st3{fill:#515151;}
+	.st4{fill:#FF3C3C;}
+	.st5{fill:#A8A8A8;}
+	.st6{fill:#F7B500;}
+	.st7{fill:#606266;}
+</style>
+<g class="st0">
+	<path class="st1" d="M16,10.1h-4c-1.1,0-1.9,0.9-1.9,1.9v4c0,1.1,0.9,1.9,1.9,1.9h4c1.1,0,1.9-0.9,1.9-1.9v-4
+		C17.9,11,17,10.1,16,10.1z"/>
+	<path class="st1" d="M1.9,14c0-3.3,1.3-6.4,3.6-8.7c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0C1.5,6.6,0,10.2,0,14
+		c0,3.8,1.5,7.4,4.2,10c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4C3.2,20.4,1.9,17.3,1.9,14z"/>
+	<path class="st1" d="M20.8,8.1c-0.3-0.4-0.9-0.5-1.3-0.2c-0.4,0.3-0.5,0.9-0.2,1.3c1,1.3,1.6,3,1.6,4.8c0,1.7-0.6,3.4-1.6,4.8
+		c-0.3,0.4-0.2,1,0.2,1.3c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4c1.3-1.7,2-3.8,2-5.9C22.7,11.9,22,9.7,20.8,8.1z"/>
+	<path class="st1" d="M8.2,7.9c-0.4-0.3-1-0.2-1.3,0.2c-1.3,1.7-2,3.8-2,5.9c0,2.1,0.7,4.3,2,5.9c0.2,0.2,0.5,0.4,0.8,0.4
+		c0.2,0,0.4-0.1,0.6-0.2c0.4-0.3,0.5-0.9,0.2-1.3c-1-1.3-1.6-3-1.6-4.8c0-1.7,0.6-3.4,1.6-4.8C8.7,8.8,8.6,8.2,8.2,7.9z"/>
+	<path class="st1" d="M23.8,4c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4c2.3,2.3,3.6,5.4,3.6,8.7c0,3.3-1.3,6.4-3.6,8.7
+		c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3c2.7-2.7,4.2-6.2,4.2-10C28,10.2,26.5,6.6,23.8,4z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M27,12.7c-0.1-0.5-0.6-0.9-1.1-0.9c-0.5,0.1-0.9,0.6-0.9,1.1c0.3,1.9,0,3.9-0.8,5.7c-1.2,2.7-3.3,4.8-6,5.9
+		c-2.7,1.1-5.7,1.1-8.5-0.1C4.1,22.2,1.4,15.7,3.8,10c1.2-2.7,3.3-4.8,6-5.9c2.7-1.1,5.7-1.1,8.4,0.1L16.6,5l7.2,2.4l-3.3-6.8
+		l-0.7,2.1c-0.2-0.1-0.4-0.2-0.7-0.3C15.9,1,12.4,1,9.1,2.3C5.9,3.6,3.4,6.1,2,9.3c-2.8,6.6,0.3,14.3,6.9,17.1
+		c1.6,0.7,3.4,1.1,5.1,1.1c1.6,0,3.3-0.3,4.9-1c3.2-1.3,5.8-3.8,7.1-7C26.9,17.4,27.3,15,27,12.7z"/>
+	<path class="st1" d="M13.7,7.4c-0.6,0-1,0.4-1,1v7.2c0,0.4,0.2,0.7,0.6,0.9l6.4,3c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.7-0.2,0.9-0.6
+		c0.2-0.5,0-1.1-0.5-1.3l-5.8-2.7V8.4C14.7,7.9,14.3,7.4,13.7,7.4z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M14,0.9C6.8,0.9,0.9,6.8,0.9,14S6.8,27.1,14,27.1c7.2,0,13.1-5.9,13.1-13.1S21.2,0.9,14,0.9z M14,25.1
+		c-6.1,0-11.1-5-11.1-11.1S7.9,2.9,14,2.9c6.1,0,11.1,5,11.1,11.1S20.1,25.1,14,25.1z"/>
+	<path class="st1" d="M19.6,13.1l-6.2-4.2c-1.1-0.8-2.7,0-2.7,1.4v8.5c0,1.4,1.5,2.2,2.7,1.4l6.2-4.2C20.6,15.2,20.6,13.7,19.6,13.1
+		z"/>
+</g>
+<g class="st0">
+	<g class="st2">
+		<path class="st3" d="M14,27.6c-4.5,0-8.1-3.6-8.1-8.1v-11C5.9,4,9.5,0.4,14,0.4c4.5,0,8.1,3.6,8.1,8.1v11
+			C22.1,24,18.5,27.6,14,27.6z M14,2.4c-3.4,0-6.1,2.7-6.1,6.1v11c0,3.4,2.7,6.1,6.1,6.1s6.1-2.7,6.1-6.1v-11
+			C20.1,5.1,17.4,2.4,14,2.4z"/>
+	</g>
+	<g class="st2">
+		<circle class="st4" cx="14" cy="7" r="3"/>
+	</g>
+	<g class="st2">
+		<circle class="st5" cx="14" cy="14" r="3"/>
+	</g>
+	<g class="st2">
+		<circle class="st5" cx="14" cy="21" r="3"/>
+	</g>
+</g>
+<g class="st0">
+	<g class="st2">
+		<path class="st3" d="M14,27.6c-4.5,0-8.1-3.6-8.1-8.1v-11C5.9,4,9.5,0.4,14,0.4s8.1,3.6,8.1,8.1v11C22.1,24,18.5,27.6,14,27.6z
+			 M14,2.4c-3.4,0-6.1,2.7-6.1,6.1v11c0,3.4,2.7,6.1,6.1,6.1s6.1-2.7,6.1-6.1v-11C20.1,5.1,17.4,2.4,14,2.4z"/>
+	</g>
+	<g class="st2">
+		<circle class="st5" cx="14" cy="7" r="3"/>
+	</g>
+	<g class="st2">
+		<circle class="st6" cx="14" cy="14" r="3"/>
+	</g>
+	<g class="st2">
+		<circle class="st5" cx="14" cy="21" r="3"/>
+	</g>
+</g>
+<g>
+	<path class="st7" d="M23.6,9.9h-0.1c0.5-0.6,0.8-1.3,0.8-2.1c0-0.8-0.3-1.5-0.9-2.1l-1.5-1.5c-1.1-1.1-3.1-1.1-4.2,0l-0.1,0.1
+		c0-1.6-1.3-2.9-2.9-2.9h-2.1c-1.6,0-2.9,1.3-2.9,2.9v0.1c-1.1-1.1-3-1.1-4.1,0L4.3,5.9c-1.1,1.1-1.1,3,0,4.2l0.1,0.1
+		c-1.6,0-2.9,1.3-2.9,2.9v2.1c0,1.6,1.3,2.9,2.9,2.9h0.1c-1.1,1.2-1.1,3,0,4.1l1.5,1.5c1.1,1.1,3,1.1,4.2,0l0.1-0.1
+		c0,1.6,1.3,2.9,2.9,2.9h2.1c1.6,0,2.9-1.3,2.9-2.9v-0.1c1.1,1.1,3,1.1,4.1,0l1.5-1.5c0.6-0.6,0.9-1.3,0.9-2.1
+		c0-0.8-0.3-1.5-0.9-2.1l-0.1-0.1c1.6,0,2.9-1.3,2.9-2.9v-2.1C26.6,11.2,25.3,9.9,23.6,9.9z M24.6,14.9c0,0.5-0.4,0.9-0.9,0.9h-2
+		l-0.2,0.7c-0.1,0.2-0.2,0.5-0.3,0.7l-0.3,0.6l1.5,1.5c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7l-1.5,1.5
+		c-0.4,0.4-1,0.4-1.3,0l-1.4-1.4L17.5,21c-0.2,0.1-0.5,0.2-0.7,0.3l-0.6,0.2v2.1c0,0.5-0.4,0.9-0.9,0.9h-2.1c-0.5,0-0.9-0.4-0.9-0.9
+		v-2l-0.7-0.2c-0.2-0.1-0.5-0.2-0.7-0.3l-0.6-0.3l-1.5,1.5c-0.4,0.4-1,0.4-1.3,0l-1.5-1.5c-0.4-0.4-0.4-1,0-1.3l1.4-1.4L7,17.5
+		c-0.1-0.2-0.2-0.5-0.3-0.7l-0.2-0.6H4.4c-0.5,0-0.9-0.4-0.9-0.9v-2.1c0-0.5,0.4-0.9,0.9-0.9h2l0.2-0.7c0.1-0.2,0.2-0.5,0.3-0.7
+		l0.3-0.6L5.7,8.7c-0.4-0.4-0.4-1,0-1.3l1.5-1.5c0.4-0.4,1-0.4,1.3,0l1.4,1.4L10.5,7c0.2-0.1,0.5-0.2,0.7-0.3l0.6-0.2V4.4
+		c0-0.5,0.4-0.9,0.9-0.9h2.1c0.5,0,0.9,0.4,0.9,0.9v2l0.7,0.2c0.2,0.1,0.5,0.2,0.7,0.3l0.6,0.3l1.5-1.5c0.4-0.4,1-0.4,1.3,0l1.5,1.5
+		c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7l-1.4,1.4l0.3,0.6c0.1,0.2,0.2,0.5,0.3,0.7l0.2,0.6h2.1c0.5,0,0.9,0.4,0.9,0.9V14.9
+		z"/>
+	<path class="st7" d="M14,8.3c-3.1,0-5.7,2.5-5.7,5.7s2.5,5.7,5.7,5.7s5.7-2.5,5.7-5.7S17.1,8.3,14,8.3z M14,17.7
+		c-2,0-3.7-1.6-3.7-3.7s1.6-3.7,3.7-3.7s3.7,1.6,3.7,3.7S16,17.7,14,17.7z"/>
+</g>
+</svg>

package/src/icons/svg/youxian.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;fill:#606266;}
+	.st2{fill:#606266;}
+</style>
+<g class="st0">
+	<path class="st1" d="M16,10.1h-4c-1.1,0-1.9,0.9-1.9,1.9v4c0,1.1,0.9,1.9,1.9,1.9h4c1.1,0,1.9-0.9,1.9-1.9v-4
+		C17.9,11,17,10.1,16,10.1z"/>
+	<path class="st1" d="M1.9,14c0-3.3,1.3-6.4,3.6-8.7c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0C1.5,6.6,0,10.2,0,14s1.5,7.4,4.2,10
+		c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4C3.2,20.4,1.9,17.3,1.9,14z"/>
+	<path class="st1" d="M20.8,8.1c-0.3-0.4-0.9-0.5-1.3-0.2S19,8.8,19.3,9.2c1,1.3,1.6,3,1.6,4.8c0,1.7-0.6,3.4-1.6,4.8
+		c-0.3,0.4-0.2,1,0.2,1.3c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4c1.3-1.7,2-3.8,2-5.9C22.7,11.9,22,9.7,20.8,8.1z"/>
+	<path class="st1" d="M8.2,7.9c-0.4-0.3-1-0.2-1.3,0.2c-1.3,1.7-2,3.8-2,5.9s0.7,4.3,2,5.9c0.2,0.2,0.5,0.4,0.8,0.4
+		c0.2,0,0.4-0.1,0.6-0.2c0.4-0.3,0.5-0.9,0.2-1.3c-1-1.3-1.6-3-1.6-4.8c0-1.7,0.6-3.4,1.6-4.8C8.7,8.8,8.6,8.2,8.2,7.9z"/>
+	<path class="st1" d="M23.8,4c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4c2.3,2.3,3.6,5.4,3.6,8.7s-1.3,6.4-3.6,8.7c-0.4,0.4-0.4,1,0,1.4
+		c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3c2.7-2.7,4.2-6.2,4.2-10C28,10.2,26.5,6.6,23.8,4z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M27,12.7c-0.1-0.5-0.6-0.9-1.1-0.9c-0.5,0.1-0.9,0.6-0.9,1.1c0.3,1.9,0,3.9-0.8,5.7c-1.2,2.7-3.3,4.8-6,5.9
+		c-2.7,1.1-5.7,1.1-8.5-0.1C4.1,22.2,1.4,15.7,3.8,10c1.2-2.7,3.3-4.8,6-5.9s5.7-1.1,8.4,0.1L16.6,5l7.2,2.4l-3.3-6.8l-0.7,2.1
+		c-0.2-0.1-0.4-0.2-0.7-0.3C15.9,1,12.4,1,9.1,2.3C5.9,3.6,3.4,6.1,2,9.3c-2.8,6.6,0.3,14.3,6.9,17.1c1.6,0.7,3.4,1.1,5.1,1.1
+		c1.6,0,3.3-0.3,4.9-1c3.2-1.3,5.8-3.8,7.1-7C26.9,17.4,27.3,15,27,12.7z"/>
+	<path class="st1" d="M13.7,7.4c-0.6,0-1,0.4-1,1v7.2c0,0.4,0.2,0.7,0.6,0.9l6.4,3c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.7-0.2,0.9-0.6
+		c0.2-0.5,0-1.1-0.5-1.3L14.7,15V8.4C14.7,7.9,14.3,7.4,13.7,7.4z"/>
+</g>
+<g>
+	<path class="st2" d="M26.2,6.3C22.9,3,18.6,1.2,14,1.2S5.1,3,1.8,6.3c-0.4,0.4-0.4,1,0,1.4s1,0.4,1.4,0C6.1,4.8,9.9,3.2,14,3.2
+		s7.9,1.6,10.7,4.5C24.9,7.9,25.2,8,25.4,8c0.3,0,0.5-0.1,0.7-0.3C26.5,7.3,26.5,6.7,26.2,6.3z"/>
+	<path class="st2" d="M11.3,12.9c1.5-1.1,3.8-1.1,5.3,0c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4c0.3-0.4,0.3-1.1-0.2-1.4
+		c-2.2-1.7-5.6-1.7-7.8,0c-0.4,0.3-0.5,1-0.2,1.4C10.3,13.2,10.9,13.3,11.3,12.9z"/>
+	<path class="st2" d="M14,5.5c-2.6,0-5.1,0.9-7.2,2.4c-0.4,0.3-0.5,1-0.2,1.4c0.3,0.4,1,0.5,1.4,0.2c1.7-1.3,3.8-2,5.9-2
+		c2.2,0,4.3,0.7,5.9,2c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4c0.3-0.4,0.3-1.1-0.2-1.4C19.1,6.3,16.6,5.5,14,5.5z"/>
+	<path class="st2" d="M16.9,15H11c-2.2,0-4,1.8-4,4v3.8c0,2.2,1.8,4,4,4h5.9c2.2,0,4-1.8,4-4V19C20.9,16.8,19.2,15,16.9,15z
+		 M18.9,22.8c0,1.1-0.9,2-2,2H11c-1.1,0-2-0.9-2-2V19c0-1.1,0.9-2,2-2h5.9c1.1,0,2,0.9,2,2V22.8z"/>
+	<circle class="st2" cx="14" cy="20.2" r="1.3"/>
+</g>
+</svg>

package/src/icons/svg/zishiying.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.53 21.2"><defs><style>.cls-1{fill:#606266;}</style></defs><title>自适应_1</title><g id="图层_2" data-name="图层 2"><g id="图层_1-2" data-name="图层 1"><path class="cls-1" d="M10.09,0H2.55A2.55,2.55,0,0,0,0,2.55v16.1A2.55,2.55,0,0,0,2.55,21.2h7.54a2.55,2.55,0,0,0,2.55-2.55V2.55A2.55,2.55,0,0,0,10.09,0Zm.55,18.65a.54.54,0,0,1-.55.55H2.55A.55.55,0,0,1,2,18.65V2.55A.55.55,0,0,1,2.55,2h7.54a.55.55,0,0,1,.55.55Z"/><path class="cls-1" d="M20.64,1.31a1,1,0,1,0-1.4,1.42,11.06,11.06,0,0,1,0,15.74,1,1,0,0,0,1.4,1.43,13.05,13.05,0,0,0,0-18.59Z"/><path class="cls-1" d="M18.2,5.08A1,1,0,0,0,16.62,6.3a7.18,7.18,0,0,1,0,8.6,1,1,0,0,0,.18,1.4,1,1,0,0,0,.61.21,1,1,0,0,0,.79-.39,9.16,9.16,0,0,0,0-11Z"/><rect class="cls-1" x="13.89" y="9.09" width="2" height="3.03" rx="0.94"/></g></g></svg>

package/src/icons/svg/zizhukongzhi.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 28 28" style="enable-background:new 0 0 28 28;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;fill:#606266;}
+	.st2{fill:#606266;}
+</style>
+<g class="st0">
+	<path class="st1" d="M16,10.1h-4c-1.1,0-1.9,0.9-1.9,1.9v4c0,1.1,0.9,1.9,1.9,1.9h4c1.1,0,1.9-0.9,1.9-1.9v-4
+		C17.9,11,17,10.1,16,10.1z"/>
+	<path class="st1" d="M1.9,14c0-3.3,1.3-6.4,3.6-8.7c0.4-0.4,0.4-1,0-1.4s-1-0.4-1.4,0C1.5,6.6,0,10.2,0,14s1.5,7.4,4.2,10
+		c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4C3.2,20.4,1.9,17.3,1.9,14z"/>
+	<path class="st1" d="M20.8,8.1c-0.3-0.4-0.9-0.5-1.3-0.2S19,8.8,19.3,9.2c1,1.3,1.6,3,1.6,4.8c0,1.7-0.6,3.4-1.6,4.8
+		c-0.3,0.4-0.2,1,0.2,1.3c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4c1.3-1.7,2-3.8,2-5.9C22.7,11.9,22,9.7,20.8,8.1z"/>
+	<path class="st1" d="M8.2,7.9c-0.4-0.3-1-0.2-1.3,0.2c-1.3,1.7-2,3.8-2,5.9s0.7,4.3,2,5.9c0.2,0.2,0.5,0.4,0.8,0.4
+		c0.2,0,0.4-0.1,0.6-0.2c0.4-0.3,0.5-0.9,0.2-1.3c-1-1.3-1.6-3-1.6-4.8c0-1.7,0.6-3.4,1.6-4.8C8.7,8.8,8.6,8.2,8.2,7.9z"/>
+	<path class="st1" d="M23.8,4c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4c2.3,2.3,3.6,5.4,3.6,8.7s-1.3,6.4-3.6,8.7c-0.4,0.4-0.4,1,0,1.4
+		c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3c2.7-2.7,4.2-6.2,4.2-10C28,10.2,26.5,6.6,23.8,4z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M27,12.7c-0.1-0.5-0.6-0.9-1.1-0.9c-0.5,0.1-0.9,0.6-0.9,1.1c0.3,1.9,0,3.9-0.8,5.7c-1.2,2.7-3.3,4.8-6,5.9
+		c-2.7,1.1-5.7,1.1-8.5-0.1C4.1,22.2,1.4,15.7,3.8,10c1.2-2.7,3.3-4.8,6-5.9s5.7-1.1,8.4,0.1L16.6,5l7.2,2.4l-3.3-6.8l-0.7,2.1
+		c-0.2-0.1-0.4-0.2-0.7-0.3C15.9,1,12.4,1,9.1,2.3C5.9,3.6,3.4,6.1,2,9.3c-2.8,6.6,0.3,14.3,6.9,17.1c1.6,0.7,3.4,1.1,5.1,1.1
+		c1.6,0,3.3-0.3,4.9-1c3.2-1.3,5.8-3.8,7.1-7C26.9,17.4,27.3,15,27,12.7z"/>
+	<path class="st1" d="M13.7,7.4c-0.6,0-1,0.4-1,1v7.2c0,0.4,0.2,0.7,0.6,0.9l6.4,3c0.1,0.1,0.3,0.1,0.4,0.1c0.4,0,0.7-0.2,0.9-0.6
+		c0.2-0.5,0-1.1-0.5-1.3L14.7,15V8.4C14.7,7.9,14.3,7.4,13.7,7.4z"/>
+</g>
+<g>
+	<path class="st2" d="M14,4c0.7,0,1.3,0.1,1.9,0.2l-1.9,1.1l7.6,1.1L17,0.2l0,2.4c-1-0.3-2-0.4-3-0.4C7.5,2.2,2.3,7.4,2.3,13.9
+		c0,1.8,0.4,3.5,1.2,5.1c0.2,0.3,0.5,0.5,0.8,0.5c0.1,0,0.3,0,0.4-0.1c0.4-0.2,0.6-0.8,0.4-1.2c-0.7-1.4-1-2.8-1-4.3
+		C4.1,8.4,8.5,4,14,4z"/>
+	<path class="st2" d="M25,9.8c-0.2-0.5-0.7-0.7-1.2-0.5c-0.5,0.2-0.7,0.7-0.5,1.2c0.4,1.1,0.6,2.3,0.6,3.5c0,5.5-4.5,9.9-9.9,9.9
+		c-0.4,0-0.7,0-1.1-0.1l1.8-1.2L7,22.1l5.2,5.7L12,25.4c0.7,0.1,1.3,0.2,2,0.2c6.5,0,11.7-5.3,11.7-11.7C25.7,12.5,25.5,11.1,25,9.8
+		z"/>
+	<path class="st2" d="M18,10.3h-8c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9h8c0.5,0,0.9-0.4,0.9-0.9
+		C18.9,10.7,18.5,10.3,18,10.3z"/>
+	<path class="st2" d="M18,13h-8c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9h8c0.5,0,0.9-0.4,0.9-0.9C18.9,13.4,18.5,13,18,13z"/>
+	<path class="st2" d="M18,15.7h-8c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9h8c0.5,0,0.9-0.4,0.9-0.9
+		C18.9,16.1,18.5,15.7,18,15.7z"/>
+</g>
+</svg>

package/src/kisscomps/components/CommonKanban/CommonKanban.vue

@@ -0,0 +1,98 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <div class="common-board-column">
+    <div class="common-board-column-header">
+      {{headerText}}
+    </div>
+    <div class="common-board-table-header">
+      <div class="common-titlecolumn phase">{{this.$t('openatccomponents.overview.phase')}}</div>
+      <div class="common-titlecolumn mode">
+        <slot name="kanbantitle"></slot>
+      </div>
+    </div>
+    <!-- 开启拖拽调整顺序 -->
+    <draggable v-if="Draggable" class="common-board-column-content" v-model="list" @end="end">
+      <div class="common-board-item" v-for="element in list" :key="element.id">
+        <div class="common-contentcolumn phase">
+            <el-tooltip class="item" effect="dark" placement="left">
+              <div slot="content">{{element.name}}</div>
+              <div class="common-phase-description">
+                <xdrdirselector Width="40px" Height="40px" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></xdrdirselector>
+              </div>
+            </el-tooltip>
+        </div>
+        <div class="common-contentcolumn mode">
+          <slot name="kanbancontent" :element="element"></slot>
+        </div>
+      </div>
+    </draggable>
+    <!-- 关闭拖拽调整顺序 -->
+    <div v-if="!Draggable" class="common-board-column-content">
+      <div class="common-board-item" v-for="element in list" :key="element.id">
+        <div class="common-contentcolumn phase">
+            <el-tooltip class="item" effect="dark" placement="left">
+              <div slot="content">{{element.name}}</div>
+              <div class="common-phase-description">
+                <xdrdirselector Width="40px" Height="40px" :showlist="element.desc" :ISActiveMask="ISActiveMask" :MaskColor="MaskColor"></xdrdirselector>
+              </div>
+            </el-tooltip>
+        </div>
+        <div class="common-contentcolumn mode">
+          <slot name="kanbancontent" :element="element"></slot>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import xdrdirselector from '../XRDDirSelector/XRDDirSelector'
+import draggable from 'vuedraggable'
+
+export default {
+  name: 'common-kanban',
+  components: {
+    draggable,
+    xdrdirselector
+  },
+  props: {
+    headerText: {
+      type: String
+    },
+    list: {
+      type: Array,
+      default () {
+        return []
+      }
+    },
+    ISActiveMask: {
+      type: Boolean,
+      default: true
+    },
+    // 当phase的描述为空时，显示的图形颜色。
+    MaskColor: {
+      type: String,
+      default: '#000000'
+    },
+    Draggable: { // 是否开启拖动调整顺序
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    end () {
+      // 拖动结束后，向父组件发送重新排序后的数据
+      this.$emit('handleSort', this.list)
+    }
+  }
+}
+</script>

package/src/kisscomps/components/CommonKanban/index.js

@@ -0,0 +1,2 @@
+import CommonKanban from './CommonKanban.vue'
+export default CommonKanban

package/src/kisscomps/components/FaultDetailModal/FaultDetailModal.vue

@@ -0,0 +1,170 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+<template>
+  <div class="dev-fault-detail">
+    <el-dialog
+      :title="$t(`openatccomponents.faultrecord.faultDetail`)"
+      :visible.sync="dialogFormVisible"
+      width="60%"
+      :append-to-body="true"
+      :close-on-click-modal="false">
+    <div class="content">
+      <el-table
+        :data="faultList"
+        style="width: 100%"
+        :height="600"
+        :default-sort = "{prop: 'm_unFaultOccurTime', order: 'descending'}"
+       >
+        <el-table-column
+          prop="m_unFaultOccurTime"
+          :label="$t('openatccomponents.faultrecord.faultOccurtime')"
+          sortable
+          width="200">
+        </el-table-column>
+        <el-table-column
+          prop="m_byFaultBoardType"
+          :formatter="formatterBoardType"
+          :label="$t('openatccomponents.faultrecord.boardCardType')"
+          sortable>
+        </el-table-column>
+        <el-table-column
+          prop="m_wFaultType"
+          :formatter="m_wFaultTypes"
+          :label="$t('openatccomponents.faultrecord.faultMaintype')"
+          sortable>
+        </el-table-column>
+        <el-table-column
+          prop="m_wSubFaultType"
+          :formatter="m_wSubFaultType"
+          :label="$t('openatccomponents.faultrecord.faultSubtype')"
+          sortable>
+        </el-table-column>
+        <el-table-column
+          prop="m_byFaultDescValue"
+          :formatter="m_byFaultDescValue"
+          :label="$t('openatccomponents.faultrecord.faultValue')"
+          sortable>
+        </el-table-column>
+        <el-table-column
+          prop="m_byFaultLevel"
+          :formatter="m_byFaultLevel"
+          :label="$t('openatccomponents.faultrecord.faultGrade')"
+          sortable
+          width="120">
+        </el-table-column>
+        <el-table-column
+          prop="enumerate"
+          :label="$t('openatccomponents.faultrecord.enumerate')"
+          align="center">
+          <template slot-scope="scope">
+            <el-tag v-show="scope.row.enumerate" :type="scope.row.enumerate === '1'?'info':scope.row.enumerate === '2'?'success':scope.row.enumerate === '0'?'':''">{{formatterEnumerate(scope.row)}}</el-tag>
+          </template>
+          </el-table-column>
+        <el-table-column :label="$t('openatccomponents.faultrecord.operation')" align="center">
+        <template slot-scope="scope">
+          <el-button type="text" @click="handleEnumerateCheck(scope.row, '2')">{{$t('openatccomponents.button.confirm')}}</el-button>
+          <el-button type="text" @click="handleEnumerateCheck(scope.row, '1')">{{$t('openatccomponents.button.ignore')}}</el-button>
+        </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {enumerateCheck, GetAllFaultRange} from '../../../api/fault.js'
+import { getMessageByCode } from '../../../utils/responseMessage.js'
+import { formatFaultDescValue, formatBoardType, formatEnumerate, formatSubFaultType, formatFaultLevel, formatFaultTypes } from '../../../utils/fault.js'
+export default {
+  name: 'fault-detail-modal',
+  props: {
+    childTitle: {
+      type: String
+    },
+    agentId: {
+      type: String
+    }
+  },
+  data () {
+    return {
+      dialogFormVisible: false,
+      deviceInfo: {},
+      faultList: []
+    }
+  },
+  methods: {
+    getFaultById () {
+      let param = {
+        agentId: this.agentId,
+        isCurrentFault: true
+      }
+      GetAllFaultRange(param).then(res => {
+        if (res.data.success !== true) {
+          this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
+          return
+        }
+        this.faultList = res.data.data.content
+      })
+    },
+    onViewFaultClick () {
+      this.dialogFormVisible = !this.dialogFormVisible
+      this.getFaultById()
+    },
+    formatterBoardType (row) {
+      return formatBoardType(row)
+    },
+    m_byFaultDescValue (row) {
+      return formatFaultDescValue(row)
+    },
+    m_wSubFaultType (row) {
+      return formatSubFaultType(row)
+    },
+    m_byFaultLevel (row) {
+      return formatFaultLevel(row)
+    },
+    m_wFaultTypes (row) {
+      return formatFaultTypes(row)
+    },
+    handleEnumerateCheck (row, enumerate) {
+      enumerateCheck(row.agentid, row.m_wFaultID, enumerate).then(res => {
+        if (!res.data.success) {
+          this.$message.error(getMessageByCode(res.data.code, this.$i18n.locale))
+          return
+        }
+        this.dialogFormVisible = false
+        this.$message({
+          message: this.$t('openatccomponents.common.operationsuccess'),
+          type: 'success',
+          duration: 1 * 1000,
+          onClose: () => {
+            this.getFaultById()
+            this.$emit('refreshFault')
+          }
+        })
+      })
+    },
+    formatterEnumerate (row) {
+      return formatEnumerate(row)
+    }
+  }
+}
+</script>
+
+<style lang="scss" rel="stylesheet/scss">
+.dev-update .el-dialog__body {
+  padding: 30px 72px 30px 0;
+}
+.el-dialog__footer {
+  padding: 10px 72px 38px 0;
+}
+</style>

package/src/kisscomps/components/FaultDetailModal/index.js

@@ -0,0 +1,2 @@
+import FaultDetailModal from './FaultDetailModal.vue'
+export default FaultDetailModal