Merge branch 'fix/bug' into 'dev'

.umirc.js

@@ -105,13 +105,19 @@ export default {
     '/extend-components': [
       {
         title: '业务数据展示',
-        children: ['EC_DeviceTree', 'EC_QuotaSelect', 'EC_HistoryInfo', 'EC_RealTimeInfo'],
+        children: [
+          'EC_DeviceTree',
+          'EC_QuotaSelect',
+          'EC_HistoryInfo',
+          'EC_RealTimeInfo',
+          'EC_ConfigurationView',
+        ],
       },
     ],
   },
   proxy: {
     '/api': {
-      target: 'http://127.0.0.1:8888/',
+      target: 'http://192.168.12.71:8080',
       changeOrigin: true,
       pathRewrite: { '^/api': '' },
     },

package.json

@@ -34,6 +34,7 @@
     "ie >= 11"
   ],
   "devDependencies": {
+    "@ant-design/icons": "^4.6.2",
     "@ant-design/pro-skeleton": "^1.0.0-beta.2",
     "@babel/core": "^7.8.3",
     "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
@@ -151,7 +152,8 @@
     "js-export-excel": "^1.1.4",
     "jszip": "^3.5.0",
     "mqtt-client": "^1.0.12",
-    "parseForm": "0.0.8"
+    "parseForm": "0.0.8",
+    "sha1": "^1.1.1"
   },
   "size-limit": [
     {

packages/extend-components/EC_ConfigurationView/CHANGELOG.md

+# Change Log
+
+All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.1.0 (2021-07-16)
+
+### Features
+
+- add ConfigurationView ([a6d9ca1](https://g.civnet.cn:8443/ReactWeb5/wisdom-components/commits/a6d9ca1758c2d2bdbe33bfa7f96e10662023d36d))

packages/extend-components/EC_ConfigurationView/README.md

+# `@wisdom-components/ec_configurationview`
+
+> TODO: description
+
+## Usage
+
+```
+import ecConfigurationView from '@wisdom-components/ec_configurationview');
+
+// TODO: DEMONSTRATE API
+```

packages/extend-components/EC_ConfigurationView/package.json

+{
+  "name": "@wisdom-components/ec_configurationview",
+  "version": "1.1.0",
+  "description": "> TODO: description",
+  "author": "tuqian <webtuqian@163.com>",
+  "homepage": "",
+  "license": "ISC",
+  "main": "lib/index.js",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "publishConfig": {
+    "registry": "https://g.civnet.cn:4873/"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://g.civnet.cn:8443/ReactWeb5/wisdom-components.git"
+  },
+  "scripts": {
+    "test": "echo \"Error: run tests from root\" && exit 1"
+  }
+}

packages/extend-components/EC_ConfigurationView/src/EC_ConfigurationView.md

+---
+title: EC_ConfigurationView - 组态查看
+nav:
+  title: 业务组件
+  path: /extend-components
+group:
+  path: /
+---
+
+# EC_ConfigurationView 组态查看
+
+基础业务组件
+
+- 组态查看
+
+## 何时使用
+
+- 在组态查看时。
+
+## 代码演示
+
+<code src="./demos/Basic.tsx">
+
+## API
+
+| 参数                           | 说明                 | 类型   | 默认值   |
+| ------------------------------ | -------------------- | ------ | -------- |
+| name `必需`                    | 画板名称             | string | ''       |
+| devices `必需`                 | 画板设备             | array  | []       |
+| pointAddressService `必需`     | 获取点表地址信息接口 | func   | () => {} |
+| sketchPadListService `必需`    | 获取画板列表接口     | func   | () => {} |
+| sketchPadListParams `必需`     | 画板列表接口参数     | object | {}       |
+| sketchPadContentService `必需` | 获取画板 JSON 接口   | func   | () => {} |
+| historyInfoService `必需`      | 获取历史信息接口     | func   | () => {} |
+| dictionaryService `必需`       | 获取数据字典信息接口 | func   | () => {} |
+| dictionaryParams `必需`        | 数据字典信息接口参数 | object | {}       |
+| globalConfig `必需`            | 全局 config          | object | {}       |

packages/extend-components/EC_ConfigurationView/src/demos/Basic.tsx

+import React from 'react';
+import PandaConfigurationView from '../index';
+import { service } from '@wisdom-utils/utils';
+
+const REQUEST_HTTP = 'http';
+const REQUEST_METHOD_GET = 'get';
+const REQUEST_METHOD_POST = 'post';
+
+const GET_SKETCHPAD_LIST =
+  'https://www.fastmock.site/mock/162c15dca15c4dba9ba51e0a0b76929b/api/PandaCore/GCK/SketchPad/List';
+const GET_FILE_SKETCHPAD_CONTENT =
+  'https://www.fastmock.site/mock/162c15dca15c4dba9ba51e0a0b76929b/api/PandaCore/GCK/SketchPad/SketchContent';
+const GET_POINT_ADDRESS =
+  'https://www.fastmock.site/mock/162c15dca15c4dba9ba51e0a0b76929b/api/PandaCore/GCK/PointAddress/GetPointAddress';
+const GET_HISTORY_INFO =
+  'https://www.fastmock.site/mock/162c15dca15c4dba9ba51e0a0b76929b/api/PandaCore/Monitor/Device/SensorsDataForStation'; //获取历史信息
+const GET_DICTIONARY_LIST =
+  'https://www.fastmock.site/mock/162c15dca15c4dba9ba51e0a0b76929b/api/PandaCore/OMS/Data/GetDataDictionaryList'; //获取数据字典信息
+
+// const GET_SKETCHPAD_LIST = '/api/PandaCore/GCK/SketchPad/List'; //获取画板列表接口
+// const GET_FILE_SKETCHPAD_CONTENT = '/api/PandaCore/GCK/SketchPad/SketchContent'; //获取画板JSON
+// const GET_POINT_ADDRESS = '/api/PandaCore/GCK/PointAddress/GetPointAddress'; //获取点表地址信息
+// const GET_HISTORY_INFO = '/api/PandaCore/GCK/Device/SensorsDataForStation'; //获取历史信息
+// const GET_DICTIONARY_LIST = '/api/PandaCore/OMS/DataManger/GetDataDictionaryList'; //获取数据字典信息
+
+const configurationService = {
+  getSketchPadList: {
+    url: GET_SKETCHPAD_LIST, // 获取画板列表接口
+    method: REQUEST_METHOD_GET,
+    type: REQUEST_HTTP,
+  },
+  getSketchPadContent: {
+    url: GET_FILE_SKETCHPAD_CONTENT, // 获取画板JSON
+    method: REQUEST_METHOD_GET,
+    type: REQUEST_HTTP,
+  },
+  getPointAddress: {
+    url: GET_POINT_ADDRESS, // 获取点表地址信息
+    method: REQUEST_METHOD_GET,
+    type: REQUEST_HTTP,
+  },
+  getHistoryInfo: {
+    url: GET_HISTORY_INFO,
+    method: REQUEST_METHOD_POST,
+    type: REQUEST_HTTP,
+  },
+  getDictionaryList: {
+    url: GET_DICTIONARY_LIST,
+    method: REQUEST_METHOD_GET,
+    type: REQUEST_HTTP,
+  },
+};
+
+const cvService = service(configurationService);
+
+const getPointAddress = cvService.getPointAddress;
+const getSketchPadContent = cvService.getSketchPadContent;
+const getSketchPadList = cvService.getSketchPadList;
+const getHistoryInfo = cvService.getHistoryInfo;
+const getDictionaryList = cvService.getDictionaryList;
+
+const Demo = () => {
+  return (
+    <div style={{ width: '100%', height: '600px', background: '#242835' }}>
+      <PandaConfigurationView
+        name={'组态测试'}
+        devices={['ZTCS00000001', 'ZTCS00000002', 'ZTCS00000003', 'ZTCS00000004']}
+        pointAddressService={getPointAddress}
+        sketchPadListService={getSketchPadList}
+        sketchPadContentService={getSketchPadContent}
+        sketchPadListParams={{
+          _site: '',
+          siteCode: '151_ReactWeb5',
+          queryInfo: '',
+          version: '全部',
+          name: '组态测试',
+        }}
+        historyInfoService={getHistoryInfo}
+        dictionaryService={getDictionaryList}
+        dictionaryParams={{ nodeID: 149 }}
+        globalConfig={globalConfig}
+      />
+    </div>
+  );
+};
+
+export default Demo;
+
+const globalConfig = {
+  baseURI: 'http://192.168.12.71:8080',
+  userInfo: {
+    site: '',
+  },
+  token: 'a1372ef0ce7b4e4884d31cfd99fe92f6',
+  mqtt_iotIP: '192.168.12.9:8083',
+  mqtt_path: '/mqtt',
+  mqtt_IsSSL: false,
+  mqtt_mess: {
+    MessageLevel: '1.0',
+    TcpIP: '192.168.12.9',
+    TcpPort: 8083,
+    site_code: '151_ReactWeb5',
+  },
+};

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机单头1.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="46.69px" height="37px" viewBox="0 0 46.69 37" enable-background="new 0 0 46.69 37" xml:space="preserve">
+<linearGradient id="shape1_2_" gradientUnits="userSpaceOnUse" x1="3188.7671" y1="100.6142" x2="3165.1602" y2="128.5116" gradientTransform="matrix(1 0 0 -1 -3152.22 145.2878)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_2_)" d="M0.88,27.31H46.69v3.523L23.785,37L0,30.834V27.31H0.88z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2515.2495" y1="377.179" x2="2515.0549" y2="377.179" gradientTransform="matrix(33.5 0 0 -136.2 -84233.7969 51386.7539)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M20.262,1.762h6.166V28.19h-6.166V1.762z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="372.5573" x2="2510.8806" y2="372.5573" gradientTransform="matrix(44.6 0 0 -51 -111966.2969 19005.2656)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M18.94,0h8.809v9.691H18.94V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="373.4229" x2="2510.8806" y2="373.4229" gradientTransform="matrix(44.6 0 0 -40.6 -111966.2969 15191.3604)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M18.94,26.428h8.809v7.928H18.94V26.428z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="355.048" x2="2510.8806" y2="355.048" gradientTransform="matrix(44.6 0 0 -12.9 -111966.2969 4593.7754)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M18.94,12.334h8.809v2.643H18.94V12.334z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2525.8188" y1="374.3631" x2="2525.6233" y2="374.3631" gradientTransform="matrix(20.5 0 0 -47.3 -51754.3516 17739.0898)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M21.142,27.31h4.405v8.809h-4.405V27.31z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机单头2.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="46.69px" height="37px" viewBox="0 0 46.69 37" enable-background="new 0 0 46.69 37" xml:space="preserve">
+<linearGradient id="shape1_2_" gradientUnits="userSpaceOnUse" x1="3186.6902" y1="103.0686" x2="3166.7969" y2="126.5773" gradientTransform="matrix(1 0 0 -1 -3152.22 145.2878)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_2_)" d="M4.88,27.31H42.69v3.523L23.785,37L4,30.834V27.31H4.88z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2515.2495" y1="377.179" x2="2515.0549" y2="377.179" gradientTransform="matrix(33.5 0 0 -136.2 -84233.7969 51386.7539)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M20.262,1.762h6.166V28.19h-6.166V1.762z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="372.5573" x2="2510.8806" y2="372.5573" gradientTransform="matrix(44.6 0 0 -51 -111966.2969 19005.2656)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M18.94,0h8.809v9.691H18.94V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="373.4229" x2="2510.8806" y2="373.4229" gradientTransform="matrix(44.6 0 0 -40.6 -111966.2969 15191.3604)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M18.94,26.428h8.809v7.928H18.94V26.428z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="355.048" x2="2510.8806" y2="355.048" gradientTransform="matrix(44.6 0 0 -12.9 -111966.2969 4593.7754)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M18.94,12.334h8.809v2.643H18.94V12.334z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2525.8188" y1="374.3631" x2="2525.6233" y2="374.3631" gradientTransform="matrix(20.5 0 0 -47.3 -51754.3516 17739.0898)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M21.142,27.31h4.405v8.809h-4.405V27.31z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机单头3.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="46.69px" height="37px" viewBox="0 0 46.69 37" enable-background="new 0 0 46.69 37" xml:space="preserve">
+<linearGradient id="shape1_2_" gradientUnits="userSpaceOnUse" x1="3184.6133" y1="105.523" x2="3168.4338" y2="124.643" gradientTransform="matrix(1 0 0 -1 -3152.22 145.2878)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_2_)" d="M8.88,27.31H38.69v3.523L23.785,37L8,30.834V27.31H8.88z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2515.2495" y1="377.179" x2="2515.0549" y2="377.179" gradientTransform="matrix(33.5 0 0 -136.2 -84233.7969 51386.7539)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M20.262,1.762h6.166V28.19h-6.166V1.762z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="372.5573" x2="2510.8806" y2="372.5573" gradientTransform="matrix(44.6 0 0 -51 -111966.2969 19005.2656)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M18.94,0h8.809v9.691H18.94V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="373.4229" x2="2510.8806" y2="373.4229" gradientTransform="matrix(44.6 0 0 -40.6 -111966.2969 15191.3604)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M18.94,26.428h8.809v7.928H18.94V26.428z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="355.048" x2="2510.8806" y2="355.048" gradientTransform="matrix(44.6 0 0 -12.9 -111966.2969 4593.7754)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M18.94,12.334h8.809v2.643H18.94V12.334z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2525.8188" y1="374.3631" x2="2525.6233" y2="374.3631" gradientTransform="matrix(20.5 0 0 -47.3 -51754.3516 17739.0898)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M21.142,27.31h4.405v8.809h-4.405V27.31z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机单头4.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="46.69px" height="37px" viewBox="0 0 46.69 37" enable-background="new 0 0 46.69 37" xml:space="preserve">
+<linearGradient id="shape1_2_" gradientUnits="userSpaceOnUse" x1="3182.5364" y1="107.9773" x2="3170.0706" y2="122.7087" gradientTransform="matrix(1 0 0 -1 -3152.22 145.2878)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_2_)" d="M12.88,27.31H34.69v3.523L23.785,37L12,30.834V27.31H12.88z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2515.2495" y1="377.179" x2="2515.0549" y2="377.179" gradientTransform="matrix(33.5 0 0 -136.2 -84233.7969 51386.7539)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M20.262,1.762h6.166V28.19h-6.166V1.762z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="372.5573" x2="2510.8806" y2="372.5573" gradientTransform="matrix(44.6 0 0 -51 -111966.2969 19005.2656)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M18.94,0h8.809v9.691H18.94V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="373.4229" x2="2510.8806" y2="373.4229" gradientTransform="matrix(44.6 0 0 -40.6 -111966.2969 15191.3604)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M18.94,26.428h8.809v7.928H18.94V26.428z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="355.048" x2="2510.8806" y2="355.048" gradientTransform="matrix(44.6 0 0 -12.9 -111966.2969 4593.7754)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M18.94,12.334h8.809v2.643H18.94V12.334z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2525.8188" y1="374.3631" x2="2525.6233" y2="374.3631" gradientTransform="matrix(20.5 0 0 -47.3 -51754.3516 17739.0898)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M21.142,27.31h4.405v8.809h-4.405V27.31z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机单头5.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="46.69px" height="37px" viewBox="0 0 46.69 37" enable-background="new 0 0 46.69 37" xml:space="preserve">
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2515.2495" y1="377.179" x2="2515.0549" y2="377.179" gradientTransform="matrix(33.5 0 0 -136.2 -84233.7969 51386.7539)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M20.262,1.762h6.166V28.19h-6.166V1.762z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="372.5573" x2="2510.8806" y2="372.5573" gradientTransform="matrix(44.6 0 0 -51 -111966.2969 19005.2656)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M18.94,0h8.809v9.691H18.94V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="373.4229" x2="2510.8806" y2="373.4229" gradientTransform="matrix(44.6 0 0 -40.6 -111966.2969 15191.3604)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M18.94,26.428h8.809v7.928H18.94V26.428z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2511.0767" y1="355.048" x2="2510.8806" y2="355.048" gradientTransform="matrix(44.6 0 0 -12.9 -111966.2969 4593.7754)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M18.94,12.334h8.809v2.643H18.94V12.334z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2525.8188" y1="374.3631" x2="2525.6233" y2="374.3631" gradientTransform="matrix(20.5 0 0 -47.3 -51754.3516 17739.0898)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M21.142,27.31h4.405v8.809h-4.405V27.31z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机双头1.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="42.526px" height="56px" viewBox="0 0 42.526 56" enable-background="new 0 0 42.526 56" xml:space="preserve">
+<linearGradient id="shape1_3_" gradientUnits="userSpaceOnUse" x1="3185.3777" y1="162.5258" x2="3164.1086" y2="187.6605" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_2_" fill="url(#shape1_3_)" d="M0.802,30.557h41.724v2.785l-20.862,4.875L0,33.342v-2.785H0.802z"/>
+<linearGradient id="shape1_4_" gradientUnits="userSpaceOnUse" x1="3185.3777" y1="145.1064" x2="3164.1086" y2="170.241" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_4_)" d="M0.802,47.976h41.724v2.785l-20.862,4.875L0,50.762v-2.785H0.802z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2613.1711" y1="408.9612" x2="2612.9939" y2="408.9612" gradientTransform="matrix(33.5 0 0 -136.2 -87516.5859 55725.3047)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M18.455,1.605h5.616v46.372h-5.616V1.605z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="404.8079" x2="2609.5869" y2="404.8079" gradientTransform="matrix(44.6 0 0 -51 -116370.2891 20649.6133)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M17.251,0h8.024v8.827h-8.024V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="405.3216" x2="2609.5869" y2="405.3216" gradientTransform="matrix(44.6 0 0 -40.6 -116370.2891 16506.8398)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M17.251,47.173h8.024v7.221h-8.024V47.173z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="389.2159" x2="2609.5869" y2="389.2159" gradientTransform="matrix(44.6 0 0 -12.9 -116370.2891 5033.3228)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M17.251,11.234h8.024v2.407h-8.024V11.234z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2621.7922" y1="406.2251" x2="2621.614" y2="406.2251" gradientTransform="matrix(20.5 0 0 -47.3 -53724.0273 19266.4355)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M19.257,47.976h4.012V56h-4.012V47.976z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机双头2.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="42.526px" height="56px" viewBox="0 0 42.526 56" enable-background="new 0 0 42.526 56" xml:space="preserve">
+<linearGradient id="shape1_3_" gradientUnits="userSpaceOnUse" x1="3183.3008" y1="164.9802" x2="3165.7454" y2="185.7262" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_2_" fill="url(#shape1_3_)" d="M4.802,30.557h33.724v2.785l-16.862,4.875L4,33.342v-2.785H4.802z"/>
+<linearGradient id="shape1_4_" gradientUnits="userSpaceOnUse" x1="3183.3008" y1="147.5607" x2="3165.7454" y2="168.3067" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_4_)" d="M4.802,47.976h33.724v2.785l-16.862,4.875L4,50.762v-2.785H4.802z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2613.1711" y1="408.9612" x2="2612.9939" y2="408.9612" gradientTransform="matrix(33.5 0 0 -136.2 -87516.5859 55725.3047)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M18.455,1.605h5.616v46.372h-5.616V1.605z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="404.8079" x2="2609.5869" y2="404.8079" gradientTransform="matrix(44.6 0 0 -51 -116370.2891 20649.6133)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M17.251,0h8.024v8.827h-8.024V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="405.3216" x2="2609.5869" y2="405.3216" gradientTransform="matrix(44.6 0 0 -40.6 -116370.2891 16506.8398)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M17.251,47.173h8.024v7.221h-8.024V47.173z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="389.2159" x2="2609.5869" y2="389.2159" gradientTransform="matrix(44.6 0 0 -12.9 -116370.2891 5033.3228)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M17.251,11.234h8.024v2.407h-8.024V11.234z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2621.7922" y1="406.2251" x2="2621.614" y2="406.2251" gradientTransform="matrix(20.5 0 0 -47.3 -53724.0273 19266.4355)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M19.257,47.976h4.012V56h-4.012V47.976z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机双头3.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="42.526px" height="56px" viewBox="0 0 42.526 56" enable-background="new 0 0 42.526 56" xml:space="preserve">
+<linearGradient id="shape1_3_" gradientUnits="userSpaceOnUse" x1="3181.2239" y1="167.4346" x2="3167.3823" y2="183.7919" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_2_" fill="url(#shape1_3_)" d="M8.802,30.557h25.724v2.785l-12.862,4.875L8,33.342v-2.785H8.802z"/>
+<linearGradient id="shape1_4_" gradientUnits="userSpaceOnUse" x1="3181.2239" y1="150.0151" x2="3167.3823" y2="166.3725" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_4_)" d="M8.802,47.976h25.724v2.785l-12.862,4.875L8,50.762v-2.785H8.802z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2613.1711" y1="408.9612" x2="2612.9939" y2="408.9612" gradientTransform="matrix(33.5 0 0 -136.2 -87516.5859 55725.3047)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M18.455,1.605h5.616v46.372h-5.616V1.605z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="404.8079" x2="2609.5869" y2="404.8079" gradientTransform="matrix(44.6 0 0 -51 -116370.2891 20649.6133)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M17.251,0h8.024v8.827h-8.024V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="405.3216" x2="2609.5869" y2="405.3216" gradientTransform="matrix(44.6 0 0 -40.6 -116370.2891 16506.8398)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M17.251,47.173h8.024v7.221h-8.024V47.173z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="389.2159" x2="2609.5869" y2="389.2159" gradientTransform="matrix(44.6 0 0 -12.9 -116370.2891 5033.3228)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M17.251,11.234h8.024v2.407h-8.024V11.234z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2621.7922" y1="406.2251" x2="2621.614" y2="406.2251" gradientTransform="matrix(20.5 0 0 -47.3 -53724.0273 19266.4355)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M19.257,47.976h4.012V56h-4.012V47.976z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机双头4.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="42.526px" height="56px" viewBox="0 0 42.526 56" enable-background="new 0 0 42.526 56" xml:space="preserve">
+<linearGradient id="shape1_3_" gradientUnits="userSpaceOnUse" x1="3179.147" y1="169.8889" x2="3169.019" y2="181.8576" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_2_" fill="url(#shape1_3_)" d="M12.802,30.557h17.724v2.785l-8.862,4.875L12,33.342v-2.785H12.802z"/>
+<linearGradient id="shape1_4_" gradientUnits="userSpaceOnUse" x1="3179.147" y1="152.4695" x2="3169.019" y2="164.4382" gradientTransform="matrix(1 0 0 -1 -3152.22 208.532)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape1_1_" fill="url(#shape1_4_)" d="M12.802,47.976h17.724v2.785l-8.862,4.875L12,50.762v-2.785H12.802z"/>
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2613.1711" y1="408.9612" x2="2612.9939" y2="408.9612" gradientTransform="matrix(33.5 0 0 -136.2 -87516.5859 55725.3047)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M18.455,1.605h5.616v46.372h-5.616V1.605z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="404.8079" x2="2609.5869" y2="404.8079" gradientTransform="matrix(44.6 0 0 -51 -116370.2891 20649.6133)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M17.251,0h8.024v8.827h-8.024V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="405.3216" x2="2609.5869" y2="405.3216" gradientTransform="matrix(44.6 0 0 -40.6 -116370.2891 16506.8398)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M17.251,47.173h8.024v7.221h-8.024V47.173z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="389.2159" x2="2609.5869" y2="389.2159" gradientTransform="matrix(44.6 0 0 -12.9 -116370.2891 5033.3228)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M17.251,11.234h8.024v2.407h-8.024V11.234z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2621.7922" y1="406.2251" x2="2621.614" y2="406.2251" gradientTransform="matrix(20.5 0 0 -47.3 -53724.0273 19266.4355)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M19.257,47.976h4.012V56h-4.012V47.976z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/搅拌机双头5.svg

+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.1.2, 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"
+	 width="42.526px" height="56px" viewBox="0 0 42.526 56" enable-background="new 0 0 42.526 56" xml:space="preserve">
+<linearGradient id="shape2_2_" gradientUnits="userSpaceOnUse" x1="2613.1711" y1="408.9612" x2="2612.9939" y2="408.9612" gradientTransform="matrix(33.5 0 0 -136.2 -87516.5859 55725.3047)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape2_1_" fill="url(#shape2_2_)" d="M18.455,1.605h5.616v46.372h-5.616V1.605z"/>
+<linearGradient id="shape3_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="404.8079" x2="2609.5869" y2="404.8079" gradientTransform="matrix(44.6 0 0 -51 -116370.2891 20649.6133)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape3_1_" fill="url(#shape3_2_)" d="M17.251,0h8.024v8.827h-8.024V0z"/>
+<linearGradient id="shape4_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="405.3216" x2="2609.5869" y2="405.3216" gradientTransform="matrix(44.6 0 0 -40.6 -116370.2891 16506.8398)">
+	<stop  offset="0" style="stop-color:#9D9D9D"/>
+	<stop  offset="0.15" style="stop-color:#D0D1D1"/>
+	<stop  offset="0.25" style="stop-color:#E5E6E6"/>
+	<stop  offset="0.44" style="stop-color:#B3B4B4"/>
+	<stop  offset="0.6" style="stop-color:#9FA0A0"/>
+	<stop  offset="0.8" style="stop-color:#868787"/>
+	<stop  offset="0.97" style="stop-color:#7A7B7B"/>
+	<stop  offset="1" style="stop-color:#A3A4A4"/>
+</linearGradient>
+<path id="shape4_1_" fill="url(#shape4_2_)" d="M17.251,47.173h8.024v7.221h-8.024V47.173z"/>
+<linearGradient id="shape5_2_" gradientUnits="userSpaceOnUse" x1="2609.7654" y1="389.2159" x2="2609.5869" y2="389.2159" gradientTransform="matrix(44.6 0 0 -12.9 -116370.2891 5033.3228)">
+	<stop  offset="0" style="stop-color:#ACBABD"/>
+	<stop  offset="0.15" style="stop-color:#E3F3F7"/>
+	<stop  offset="0.25" style="stop-color:#EFF8FB"/>
+	<stop  offset="0.44" style="stop-color:#C5D4D8"/>
+	<stop  offset="0.6" style="stop-color:#AFBDC0"/>
+	<stop  offset="0.8" style="stop-color:#939FA2"/>
+	<stop  offset="0.97" style="stop-color:#879194"/>
+	<stop  offset="1" style="stop-color:#B3C1C5"/>
+</linearGradient>
+<path id="shape5_1_" fill="url(#shape5_2_)" d="M17.251,11.234h8.024v2.407h-8.024V11.234z"/>
+<linearGradient id="shape6_2_" gradientUnits="userSpaceOnUse" x1="2621.7922" y1="406.2251" x2="2621.614" y2="406.2251" gradientTransform="matrix(20.5 0 0 -47.3 -53724.0273 19266.4355)">
+	<stop  offset="0" style="stop-color:#BAC0C1"/>
+	<stop  offset="0.15" style="stop-color:#F4FAFC"/>
+	<stop  offset="0.25" style="stop-color:#F8FCFD"/>
+	<stop  offset="0.44" style="stop-color:#D5DBDD"/>
+	<stop  offset="0.6" style="stop-color:#BDC3C4"/>
+	<stop  offset="0.8" style="stop-color:#A0A4A6"/>
+	<stop  offset="0.97" style="stop-color:#929697"/>
+	<stop  offset="1" style="stop-color:#C2C7C9"/>
+</linearGradient>
+<path id="shape6_1_" fill="url(#shape6_2_)" d="M19.257,47.976h4.012V56h-4.012V47.976z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/水泵故障.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<path fill="#DC1A1A" d="M20.912,27.662c0,2.554,1.36,4.914,3.568,6.191s4.929,1.277,7.137,0s3.569-3.637,3.569-6.191
+	c0-3.948-3.195-7.149-7.137-7.149S20.912,23.713,20.912,27.662L20.912,27.662z"/>
+<path fill="#DC1A1A" d="M25.058,16.6c0,0,4.195-2.029,9.693,1.643c0,0,3.279-2.271,6.22-8.647c0,0,2.267-4.637-2.748-7.004
+	c0,0-12.634-7.536-27.872,3.092c0,0-2.604,1.256,1.254,3.188l7.233,2.174C18.79,11.045,24.431,12.253,25.058,16.6L25.058,16.6z
+	 M30.893,39.4c0,0-4.195,2.029-9.692-1.642c0,0-3.279,2.27-6.221,8.647c0,0-2.266,4.637,2.749,7.004c0,0,12.634,7.536,27.872-3.091
+	c0,0,2.604-1.256-1.254-3.188l-7.233-2.173C37.162,44.955,31.52,43.747,30.893,39.4L30.893,39.4z M16.572,30.898
+	c0,0-2.025-4.202,1.639-9.709c0,0-2.267-3.285-8.632-6.231c0,0-4.629-2.27-6.992,2.753c0,0-7.523,12.656,3.086,27.92
+	c0,0,1.254,2.608,3.182-1.256l2.17-7.246C11.026,37.178,12.231,31.526,16.572,30.898L16.572,30.898z M39.428,25.101
+	c0,0,2.025,4.203-1.639,9.71c0,0,2.266,3.285,8.631,6.231c0,0,4.63,2.271,6.992-2.753c0,0,7.523-12.655-3.086-27.92
+	c0,0-1.254-2.609-3.183,1.256l-2.17,7.246C44.974,18.822,43.768,24.425,39.428,25.101L39.428,25.101z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/水泵离线.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<path fill="#516687" d="M20.912,27.662c0,2.554,1.36,4.914,3.568,6.191c2.208,1.277,4.929,1.277,7.137,0
+	c2.208-1.277,3.569-3.637,3.569-6.191c0-3.948-3.195-7.149-7.137-7.149C24.107,20.513,20.912,23.713,20.912,27.662L20.912,27.662z
+	 M20.912,27.662"/>
+<path fill="#516687" d="M25.058,16.6c0,0,4.195-2.029,9.693,1.643c0,0,3.279-2.271,6.22-8.647c0,0,2.267-4.637-2.748-7.004
+	c0,0-12.634-7.536-27.872,3.092c0,0-2.604,1.256,1.254,3.188l7.233,2.174C18.79,11.045,24.431,12.253,25.058,16.6L25.058,16.6z
+	 M30.893,39.4c0,0-4.195,2.029-9.692-1.642c0,0-3.279,2.27-6.221,8.647c0,0-2.266,4.637,2.749,7.004c0,0,12.634,7.536,27.872-3.091
+	c0,0,2.604-1.256-1.254-3.188l-7.233-2.173C37.162,44.955,31.52,43.747,30.893,39.4L30.893,39.4z M16.572,30.898
+	c0,0-2.025-4.202,1.639-9.709c0,0-2.267-3.285-8.632-6.231c0,0-4.629-2.27-6.992,2.753c0,0-7.523,12.656,3.086,27.92
+	c0,0,1.254,2.608,3.182-1.256l2.17-7.246C11.026,37.178,12.231,31.526,16.572,30.898L16.572,30.898z M39.428,25.101
+	c0,0,2.025,4.203-1.639,9.71c0,0,2.266,3.285,8.631,6.231c0,0,4.63,2.271,6.992-2.753c0,0,7.523-12.655-3.086-27.92
+	c0,0-1.254-2.609-3.183,1.256l-2.17,7.246C44.974,18.822,43.768,24.425,39.428,25.101L39.428,25.101z M39.428,25.101"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/水泵运行.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<path fill="#13E8DC" d="M20.912,27.662c0,2.554,1.36,4.914,3.568,6.191c2.208,1.277,4.929,1.277,7.137,0
+	c2.208-1.277,3.569-3.637,3.569-6.191c0-3.948-3.195-7.149-7.137-7.149C24.107,20.513,20.912,23.713,20.912,27.662L20.912,27.662z
+	 M20.912,27.662"/>
+<path fill="#13E8DC" d="M25.058,16.6c0,0,4.195-2.029,9.693,1.643c0,0,3.279-2.271,6.22-8.647c0,0,2.267-4.637-2.748-7.004
+	c0,0-12.634-7.536-27.872,3.092c0,0-2.604,1.256,1.254,3.188l7.233,2.174C18.79,11.045,24.431,12.253,25.058,16.6L25.058,16.6z
+	 M30.893,39.4c0,0-4.195,2.029-9.692-1.642c0,0-3.279,2.27-6.221,8.647c0,0-2.266,4.637,2.749,7.004c0,0,12.634,7.536,27.872-3.091
+	c0,0,2.604-1.256-1.254-3.188l-7.233-2.173C37.162,44.955,31.52,43.747,30.893,39.4L30.893,39.4z M16.572,30.898
+	c0,0-2.025-4.202,1.639-9.709c0,0-2.267-3.285-8.632-6.231c0,0-4.629-2.27-6.992,2.753c0,0-7.523,12.656,3.086,27.92
+	c0,0,1.254,2.608,3.182-1.256l2.17-7.246C11.026,37.178,12.231,31.526,16.572,30.898L16.572,30.898z M39.428,25.101
+	c0,0,2.025,4.203-1.639,9.71c0,0,2.266,3.285,8.631,6.231c0,0,4.63,2.271,6.992-2.753c0,0,7.523-12.655-3.086-27.92
+	c0,0-1.254-2.609-3.183,1.256l-2.17,7.246C44.974,18.822,43.768,24.425,39.428,25.101L39.428,25.101z M39.428,25.101"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/泵变频.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<path fill="#1B91FF" d="M28,0C12.6,0,0,12.6,0,28s12.6,28,28,28s28-12.6,28-28S43.4,0,28,0z M28,51.8C14.84,51.8,4.2,41.16,4.06,28
+	c0-13.16,10.64-23.8,23.8-23.94c13.16,0,23.8,10.64,23.94,23.8l0,0C51.8,41.16,41.16,51.8,28,51.8z"/>
+<path fill="#1B91FF" d="M22.96,28c0,2.8,2.24,5.04,5.04,5.04s5.04-2.24,5.04-5.04S30.8,22.96,28,22.96S22.96,25.2,22.96,28z"/>
+<path fill="#1B91FF" d="M25.9,20.16c0,0,2.94-1.4,6.86,1.12c0,0,2.38-1.54,4.34-6.16c0.84-1.82,0.14-3.92-1.68-4.76
+	c-0.14,0-0.14-0.14-0.28-0.14c0,0-8.96-5.32-19.6,2.24c0,0-1.82,0.84,0.84,2.24l5.04,1.54C21.56,16.24,25.48,17.22,25.9,20.16z
+	 M29.96,36.26c0,0-2.94,1.4-6.86-1.12c0,0-2.24,1.54-4.34,6.16c-0.84,1.82-0.14,3.92,1.68,4.76c0.14,0,0.14,0.14,0.28,0.14
+	c0,0,8.96,5.32,19.74-2.1c0,0,1.82-0.84-0.84-2.24l-5.04-1.54C34.44,40.18,30.52,39.34,29.96,36.26L29.96,36.26z M19.88,30.24
+	c0,0-1.4-2.94,1.12-6.86c0,0-1.54-2.24-6.16-4.34c-1.82-0.84-3.92-0.14-4.76,1.68c0,0.14-0.14,0.14-0.14,0.28
+	c0,0-5.32,8.96,2.24,19.6c0,0,0.84,1.82,2.24-0.84l1.54-5.18C15.96,34.72,16.8,30.66,19.88,30.24L19.88,30.24z M35.98,26.18
+	c0,0,1.4,2.94-1.12,6.86c0,0,1.54,2.38,6.02,4.34c1.82,0.84,3.92,0.14,4.76-1.68c0-0.14,0.14-0.14,0.14-0.28
+	c0,0,5.32-8.96-2.24-19.6c0,0-0.84-1.82-2.24,0.84l-1.4,5.04C40.04,21.84,39.06,25.76,35.98,26.18z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/泵故障.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<path fill="#F92E57" d="M28,0C12.6,0,0,12.6,0,28s12.6,28,28,28s28-12.6,28-28S43.4,0,28,0z M28,51.8C14.84,51.8,4.2,41.16,4.06,28
+	c0-13.16,10.64-23.8,23.8-23.94c13.16,0,23.8,10.64,23.94,23.8l0,0C51.8,41.16,41.16,51.8,28,51.8z"/>
+<path fill="#F92E57" d="M22.96,28c0,2.8,2.24,5.04,5.04,5.04s5.04-2.24,5.04-5.04S30.8,22.96,28,22.96S22.96,25.2,22.96,28z"/>
+<path fill="#F92E57" d="M25.9,20.16c0,0,2.94-1.4,6.86,1.12c0,0,2.38-1.54,4.34-6.16c0.84-1.82,0.14-3.92-1.68-4.76
+	c-0.14,0-0.14-0.14-0.28-0.14c0,0-8.96-5.32-19.6,2.24c0,0-1.82,0.84,0.84,2.24l5.04,1.54C21.56,16.24,25.48,17.22,25.9,20.16z
+	 M29.96,36.26c0,0-2.94,1.4-6.86-1.12c0,0-2.24,1.54-4.34,6.16c-0.84,1.82-0.14,3.92,1.68,4.76c0.14,0,0.14,0.14,0.28,0.14
+	c0,0,8.96,5.32,19.74-2.1c0,0,1.82-0.84-0.84-2.24l-5.04-1.54C34.44,40.18,30.52,39.34,29.96,36.26L29.96,36.26z M19.88,30.24
+	c0,0-1.4-2.94,1.12-6.86c0,0-1.54-2.24-6.16-4.34c-1.82-0.84-3.92-0.14-4.76,1.68c0,0.14-0.14,0.14-0.14,0.28
+	c0,0-5.32,8.96,2.24,19.6c0,0,0.84,1.82,2.24-0.84l1.54-5.18C15.96,34.72,16.8,30.66,19.88,30.24L19.88,30.24z M35.98,26.18
+	c0,0,1.4,2.94-1.12,6.86c0,0,1.54,2.38,6.02,4.34c1.82,0.84,3.92,0.14,4.76-1.68c0-0.14,0.14-0.14,0.14-0.28
+	c0,0,5.32-8.96-2.24-19.6c0,0-0.84-1.82-2.24,0.84l-1.4,5.04C40.04,21.84,39.06,25.76,35.98,26.18z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/泵离线.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<path fill="#999DAA" d="M28,0C12.6,0,0,12.6,0,28s12.6,28,28,28s28-12.6,28-28S43.4,0,28,0z M28,51.8C14.84,51.8,4.2,41.16,4.06,28
+	c0-13.16,10.64-23.8,23.8-23.94c13.16,0,23.8,10.64,23.94,23.8l0,0C51.8,41.16,41.16,51.8,28,51.8z"/>
+<path fill="#999DAA" d="M22.96,28c0,2.8,2.24,5.04,5.04,5.04s5.04-2.24,5.04-5.04S30.8,22.96,28,22.96S22.96,25.2,22.96,28z"/>
+<path fill="#999DAA" d="M25.9,20.16c0,0,2.94-1.4,6.86,1.12c0,0,2.38-1.54,4.34-6.16c0.84-1.82,0.14-3.92-1.68-4.76
+	c-0.14,0-0.14-0.14-0.28-0.14c0,0-8.96-5.32-19.6,2.24c0,0-1.82,0.84,0.84,2.24l5.04,1.54C21.56,16.24,25.48,17.22,25.9,20.16z
+	 M29.96,36.26c0,0-2.94,1.4-6.86-1.12c0,0-2.24,1.54-4.34,6.16c-0.84,1.82-0.14,3.92,1.68,4.76c0.14,0,0.14,0.14,0.28,0.14
+	c0,0,8.96,5.32,19.74-2.1c0,0,1.82-0.84-0.84-2.24l-5.04-1.54C34.44,40.18,30.52,39.34,29.96,36.26L29.96,36.26z M19.88,30.24
+	c0,0-1.4-2.94,1.12-6.86c0,0-1.54-2.24-6.16-4.34c-1.82-0.84-3.92-0.14-4.76,1.68c0,0.14-0.14,0.14-0.14,0.28
+	c0,0-5.32,8.96,2.24,19.6c0,0,0.84,1.82,2.24-0.84l1.54-5.18C15.96,34.72,16.8,30.66,19.88,30.24L19.88,30.24z M35.98,26.18
+	c0,0,1.4,2.94-1.12,6.86c0,0,1.54,2.38,6.02,4.34c1.82,0.84,3.92,0.14,4.76-1.68c0-0.14,0.14-0.14,0.14-0.28
+	c0,0,5.32-8.96-2.24-19.6c0,0-0.84-1.82-2.24,0.84l-1.4,5.04C40.04,21.84,39.06,25.76,35.98,26.18z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/泵运行.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<path fill="#1ad90b" d="M28,0C12.6,0,0,12.6,0,28s12.6,28,28,28s28-12.6,28-28S43.4,0,28,0z M28,51.8C14.84,51.8,4.2,41.16,4.06,28
+	c0-13.16,10.64-23.8,23.8-23.94c13.16,0,23.8,10.64,23.94,23.8l0,0C51.8,41.16,41.16,51.8,28,51.8z"/>
+<path fill="#1ad90b" d="M22.96,28c0,2.8,2.24,5.04,5.04,5.04s5.04-2.24,5.04-5.04S30.8,22.96,28,22.96S22.96,25.2,22.96,28z"/>
+<path fill="#1ad90b" d="M25.9,20.16c0,0,2.94-1.4,6.86,1.12c0,0,2.38-1.54,4.34-6.16c0.84-1.82,0.14-3.92-1.68-4.76
+	c-0.14,0-0.14-0.14-0.28-0.14c0,0-8.96-5.32-19.6,2.24c0,0-1.82,0.84,0.84,2.24l5.04,1.54C21.56,16.24,25.48,17.22,25.9,20.16z
+	 M29.96,36.26c0,0-2.94,1.4-6.86-1.12c0,0-2.24,1.54-4.34,6.16c-0.84,1.82-0.14,3.92,1.68,4.76c0.14,0,0.14,0.14,0.28,0.14
+	c0,0,8.96,5.32,19.74-2.1c0,0,1.82-0.84-0.84-2.24l-5.04-1.54C34.44,40.18,30.52,39.34,29.96,36.26L29.96,36.26z M19.88,30.24
+	c0,0-1.4-2.94,1.12-6.86c0,0-1.54-2.24-6.16-4.34c-1.82-0.84-3.92-0.14-4.76,1.68c0,0.14-0.14,0.14-0.14,0.28
+	c0,0-5.32,8.96,2.24,19.6c0,0,0.84,1.82,2.24-0.84l1.54-5.18C15.96,34.72,16.8,30.66,19.88,30.24L19.88,30.24z M35.98,26.18
+	c0,0,1.4,2.94-1.12,6.86c0,0,1.54,2.38,6.02,4.34c1.82,0.84,3.92,0.14,4.76-1.68c0-0.14,0.14-0.14,0.14-0.28
+	c0,0,5.32-8.96-2.24-19.6c0,0-0.84-1.82-2.24,0.84l-1.4,5.04C40.04,21.84,39.06,25.76,35.98,26.18z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/风扇故障.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="18.1743" y1="48.5671" x2="37.7194" y2="48.5671" gradientTransform="matrix(1 0 0 -1 0 59.3279)">
+	<stop  offset="0.2039" style="stop-color:#AC3A54"/>
+	<stop  offset="0.75" style="stop-color:#FFB6C7"/>
+	<stop  offset="1" style="stop-color:#C6546E"/>
+</linearGradient>
+<polygon fill="url(#SVGID_1_)" points="33.38,21.522 22.62,21.522 18.227,0 37.773,0 "/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="18.1743" y1="829.6729" x2="37.7194" y2="829.6729" gradientTransform="matrix(1 0 0 1 0 -784.5435)">
+	<stop  offset="0.2039" style="stop-color:#AC3A54"/>
+	<stop  offset="0.75" style="stop-color:#FFB6C7"/>
+	<stop  offset="1" style="stop-color:#C6546E"/>
+</linearGradient>
+<polygon fill="url(#SVGID_2_)" points="33.38,34.259 22.62,34.259 18.227,56 37.773,56 "/>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="193.7608" y1="659.749" x2="174.2157" y2="659.749" gradientTransform="matrix(0 1 1 0 -614.6196 -155.9348)">
+	<stop  offset="0.2039" style="stop-color:#AC3A54"/>
+	<stop  offset="0.75" style="stop-color:#FFB6C7"/>
+	<stop  offset="1" style="stop-color:#C6546E"/>
+</linearGradient>
+<polygon fill="url(#SVGID_3_)" points="34.259,33.38 34.259,22.62 56,18.227 56,37.773 "/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="193.7608" y1="218.491" x2="174.2157" y2="218.491" gradientTransform="matrix(0 1 -1 0 229.2517 -155.9348)">
+	<stop  offset="0.2039" style="stop-color:#AC3A54"/>
+	<stop  offset="0.75" style="stop-color:#FFB6C7"/>
+	<stop  offset="1" style="stop-color:#C6546E"/>
+</linearGradient>
+<polygon fill="url(#SVGID_4_)" points="21.522,33.38 21.522,22.62 0,18.227 0,37.773 "/>
+<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="22.5948" y1="31.2181" x2="33.3007" y2="31.2181" gradientTransform="matrix(1 0 0 -1 0 59.3279)">
+	<stop  offset="0" style="stop-color:#9C9FA6"/>
+	<stop  offset="0.5391" style="stop-color:#848890"/>
+	<stop  offset="0.9832" style="stop-color:#D2D5DB"/>
+</linearGradient>
+<path fill="url(#SVGID_5_)" d="M30.745,33.38h-5.71c-1.318,0-2.416-1.098-2.416-2.416v-5.71c0-1.318,1.098-2.416,2.416-2.416h5.71
+	c1.318,0,2.416,1.098,2.416,2.416v5.71C33.38,32.282,32.282,33.38,30.745,33.38z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/风扇离线.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<g>
+	
+		<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="18.1743" y1="54.7873" x2="37.7194" y2="54.7873" gradientTransform="matrix(1 0 0 -1 0 65.5481)">
+		<stop  offset="0" style="stop-color:#9A9DA0"/>
+		<stop  offset="0.5391" style="stop-color:#DBDCE0"/>
+		<stop  offset="1" style="stop-color:#F1F3F6"/>
+	</linearGradient>
+	<polygon fill="url(#SVGID_1_)" points="33.38,21.522 22.62,21.522 18.227,0 37.773,0 	"/>
+	
+		<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="18.1743" y1="829.6729" x2="37.7194" y2="829.6729" gradientTransform="matrix(1 0 0 1 0 -784.5435)">
+		<stop  offset="0" style="stop-color:#9A9DA0"/>
+		<stop  offset="0.5391" style="stop-color:#DBDCE0"/>
+		<stop  offset="1" style="stop-color:#F1F3F6"/>
+	</linearGradient>
+	<polygon fill="url(#SVGID_2_)" points="33.38,34.259 22.62,34.259 18.227,56 37.773,56 	"/>
+	
+		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="177.8098" y1="656.048" x2="197.3549" y2="656.048" gradientTransform="matrix(0 1 1 0 -610.9186 -159.6358)">
+		<stop  offset="0" style="stop-color:#9A9DA0"/>
+		<stop  offset="0.5391" style="stop-color:#DBDCE0"/>
+		<stop  offset="1" style="stop-color:#F1F3F6"/>
+	</linearGradient>
+	<polygon fill="url(#SVGID_3_)" points="34.259,33.38 34.259,22.62 56,18.227 56,37.773 	"/>
+	
+		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="177.8098" y1="228.4122" x2="197.3549" y2="228.4122" gradientTransform="matrix(0 1 -1 0 239.173 -159.6358)">
+		<stop  offset="0" style="stop-color:#9A9DA0"/>
+		<stop  offset="0.5391" style="stop-color:#DBDCE0"/>
+		<stop  offset="1" style="stop-color:#F1F3F6"/>
+	</linearGradient>
+	<polygon fill="url(#SVGID_4_)" points="21.522,33.38 21.522,22.62 0,18.227 0,37.773 	"/>
+	
+		<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="22.5948" y1="37.4383" x2="33.3007" y2="37.4383" gradientTransform="matrix(1 0 0 -1 0 65.5481)">
+		<stop  offset="0" style="stop-color:#9C9FA6"/>
+		<stop  offset="0.5391" style="stop-color:#848890"/>
+		<stop  offset="0.9832" style="stop-color:#D2D5DB"/>
+	</linearGradient>
+	<path fill="url(#SVGID_5_)" d="M30.745,33.38h-5.71c-1.318,0-2.416-1.098-2.416-2.416v-5.71c0-1.318,1.098-2.416,2.416-2.416h5.71
+		c1.318,0,2.416,1.098,2.416,2.416v5.71C33.38,32.282,32.282,33.38,30.745,33.38z"/>
+</g>
+</svg>

packages/extend-components/EC_ConfigurationView/src/images/组态/状态/风扇运行.svg

+<?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"
+	 width="56px" height="56px" viewBox="0 0 56 56" enable-background="new 0 0 56 56" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="18.1743" y1="48.9032" x2="37.7194" y2="48.9032" gradientTransform="matrix(1 0 0 -1 0 59.664)">
+	<stop  offset="0.2039" style="stop-color:#01AC7A"/>
+	<stop  offset="0.75" style="stop-color:#96FFE0"/>
+	<stop  offset="1" style="stop-color:#04A073"/>
+</linearGradient>
+<polygon fill="url(#SVGID_1_)" points="33.38,21.522 22.62,21.522 18.227,0 37.773,0 "/>
+<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="18.1743" y1="829.6729" x2="37.7194" y2="829.6729" gradientTransform="matrix(1 0 0 1 0 -784.5435)">
+	<stop  offset="0.2039" style="stop-color:#04A073"/>
+	<stop  offset="0.75" style="stop-color:#A2F9CD"/>
+	<stop  offset="1" style="stop-color:#04A073"/>
+</linearGradient>
+<polygon fill="url(#SVGID_2_)" points="33.38,34.259 22.62,34.259 18.227,56 37.773,56 "/>
+<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="193.8145" y1="659.6953" x2="174.2694" y2="659.6953" gradientTransform="matrix(0 1 1 0 -614.5659 -155.9885)">
+	<stop  offset="0.2039" style="stop-color:#04A073"/>
+	<stop  offset="0.75" style="stop-color:#A2F9CD"/>
+	<stop  offset="1" style="stop-color:#04A073"/>
+</linearGradient>
+<polygon fill="url(#SVGID_3_)" points="34.259,33.38 34.259,22.62 56,18.227 56,37.773 "/>
+<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="193.8145" y1="218.8807" x2="174.2694" y2="218.8807" gradientTransform="matrix(0 1 -1 0 229.6415 -155.9885)">
+	<stop  offset="0.2039" style="stop-color:#04A073"/>
+	<stop  offset="0.75" style="stop-color:#A2F9CD"/>
+	<stop  offset="1" style="stop-color:#04A073"/>
+</linearGradient>
+<polygon fill="url(#SVGID_4_)" points="21.522,33.38 21.522,22.62 0,18.227 0,37.773 "/>
+<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="22.5948" y1="31.5541" x2="33.3007" y2="31.5541" gradientTransform="matrix(1 0 0 -1 0 59.664)">
+	<stop  offset="0" style="stop-color:#9C9FA6"/>
+	<stop  offset="0.5391" style="stop-color:#848890"/>
+	<stop  offset="0.9832" style="stop-color:#D2D5DB"/>
+</linearGradient>
+<path fill="url(#SVGID_5_)" d="M30.745,33.38h-5.71c-1.318,0-2.416-1.098-2.416-2.416v-5.71c0-1.318,1.098-2.416,2.416-2.416h5.71
+	c1.318,0,2.416,1.098,2.416,2.416v5.71C33.38,32.282,32.282,33.38,30.745,33.38z"/>
+</svg>

packages/extend-components/EC_ConfigurationView/src/index.less

+@import (reference) '../../../../node_modules/antd/es/style/themes/default';
+@ec-configuration-view-prefix-cls: ~'@{ant-prefix}-ec-configuration-view';
+
+.@{ec-configuration-view-prefix-cls} {
+  width: 100%;
+  height: 100%;
+
+  .configurationView {
+    width: 100%;
+    height: 100%;
+    canvas {
+      border: 0;
+      outline: none;
+    }
+  }
+
+  &-modal {
+    color: white;
+
+    .switchControlContent {
+      display: flex;
+      align-items: center;
+
+      :global {
+        .anticon.anticon-exclamation-circle {
+          margin-top: 2px;
+          margin-right: 10px;
+          color: #fd5e72;
+          font-size: 18px;
+        }
+      }
+    }
+
+    .moreControlContent {
+      display: flex;
+      flex-direction: column;
+
+      .moreControlList {
+        display: flex;
+
+        span {
+          margin-right: 30px;
+          white-space: nowrap;
+        }
+
+        div {
+          margin-bottom: 20px;
+          padding: 2px 10px;
+          border: 1px solid #6d7da2;
+          border-radius: 6px;
+        }
+
+        &:last-of-type {
+          div {
+            margin-bottom: 0;
+          }
+        }
+      }
+    }
+
+    .adjustControlContent {
+      display: flex;
+      align-items: center;
+
+      .label {
+        margin-right: 30px;
+        white-space: nowrap;
+      }
+
+      //:global {
+      .ant-input-affix-wrapper {
+        background: #1c202c;
+        border: none;
+      }
+
+      .ant-input-affix-wrapper:focus,
+      .ant-input-affix-wrapper-focused {
+        box-shadow: none;
+      }
+
+      .ant-input:focus {
+        border: none;
+        box-shadow: none;
+      }
+
+      .ant-input,
+      .ant-btn {
+        color: white;
+        background: #1c202c;
+        border: none;
+      }
+
+      .ant-input-group-addon {
+        background: #1c202c;
+        border: none;
+      }
+
+      .ant-input-suffix {
+        color: #646977;
+      }
+      //}
+    }
+
+    .authorizeControlContent {
+      display: flex;
+      flex-direction: column;
+
+      .authorizeControlItem {
+        display: flex;
+        align-items: center;
+        margin-bottom: 20px;
+
+        //:global {
+
+        .ant-col.ant-form-item-label {
+          margin-right: 10px;
+
+          label {
+            color: white;
+          }
+        }
+
+        .ant-form-item-control-input-content {
+          display: flex;
+          align-items: center;
+        }
+
+        .ant-input-affix-wrapper {
+          background: #1c202c;
+          border: none;
+        }
+
+        .ant-input-affix-wrapper:focus,
+        .ant-input-affix-wrapper-focused {
+          box-shadow: none;
+        }
+
+        .ant-input:focus {
+          border: none;
+          box-shadow: none;
+        }
+
+        .ant-input,
+        .ant-btn {
+          color: white;
+          background: #1c202c;
+          border: none;
+        }
+
+        .ant-input-group-addon {
+          background: #1c202c;
+          border: none;
+        }
+
+        .ant-input-suffix {
+          color: #646977;
+        }
+      }
+
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+      //}
+    }
+
+    //:global{
+    .ant-modal-content {
+      color: white;
+      background: #282d3b;
+      border: 1px solid #31374a;
+
+      .ant-modal-close {
+        color: white;
+      }
+
+      .ant-modal-close-x {
+        line-height: 42px;
+      }
+
+      .ant-modal-header {
+        background: none;
+        border-color: #1c202c;
+
+        .ant-modal-title {
+          color: white;
+        }
+      }
+
+      .ant-modal-body {
+      }
+
+      .ant-modal-footer {
+        background: none;
+        border-color: #1c202c;
+
+        .ant-btn:first-of-type {
+          color: white;
+          background-color: #838a9d;
+          border: none;
+
+          &:hover {
+            background-color: #9ba3b6;
+          }
+        }
+      }
+    }
+    //}
+  }
+
+  .historyInfoModal {
+    //:global {
+    .ant-modal-body {
+      height: 680px;
+    }
+    //}
+  }
+
+  .jumpModal {
+    color: white;
+
+    //:global {
+
+    .ant-modal {
+      padding-bottom: 0;
+    }
+
+    .ant-modal,
+    .ant-modal-content {
+      background: #282d3b;
+    }
+
+    .ant-modal-content {
+      height: 100%;
+    }
+
+    .ant-modal-header {
+      background: #282d3b;
+    }
+
+    .ant-modal-title,
+    .ant-modal-close-x {
+      color: white;
+    }
+
+    .ant-modal-body {
+      height: calc(100% - 55px);
+    }
+  }
+
+  .configurationView {
+    width: 100%;
+    height: 100%;
+    canvas {
+      border: 0;
+      outline: none;
+    }
+  }
+  //}
+}

packages/extend-components/EC_ConfigurationView/src/js/BarLink.js

+import * as go from './go';
+
+export default class BarLink extends go.Link {
+  constructor() {
+    super(...arguments);
+    go.Link.call(this);
+  }
+  getLinkPoint(node, port, spot, from, ortho, othernode, otherport) {
+    if (node.category === 'HBar') {
+      window.οncοntextmenu = function (event) {
+        var e = event || window.event;
+        document.getElementById('Menu').style.left = e.clientX + 'px';
+        document.getElementById('Menu').style.top = e.clientY + 'px';
+        document.getElementById('Menu').style.display = 'block';
+        return false;
+      };
+      var op = go.Link.prototype.getLinkPoint.call(
+        this,
+        othernode,
+        otherport,
+        this.computeSpot(!from),
+        !from,
+        ortho,
+        node,
+        port,
+      );
+      var r = port.getDocumentBounds();
+      // 横向合管
+      var r = port.getDocumentBounds();
+      var angle = node.angle;
+      var spare = (angle / 90) % 2;
+      if (!spare) {
+        var y = op.y > r.centerY ? r.bottom : r.top;
+        if (op.x < r.left) return new go.Point(r.left, y);
+        if (op.x > r.right) return new go.Point(r.right, y);
+        return new go.Point(op.x, y);
+      }
+      // 纵向合管
+      var x = op.x > r.centerX ? r.right : r.left;
+      if (op.y < r.top) return new go.Point(x, r.top);
+      if (op.y > r.bottom) return new go.Point(x, r.bottom);
+      // return new go.Point(x, op.y - r.width / 2 + 3);
+      return new go.Point(x, op.y);
+    } else {
+      return go.Link.prototype.getLinkPoint.call(
+        this,
+        node,
+        port,
+        spot,
+        from,
+        ortho,
+        othernode,
+        otherport,
+      );
+    }
+  }
+}
+
+// function BarLink() {
+//     go.Link.call(this);
+// }
+// go.Diagram.inherit(BarLink, go.Link);
+
+// BarLink.prototype.getLinkPoint = function(node, port, spot, from, ortho, othernode, otherport) {
+//     if (node.category === "HBar") {
+//         window.οncοntextmenu = function(event) {
+//             var e = event || window.event;
+//             document.getElementById("Menu").style.left = e.clientX + "px";
+//             document.getElementById("Menu").style.top = e.clientY + "px";
+//             document.getElementById("Menu").style.display = "block";
+//             return false;
+//         }
+//         var op = go.Link.prototype.getLinkPoint.call(this, othernode, otherport, this.computeSpot(!from), !from, ortho, node, port);
+//         var r = port.getDocumentBounds();
+//         // 横向合管
+//         var r = port.getDocumentBounds();
+//         var angle = node.angle;
+//         var spare = (angle / 90) % 2;
+//         if (!spare) {
+//             var y = (op.y > r.centerY) ? r.bottom : r.top;
+//             if (op.x < r.left) return new go.Point(r.left, y);
+//             if (op.x > r.right) return new go.Point(r.right, y);
+//             return new go.Point(op.x, y);
+//         }
+//         // 纵向合管
+//         var x = (op.x > r.centerX) ? r.right : r.left;
+//         if (op.y < r.top) return new go.Point(x, r.top);
+//         if (op.y > r.bottom) return new go.Point(x, r.bottom);
+//         // return new go.Point(x, op.y - r.width / 2 + 3);
+//         return new go.Point(x, op.y);
+//     } else {
+//         return go.Link.prototype.getLinkPoint.call(this, node, port, spot, from, ortho, othernode, otherport);
+//     }
+// };