Merge branch 'yx' of http://61.161.152.110:10101/r/electronic-map into yx

src/assets/icon/svg/ekb/ekb-cabin.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.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 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+    <path d="M133.1,178H68.4c-11.8,0-22.4-7.5-25.8-18.9L3.7,32.1c-0.8-2.7-0.4-5.8,1.3-8.1s4.4-3.7,7.3-3.7h23.5c3.9,0,7.1,2.5,8.5,6
+	l34.9,91.1h64.5c5,0,9.1,4,9.1,9.1c0,0.8-0.2,1.5-0.4,2.3L142,171.1C140.8,175.3,137.2,178,133.1,178z M24.7,38.5l35.1,115.4
+	c1.2,3.7,4.6,6.2,8.5,6H126l6-24.1H72.6c-3.9,0-7.1-2.5-8.5-6L29.5,38.7L24.7,38.5z" />
+    <path d="M187.7,59.7H116c-5,0-9.1-4-9.1-9.1s4-9.1,9.1-9.1h71.7c5,0,9.1,4,9.1,9.1S192.7,59.7,187.7,59.7z" />
+    <path d="M187.7,92.1H116c-5,0-9.1-4-9.1-9.1l0,0V18.7c0-5,4-9.1,9.1-9.1l0,0h71.7c5,0,9.1,4,9.1,9.1l0,0V83
+	C196.7,88,192.7,92.1,187.7,92.1L187.7,92.1z M124.9,74h53.6V27.5h-53.6C124.9,27.5,124.9,74,124.9,74z" />
+</svg>

src/assets/icon/svg/ekb/ekb-gear-box.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.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 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+    <path d="M194.2,48.7l-4.6-1.2c-0.1-1.3-0.2-2.6-0.3-3.9c-0.2-1.4-0.5-2.6-0.7-3.9l4.2-2.4c2.1-1.2,2.9-4.1,1.7-6.3l-7-12.2l-0.2-0.3
+	c-1.2-2.1-4.2-3-6.4-1.7l-4.2,2.4c-0.9-0.9-1.9-1.6-2.8-2.5l-0.1-0.1c-1-0.8-2.1-1.6-3.3-2.3l1.2-4.4V9.6c0.7-2.5-0.9-5.1-3.4-5.7
+	l-13.7-3.8h-0.1c-2.4-0.7-5.1,0.8-5.8,3.3l-1.2,4.6c-1.3,0.1-2.6,0.2-3.9,0.3c-1.3,0.2-2.6,0.3-3.9,0.8l-2.4-4.2
+	c-1.4-2.3-4.2-3.1-6.5-1.7l-12.4,7.2c-2.1,1.2-3,4.2-1.6,6.4l2.4,4.1c-0.8,1-1.7,2-2.6,3c-0.7,1-1.5,2.1-2.2,3.3l-4.4-1.2l-0.2-0.1
+	c-2.5-0.7-5.2,0.9-5.7,3.4L100.3,43l-0.1,0.1c-0.6,2.6,0.8,5.2,3.4,5.8l4.5,1.2c0.1,1.3,0.2,2.6,0.4,3.9c0.1,1.3,0.4,2.6,0.6,3.9
+	l-4.1,2.4c-2.3,1.2-3,4.3-1.7,6.5l7.1,12.3c1.4,2.3,4.2,3,6.4,1.8l4.2-2.4c1,1,2,1.7,3,2.5c1,0.8,2.1,1.5,3.2,2.1l-1.2,4.6l-0.1,0.1
+	c-0.7,2.6,0.9,5.2,3.4,5.9l13.6,3.7l0.2,0.1c2.5,0.6,5.1-0.9,5.7-3.4l1.2-4.6c1.3-0.1,2.6-0.2,3.9-0.3c1.3-0.2,2.6-0.6,3.9-0.7
+	l2.4,4.1c1.3,2.2,4.2,3,6.5,1.8l12.3-7.2c2.3-1.4,3-4.2,1.8-6.4l-2.4-4.2c1-0.9,1.7-2,2.5-3c0.8-1,1.5-2.1,2.3-3.3l4.5,1.3h0.1
+	c2.6,0.6,5.2-0.8,5.8-3.4l3.7-13.6v-0.1C198.3,51.9,196.8,49.3,194.2,48.7L194.2,48.7z M185.9,61.2l-3.6-1.1
+	c-2.3-0.6-4.7,0.7-5.5,2.7c-0.9,1.8-2,3.4-3,4.9c-1.3,1.7-2.7,3.2-4.2,4.4c-1.8,1.5-2.1,4.2-0.9,6.1l1.7,3.1l-4.1,2.4l-1.8-3.4
+	c-1.2-1.9-3.6-2.8-5.6-2l-0.2,0.1c-1.9,0.6-3.8,1.1-5.7,1.3c-1.9,0.3-4,0.3-6,0.2c-2.3-0.2-4.3,1.3-4.8,3.5h-0.1l-1,3.5l-4.5-1.2
+	l0.9-3.6c0.6-2.3-0.6-4.7-2.7-5.5c-1.7-1-3.4-2-4.8-3.1v-0.1c-1.6-1.2-3-2.6-4.4-4.1c-1.6-1.8-4.2-2.1-6.2-0.7l-3,1.6l-2.4-4.1
+	l3.2-1.9c2-1.1,2.9-3.4,2.1-5.6l-0.1-0.1c-0.6-1.9-1.1-3.9-1.4-5.7c-0.2-1.9-0.3-3.9-0.2-5.9c0.2-2.4-1.4-4.4-3.5-5l-3.6-1l1.2-4.5
+	l3.6,0.9c2.3,0.6,4.7-0.6,5.6-2.8c0.8-1.6,1.9-3.3,3-4.8c1.2-1.5,2.6-3,4.1-4.3c1.8-1.7,2.1-4.3,0.9-6.3l-1.7-2.9l4.1-2.4l1.9,3.3
+	c1.1,2,3.4,2.8,5.5,2.1h0.2c1.8-0.6,3.7-1.1,5.7-1.4c2-0.2,3.9-0.3,6-0.2c2.3,0.1,4.3-1.4,4.8-3.5l1-3.5l4.6,1.2l-1,3.5
+	c-0.6,2.3,0.6,4.7,2.7,5.6c1.8,0.9,3.4,2,4.8,3.2l0.2,0.1c1.5,1.2,2.9,2.6,4.3,3.9c1.5,1.7,3.9,2.1,5.9,0.9l3.2-1.7l2.4,4.1
+	l-3.3,1.9c-2,1.2-2.8,3.5-2.1,5.6l0.1,0.1c0.6,1.9,1.1,3.7,1.4,5.8c0.2,1.9,0.3,3.9,0.2,5.9c-0.2,2.4,1.3,4.4,3.5,5l3.6,1
+	L185.9,61.2z M133.8,134.2l-8-2.3c0-2.1-0.2-4.5-0.4-6.8c-0.3-2.3-0.8-4.6-1.4-6.9l7.2-4.1c2.3-1.3,3-4.2,1.7-6.4l-10-17.4l-0.1-0.2
+	c-1.4-2.3-4.2-3.1-6.4-1.8l-7.2,4.2c-1.6-1.6-3.3-3.1-5.1-4.5l-0.1-0.1c-1.9-1.4-3.8-2.7-5.7-3.8l2.1-7.9v-0.1
+	c0.7-2.6-0.8-5.2-3.4-5.9l-19.5-5.2l-0.1-0.1c-2.5-0.6-5.2,1-5.9,3.3l-2.1,8.1c-2.3,0-4.6,0.2-6.9,0.6c-2.2,0.2-4.5,0.6-6.8,1.2
+	l-4.1-7.2c-1.4-2.3-4.2-3-6.5-1.7L27.8,79.4l-0.3,0.1c-2.2,1.3-3,4.3-1.7,6.4l4.2,7.2c-1.6,1.6-3.1,3.4-4.6,5.2
+	c-1.4,1.9-2.6,3.7-3.8,5.7l-7.9-2.1l-0.1-0.1c-2.6-0.6-5.2,0.9-5.9,3.4l-5.2,19.4l-0.1,0.1c-0.7,2.6,0.9,5.2,3.4,5.9l8,2.1
+	c0,2.3,0.2,4.7,0.5,6.9c0.2,2.3,0.7,4.6,1.2,6.8l-7.2,4.2c-2.1,1.3-2.9,4.1-1.7,6.5l10.1,17.5c1.3,2.3,4.3,3,6.5,1.7l7.3-4.1
+	c1.6,1.5,3.3,3.1,5.1,4.6h0.1c1.8,1.5,3.7,2.7,5.6,3.8l-2.1,7.9l-0.1,0.1c-0.6,2.5,0.9,5.1,3.5,5.9l19.4,5.3h0.1
+	c2.6,0.6,5.2-1,5.9-3.4l2.1-8c2.4,0,4.6-0.2,6.9-0.5c2.3-0.3,4.6-0.8,6.8-1.4l4.1,7.2c1.4,2.3,4.3,3,6.6,1.6l17.6-10.1
+	c2.2-1.2,2.9-4.2,1.6-6.4l-4.1-7.2c1.6-1.6,3.2-3.4,4.5-5.3c1.5-1.7,2.7-3.6,3.9-5.6l7.9,2h0.1c2.5,0.7,5.2-0.7,5.8-3.3l5.2-19.5
+	l0.1-0.1C137.8,137.6,136.4,134.9,133.8,134.2L133.8,134.2z M124,152.7l-7.1-2c-2.3-0.6-4.6,0.6-5.6,2.7c-1.3,2.6-2.9,5.1-4.6,7.4
+	c-1.8,2.3-3.9,4.5-6.2,6.5c-1.8,1.7-2,4.3-0.8,6.3l3.5,6l-9.3,5.4l-3.7-6.4c-1.1-2.1-3.5-2.8-5.5-2.2l-0.1,0.1c-2.8,1-5.7,1.7-8.7,2
+	c-2.9,0.5-5.9,0.5-8.9,0.3c-2.4-0.2-4.4,1.3-5,3.5l-1.8,6.9l-10.5-2.7l1.9-7c0.6-2.3-0.5-4.7-2.7-5.5c-2.5-1.4-5.1-3-7.4-4.7
+	l-0.1-0.1c-2.3-1.7-4.5-3.9-6.4-6c-1.6-1.9-4.2-2.1-6.1-0.8l-6.1,3.5l-5.4-9.4l6.4-3.8c1.9-1.1,2.8-3.5,2-5.6v-0.1
+	c-1-2.7-1.6-5.7-2-8.6c-0.4-2.9-0.5-6-0.3-9c0.1-2.3-1.4-4.4-3.5-4.9l-7-1.9l2.8-10.4l7,1.9c2.4,0.7,4.7-0.6,5.6-2.7
+	c1.4-2.7,2.9-5.1,4.6-7.4c1.9-2.4,3.9-4.7,6.1-6.5c1.7-1.5,2.1-4,1-5.9l-3.6-6.4l9.4-5.4l3.6,6.4c1.1,2,3.5,2.8,5.6,2.1
+	c2.8-0.8,5.7-1.6,8.7-2c2.8-0.5,5.9-0.6,9-0.2c2.4,0.1,4.4-1.5,4.9-3.7l1.9-6.9L90,78.4l-2,6.9c-0.5,2.4,0.6,4.7,2.6,5.6
+	c2.7,1.3,5.2,2.9,7.6,4.7l0.1,0.1c2.3,1.7,4.4,3.7,6.4,6c1.6,1.8,4.2,2.1,6.3,0.9L117,99l5.3,9.4l-6.3,3.7c-2,1.1-2.8,3.5-2.1,5.6
+	c1,2.8,1.6,5.7,2.1,8.7c0.3,2.9,0.4,6,0.2,9c-0.1,2.3,1.3,4.3,3.5,4.9l7.1,1.9L124,152.7L124,152.7z M69.8,106.4
+	c-6.9,0-13.3,2.8-18,7.3l-0.3,0.3c-4.7,4.8-7.7,11.2-7.7,18.5c0,6.9,2.8,13.3,7.3,17.9l0.4,0.5c4.7,4.7,11.2,7.7,18.4,7.7
+	s13.7-2.9,18.4-7.7c4.8-4.8,7.7-11.2,7.7-18.4c0-7.3-2.9-13.7-7.7-18.5C83.5,109.4,77,106.4,69.8,106.4L69.8,106.4z M77.1,139.7H77
+	c-1.8,1.9-4.4,3-7.2,3c-2.8,0-5.3-1.1-7.2-3l-0.3-0.2c-1.6-1.7-2.7-4.2-2.7-6.9c0-2.8,1.2-5.4,3-7.3l0.3-0.3
+	c1.8-1.6,4.2-2.6,6.9-2.6c2.8,0,5.4,1.2,7.2,2.9c1.9,1.9,3,4.5,3,7.3C80,135.3,78.9,137.9,77.1,139.7L77.1,139.7z" />
+</svg>

src/assets/icon/svg/ekb/ekb-generator.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627809169031"
+    class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6516"
+    xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
+    <defs>
+        <style type="text/css"></style>
+    </defs>
+    <path
+        d="M0 214.613333h58.88v434.346667H0zM53.76 965.12h916.906667V1024H53.76zM863.146667 863.146667V0H160.853333v863.146667zM219.733333 58.88h584.533334v745.386667H219.733333zM965.12 214.613333H1024v434.346667h-58.88z"
+        p-id="6517" fill="#ffffff"></path>
+    <path
+        d="M401.493333 408.32h59.733334a4.266667 4.266667 0 0 1 4.266666 5.12l-37.12 170.666667 198.4-229.12a2.56 2.56 0 0 0-2.56-4.266667h-74.666666c-2.986667 0-5.12-2.986667-3.413334-5.12l42.666667-67.84s0-3.413333-2.56-3.413333h-107.093333a12.373333 12.373333 0 0 0-10.666667 5.973333l-68.266667 123.733333 1.28 4.266667z"
+        p-id="6518" fill="#ffffff"></path>
+</svg>

src/assets/icon/svg/ekb/ekb-master.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1627809370891"
+    class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13901"
+    xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
+    <defs>
+        <style type="text/css"></style>
+    </defs>
+    <path
+        d="M949.248 0H72.704C32.768 0 0 32.768 0 72.704v878.08c0 40.448 32.768 72.704 72.704 72.704h876.544c39.936 0 72.704-32.768 72.704-72.704V72.704c0-39.936-32.768-72.704-72.704-72.704z m10.752 951.296c0 6.144-5.12 11.264-10.752 11.264H72.704c-5.632 0-10.752-5.12-10.752-11.264V72.704c0-6.144 5.12-11.264 10.752-11.264h876.544c5.632 0 10.752 5.12 10.752 11.264v878.592z"
+        p-id="13902" fill="#ffffff"></path>
+    <path
+        d="M222.72 182.784h62.976v384H222.72v-384zM484.352 182.784h61.952v384H484.352v-384zM736.256 182.784h65.024v384h-65.024v-384z"
+        p-id="13903" fill="#ffffff"></path>
+    <path
+        d="M159.744 374.784h190.976v62.976H159.744V374.784zM415.744 246.784H609.28v61.952H415.744V246.784zM669.696 437.76h192V501.76h-192V437.76zM888.832 677.888v62.976H133.12v-62.976h755.712zM888.832 812.544V875.52H133.12v-62.976h755.712z"
+        p-id="13904" fill="#ffffff"></path>
+</svg>

src/assets/icon/svg/ekb/ekb-variable-frequency.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.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 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+    <path d="M173.7,0c11.5,0,20.9,9.4,20.9,20.9v158.2c0,11.5-9.4,20.9-20.9,20.9H26.1c-11.5,0-20.9-9.4-20.9-20.9V20.9
+	C5.2,9.4,14.6,0,26.1,0l0,0L173.7,0L173.7,0z M173.7,13.6H26.3c-4.1,0-7.5,3.3-7.5,7.5v158.1c0,4.1,3.3,7.5,7.5,7.5h147.5
+	c4.1,0,7.5-3.3,7.5-7.5V21C181.2,16.9,177.9,13.6,173.7,13.6L173.7,13.6z" />
+    <path d="M80.8,39.7H48.7c-4.9,0-9,4-9,9v37.3c0,4.9,4,9,9,9h32.2c4.9,0,9-4,9-9V48.7C89.8,43.7,85.8,39.7,80.8,39.7z M81,105.2H48.7
+	c-4.9,0-9,4-9,9l0,0v37.2c0,4.9,4,9,9,9c0,0,0,0,0,0h32.4c4.9,0,9-4,9-9l0,0v-37.2C90,109.2,86,105.2,81,105.2
+	C81.1,105.2,81.1,105.2,81,105.2L81,105.2z M160.3,78.5c0-11-6-17.6-17-17.6h-18.1V44.6c0-1.2-0.9-2.1-2.1-2.1c-0.5,0-1,0.2-1.4,0.5
+	l-21.4,19.3c-2.4,2.2-2.6,6-0.4,8.4c0.1,0.1,0.2,0.2,0.3,0.3l21.5,20.8c0.8,0.8,2.1,0.8,3,0c0.4-0.4,0.6-0.9,0.6-1.5V74.8h11.1
+	c0,0,6.4-0.4,8.8,2.8c2.4,3.2,1.7,7.5,1.7,7.5v29.1c0,0,0.4,5.1-2.3,8.1c-2.7,3-7.5,2.8-7.5,2.8h-11.9v-15c0-1.2-0.9-2.1-2.1-2.1
+	c-0.5,0-1,0.2-1.4,0.5l-21.3,19c-2.5,2.2-2.7,6-0.5,8.4c0.1,0.1,0.2,0.2,0.3,0.3l21.4,20.4c0.8,0.8,2.2,0.8,3-0.1
+	c0.4-0.4,0.6-0.9,0.6-1.4v-16.2h18.1c11,0,17-6.7,17-17.6V78.5L160.3,78.5z M53.3,143.6v-21.9c0-1.6,1.3-3,3-3h17.2c1.6,0,3,1.3,3,3
+	v21.9c0,1.6-1.3,3-3,3H56.3C54.6,146.6,53.3,145.2,53.3,143.6z" />
+</svg>

src/assets/icon/svg/ekb/ekb-variable-pitch.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.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 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
+    <path d="M169.9,3.7l-12.2,21.1l7,4L149.6,55L132.8,26H68.2l-5.2,8.9h-40v-8.1H-1.3v32.4h24.4v-8h30.6L36,81.8l32.3,55.9h11.3
+	l19.1,33.1l-7,4.1l12.2,21.1l28.1-16.2l-12.2-21.1l-7,4l-14.4-25h34.5L165,81.8l-6.1-10.6L178.8,37l7,4.1L198,19.9L169.9,3.7
+	L169.9,3.7z M88,103.5L75.5,81.8L88,60.2h25l12.5,21.7L113,103.5C113,103.5,88,103.5,88,103.5z" />
+</svg>

src/views/Home/Home.vue

@@ -815,7 +815,6 @@ import PowerPlan from "./components/power-plan.vue";
 import Map from "./components/map.vue";
 import ListBarChart2 from "../../components/chart/bar/list-bar-chart2.vue";
 import DoubleLineChart from "@com/chart/line/double-line-chart.vue";
-import ComTable from "@com/coms/table/table.vue";
 
 import Table from "./dialog/table.vue";
 
@@ -839,7 +838,6 @@ export default {
     ListBarChart2,
     Table,
     DoubleLineChart,
-    ComTable,
   },
   data() {
     return {

src/views/NewPages/expert-knowledge-base.vue

@@ -0,0 +1,695 @@
+<template>
+    <div class="expert-knowledge-base">
+        <el-row :gutter="16" class="up-box">
+            <el-col :span="16">
+                <!-- 故障体系 -->
+                <el-row>
+                    <el-col :span="24">
+                        <div class="ekb-box">
+                            <el-row>
+                                <el-col :span="24" class="i-panel-title">
+                                    <span class="svg-icon svg-icon-sm svg-icon-gray-l">
+                                        <svg-icon svgid="svg-ekb-warn" />
+                                    </span>
+                                    <span class="gray-l font-md mg-l-16">故障体系</span>
+                                    <span class="font-num font-md float-right green">3347</span>
+                                </el-col>
+                            </el-row>
+                            <el-row>
+                                <el-col :span="24">
+                                    <el-scrollbar class="table">
+                                        <table style="width:100%;" border="0" cellspacing="0">
+                                            <tbody>
+                                                <tr v-for="index of 6" :key="index">
+                                                    <td style="width:150px;" class="gray-l">
+                                                        MG01_01
+                                                    </td>
+                                                    <td class="green num" style="width:350px;">
+                                                        1234.56
+                                                    </td>
+                                                    <td style="width:600px;">
+                                                        <div class="percent-item gray-l">
+                                                            完成度
+                                                            <div class="percent-bar" style="">
+                                                                <div class="percent-value" style="width:80%"></div>
+                                                            </div>
+                                                        </div>
+                                                    </td>
+                                                    <td>
+                                                        <span class="perent-num">80%</span>
+                                                    </td>
+                                                </tr>
+                                            </tbody>
+                                        </table>
+                                    </el-scrollbar>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </el-col>
+                </el-row>
+                <!-- 预警知识 -->
+                <el-row class="mg-t-16">
+                    <el-col :span="24">
+                        <div class="ekb-box">
+                            <el-row>
+                                <el-col :span="24" class="i-panel-title">
+                                    <span class="svg-icon svg-icon-sm svg-icon-gray-l">
+                                        <svg-icon svgid="svg-ekb-warning" />
+                                    </span>
+                                    <span class="gray-l font-md mg-l-16">预警知识</span>
+                                    <span class="font-num font-md float-right green">3347</span>
+                                </el-col>
+                            </el-row>
+                            <el-row class="mg-t-16" :gutter="10">
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-generator" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">发电机</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-gear-box" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">齿轮箱</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-spindle" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">主轴</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-variable-pitch" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">变桨</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                            </el-row>
+                            <el-row class="mg-t-16" :gutter="10">
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-yaw" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">偏航</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-cabin" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">机舱</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-variable-frequency" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">变频</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                                <el-col :span="6">
+                                    <div class="warning-item">
+                                        <div class="warning-icon-box">
+                                            <div class="warning-icon">
+                                                <span class="svg-icon svg-icon-warning svg-icon-gray-l">
+                                                    <svg-icon svgid="svg-ekb-master" />
+                                                </span>
+                                            </div>
+                                        </div>
+                                        <div class="warning-info">
+                                            <div class="warning-name gray-l">主控</div>
+                                            <div class="warning-count green font-num">9527</div>
+                                        </div>
+                                    </div>
+                                </el-col>
+                            </el-row>
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-col>
+            <!-- 特征参数 -->
+            <el-col :span="8">
+                <div class="ekb-box">
+                    <el-row>
+                        <el-col :span="24" class="i-panel-title">
+                            <span class="svg-icon svg-icon-sm svg-icon-gray-l">
+                                <svg-icon svgid="svg-ekb-terminal" />
+                            </span>
+                            <span class="gray-l font-md mg-l-16">特征参数</span>
+                            <span class="font-num font-md float-right green">3347</span>
+                        </el-col>
+                    </el-row>
+                    <el-row class="mg-t-16" :gutter="16">
+                        <el-col :span="12">
+                            <div class="characteristic-parameters-item">
+                                <div class="characteristic-parameters-icon">
+                                    <span class="svg-icon svg-icon-size-icon svg-icon-color-icon">
+                                        <svg-icon svgid="svg-ekb-rank" />
+                                    </span>
+                                </div>
+                                <div class="characteristic-parameters-name">基于数据统计</div>
+                                <div class="characteristic-parameters-count font-num green">9</div>
+                                <div class="characteristic-parameters-back">
+                                    <span class="svg-icon svg-icon-size-back svg-icon-color-back">
+                                        <svg-icon svgid="svg-ekb-rank" />
+                                    </span>
+                                </div>
+                            </div>
+                        </el-col>
+                        <el-col :span="12">
+                            <div class="characteristic-parameters-item">
+                                <div class="characteristic-parameters-icon">
+                                    <span class="svg-icon svg-icon-size-icon svg-icon-color-icon">
+                                        <svg-icon svgid="svg-ekb-neural-network" />
+                                    </span>
+                                </div>
+                                <div class="characteristic-parameters-name">神经网络整理</div>
+                                <div class="characteristic-parameters-count font-num green">95</div>
+                                <div class="characteristic-parameters-back">
+                                    <span class="svg-icon svg-icon-size-back svg-icon-color-back">
+                                        <svg-icon svgid="svg-ekb-neural-network" />
+                                    </span>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                    <el-row class="mg-t-16" :gutter="16">
+                        <el-col :span="12">
+                            <div class="characteristic-parameters-item">
+                                <div class="characteristic-parameters-icon">
+                                    <span class="svg-icon svg-icon-size-icon svg-icon-color-icon">
+                                        <svg-icon svgid="svg-ekb-document" />
+                                    </span>
+                                </div>
+                                <div class="characteristic-parameters-name">文档整理</div>
+                                <div class="characteristic-parameters-count font-num green">952</div>
+                                <div class="characteristic-parameters-back">
+                                    <span class="svg-icon svg-icon-size-back svg-icon-color-back">
+                                        <svg-icon svgid="svg-ekb-document" />
+                                    </span>
+                                </div>
+                            </div>
+                        </el-col>
+                        <el-col :span="12">
+                            <div class="characteristic-parameters-item">
+                                <div class="characteristic-parameters-icon">
+                                    <span class="svg-icon svg-icon-size-icon svg-icon-color-icon">
+                                        <svg-icon svgid="svg-ekb-experts" />
+                                    </span>
+                                </div>
+                                <div class="characteristic-parameters-name">专家知识分析</div>
+                                <div class="characteristic-parameters-count font-num green">9527</div>
+                                <div class="characteristic-parameters-back">
+                                    <span class="svg-icon svg-icon-size-back svg-icon-color-back">
+                                        <svg-icon svgid="svg-ekb-experts" />
+                                    </span>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </div>
+            </el-col>
+        </el-row>
+        <el-row class="mg-t-16 down-box" :gutter="8">
+            <el-col :span="8">
+                <div class="ekb-box q-box-p">
+                    <el-row>
+                        <el-col :span="24" class="i-panel-title">
+                            <span class="svg-icon svg-icon-sm svg-icon-gray-l">
+                                <svg-icon svgid="svg-ekb-terminal" />
+                            </span>
+                            <span class="gray-l font-md mg-l-16">排查、检修方案</span>
+                            <span class="font-num font-md float-right green">3347</span>
+                        </el-col>
+                    </el-row>
+                    <el-row class="q-box">
+                        <el-col :span="24">
+                            <div class="circle-items">
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </div>
+            </el-col>
+            <el-col :span="8">
+                <div class="ekb-box q-box-p">
+                    <el-row>
+                        <el-col :span="24" class="i-panel-title">
+                            <span class="svg-icon svg-icon-sm svg-icon-gray-l">
+                                <svg-icon svgid="svg-ekb-terminal" />
+                            </span>
+                            <span class="gray-l font-md mg-l-16">排查、检修方案</span>
+                            <span class="font-num font-md float-right green">3347</span>
+                        </el-col>
+                    </el-row>
+                    <el-row class="q-box">
+                        <el-col :span="24">
+                            <div class="circle-items">
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </div>
+            </el-col>
+            <el-col :span="8">
+                <div class="ekb-box q-box-p">
+                    <el-row>
+                        <el-col :span="24" class="i-panel-title">
+                            <span class="svg-icon svg-icon-sm svg-icon-gray-l">
+                                <svg-icon svgid="svg-ekb-terminal" />
+                            </span>
+                            <span class="gray-l font-md mg-l-16">排查、检修方案</span>
+                            <span class="font-num font-md float-right green">3347</span>
+                        </el-col>
+                    </el-row>
+                    <el-row class="q-box">
+                        <el-col :span="24">
+                            <div class="circle-items">
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                                <div class="circle-item">
+                                    <div class="inner">
+                                        <div class="text">健康评价</div>
+                                        <div class="value">29</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </div>
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script>
+import SvgIcon from "@com/coms/icon/svg-icon.vue";
+export default {
+    setup() {},
+    components: { SvgIcon },
+    data() {
+        return {};
+    },
+    created() {},
+};
+</script>
+
+<style lang="less">
+.expert-knowledge-base {
+    .svg-icon-sm {
+        width: 20px;
+        height: 16px;
+        line-height: 1;
+
+        svg {
+            width: 20px;
+            height: 16px;
+        }
+    }
+
+    .svg-icon-size-icon {
+        width: 26px;
+        height: 26px;
+        line-height: 1;
+
+        svg {
+            width: 26px;
+            height: 26px;
+        }
+    }
+
+    .svg-icon-color-icon {
+        svg {
+            use {
+                fill: #b9bfc17f;
+            }
+        }
+    }
+
+    .svg-icon-size-back {
+        width: 110px;
+        height: 110px;
+        line-height: 1;
+
+        svg {
+            width: 110px;
+            height: 110px;
+        }
+    }
+
+    .svg-icon-color-back {
+        svg {
+            use {
+                fill: #60676933;
+            }
+        }
+    }
+
+    .svg-icon-warning {
+        width: 24px;
+        height: 24px;
+        line-height: 1;
+
+        svg {
+            width: 24px;
+            height: 24px;
+        }
+    }
+
+    .font-md {
+        font-size: 14px;
+        line-height: 16px;
+        font-weight: 400;
+    }
+
+    .float-right {
+        float: right;
+        margin-left: auto;
+    }
+
+    .el-col {
+        padding: 0;
+    }
+
+    .up-box {
+        height: 650px;
+        overflow: hidden;
+    }
+
+    .down-box {
+        height: calc(100vh - 735px);
+        overflow: hidden;
+    }
+
+    .i-panel-title {
+        height: 33px;
+        background: #53626833;
+        padding: 8px 26px;
+        display: flex;
+        align-items: center;
+    }
+
+    .ekb-box {
+        border: 1px solid #53626866;
+    }
+
+    .warning-item {
+        background: #53626833;
+        padding: 11px 0;
+        display: flex;
+
+        .warning-icon-box {
+            width: 116px;
+            height: 148px;
+            border-right: 2px dotted #b9bfc133;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            .warning-icon {
+                width: 56px;
+                height: 56px;
+                border-radius: 50%;
+                border: 1px solid #b9bfc17f;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+            }
+        }
+
+        .warning-info {
+            padding: 43px 0 0 30px;
+
+            .warning-name {
+                font-size: 20px;
+                font-weight: 400;
+                line-height: 1;
+            }
+
+            .warning-count {
+                font-size: 30px;
+                font-weight: 400;
+                line-height: 1;
+                margin-top: 22px;
+            }
+        }
+    }
+
+    .characteristic-parameters-item {
+        background: #53626833;
+        padding: 36px 0 0 36px;
+        position: relative;
+        height: 294px;
+
+        .characteristic-parameters-icon {
+            width: 70px;
+            height: 70px;
+            border-radius: 50%;
+            border: 1px solid #b9bfc17f;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+
+        .characteristic-parameters-name {
+            margin-top: 30px;
+            font-size: 20px;
+            font-weight: 400;
+            color: #b9bfc1;
+            line-height: 1;
+        }
+
+        .characteristic-parameters-count {
+            margin-top: 20px;
+            font-weight: 400;
+            line-height: 1;
+            font-size: 30px;
+        }
+
+        .characteristic-parameters-back {
+            width: 110px;
+            height: 110px;
+            position: absolute;
+            right: 0;
+            bottom: 0;
+        }
+    }
+
+    .table {
+        height: 198px;
+
+        tbody {
+            tr:nth-child(2n) td {
+                background-color: fade(@gray, 20%);
+
+                &.item {
+                    background-color: transparent;
+                }
+            }
+        }
+
+        td {
+            color: @gray;
+            text-align: center;
+            height: 26px;
+            line-height: 26px;
+            font-size: 12px;
+
+            &.gray-l {
+                color: @gray-l;
+            }
+
+            &.green {
+                color: @green;
+            }
+
+            &.num {
+                font-family: @font-family-num;
+            }
+        }
+
+        .percent-item {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: 31px;
+
+            .percent-bar {
+                height: 12px;
+                width: 430px;
+                background: transparent;
+                border: 1px solid @gray;
+                margin-left: 16px;
+
+                .percent-value {
+                    height: calc(100% - 4px);
+                    background: @green;
+                    margin: 2px;
+                }
+            }
+        }
+
+        .perent-num {
+            color: @green;
+            margin-left: 16px;
+            font-family: @font-family-num;
+        }
+    }
+
+    .q-box-p {
+        height: 100%;
+
+        .q-box {
+            height: calc(100% - 33px);
+        }
+    }
+
+    .circle-items {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+        height: 100%;
+
+        .circle-item {
+            display: flex;
+            flex: 0 0 146px;
+            width: 146px;
+            height: 146px;
+            background: fade(@green, 10);
+            border-radius: 50%;
+            justify-content: center;
+            align-items: center;
+
+            .inner {
+                width: 124px;
+                height: 124px;
+                border: 1px solid #05bb4c;
+                border-radius: 50%;
+
+                display: flex;
+                flex-direction: column;
+                justify-content: center;
+                align-items: center;
+
+                box-shadow: inset -15px 20px 30px -30px #05bb4c;
+
+                .text {
+                    color: @green;
+                    font-size: 12px;
+                    margin-bottom: 8px;
+                }
+
+                .value {
+                    color: @white;
+                    font-size: 34px;
+                }
+            }
+        }
+    }
+}
+</style>