diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAA
+CXBIWXMAAAsTAAALEwEAmpwYAAADsHpUWHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImdVkuWm0AM
+3OsUOQJI3RJ9HNvALu9lmeOnSu2xYcDOzJhHg/sjlUo/5O/vP/ILv7G0JnazNaYYfHTzq9coOrh6
+9fDmi82qy3q9XldVzDcvnKlhtcw2lDmGYtg7eZMyxSVwsFpcylKL4wmBZjikaqstOtgtJrvE5Djo
+M5X5qAP/+82XMK4JNQBN8ZU47NIXHtsTyVMM5q48UR4ndKhTmesgSnBr5JS5LjboDDyD8d9gYQ1z
+o7mVvCe9YVaNN9TgyXE0FZ3xABLcilFxcPh06d08BQq3S9VSin8yTSUXad4UBddgF5izRv50CezS
+JRFHam68EoliVIxzVwBEYQH/kJGYYBY0cH2PAhDgKjhCvSVTDQxhx8e6jwLC1gCxRNWJ3fqCBB/x
+prLl6SK8m+B1hikT8AwEn3Svn0XiiJ0QMACC+o3GS7eeGzFWHKx0PU2F1i54PApGPE2wBIhgMN8G
++RrwO+7D8acNcs5LmZEC31ExyZ4bCJxPDLEopYZ3l5wLlzPpe+HM0IDTsWetmmGwJslIV4rvjApj
+puunjsJIqRBEHrRSyeq3Q3YduQLZlLTgHnSqWTp4AGFt2l6oqKX0JxXc8+6ea2OOpZZMT2acZvaN
+esU25D6TeCd2doZMc4/Wxcpe7guxgbEgx16LrcIc8w51PIP8VdHSZWcKXNwzz2eKS0c3vqPo1gzG
+BTlAHAeqySBz7cbjd6s7Gnt5oBUAqcz6FWobU4onwgRlCvUedbIROYCz5iBEYIxmnj24yGiHKIZg
+ErJkJIFsipK+CeHYskdcYDGLKrtKxUiBDTOBpJ6xHnjnm1rFPzCIagQmXYWU5SQLbrVyQMAwtHjU
+hA8Eu4aBNwG8RHLGCI5WIIQcXokuEYF8IAEq9hmiQ0+UZAOFn4ZYSbMaHQ8vxgEdfdp66wSi2xat
+bOE++CoPvlioPTkakxEDJxP5gjK7IyKbiGwuV8AlVPRXdjLcE1DGowVsUaE9p9eALtqzRUh2Klgd
+475vIELQ4TaV6MKvg4/+kXRv0hiCkoft9hdxchImO7Plnd3vzd4DkAg4u3aw/0nUV6UlxUmXx/KJ
+2lIgdqTlJVOVHv1KdeyF7XV1XL9Dv/TcBQ4W8fJz6uVnKXrMUNkj+Ab1n2qk7Ln/OfWy5/5tY9py
+x1PkjQp6YcsGffePro/Pu03SZO99m2s8J+++yA7i8+vxKX77yZztqC+dfLhXmpfu1v7NLf8AtB+6
+j+cJuyoAAAihSURBVHja7dt7rGVVfQfwz2+de+9Aa8sEixQ1dRApz1Jq2iJCqi1SITaBhlGoKYSb
+0PoYDBBkrFQYp9RGpwNObYU2PmamtpUaERNMawWEYCxSrY5pa2osmdtOtTCtMuPMyMzce9avf+xz
+79z3OffVE8t8k3XPPnuvx/f73Wv91tprnxuZ6bmM0m8C/cZRA/pNoN84akC/CfQbA9NPRIQ1t2w9
+V7icclm/CS4LInaI9saR9w6PTJ/1YvqJk9dvO1eUR7C637yXHVl/buema3dMPjVzCERrw/9L8Ue0
+TcEsMSDP7TfPlUO+evqZgVlyrZ76Nbb0m/YSRd84t7bZDZiCne+7+qZ+S1gMIgKsWb/9WvMM6ef8
+NHjUgH4T6De6xgA4+Z3bqIFAhRZeT3kVEbS/q8ZDiq+Q+6TG2phUScWhaecG0MZg63nUE2W+DGOL
+0NEi9ooYkXmA2L/mlm3o/qjfkwFT0NT5AhG/i7ONqy1uJR/GBnyx5/rCK5oycYmInovNg7/D7fhy
+Lw4sxIA1wgtUXzPqvwz6lOKsjisPyvgpERfhHPLqDpFu6n/VQHyWbIu8X8Z3LG5YVhyDl4p4jYyL
+yVfiieUy4Mdxr/TzimsM+CuRW0T8mvRyPE5eK8t7hGHcRV6Gf5tSy9RhMSDKu8m2mjcYyLtlEIvc
+ocrQueE3Ce+W7pAu16VT9eh2eSNxHlqU2xQnqZ4xlm+XDhPrtZwo8iYZfyPiTMoNlGOaJgolGOxY
+3qSzRJ4p4yFjeTcd8UtJkPl+mY+JuNiYE7sq60l/jd8aPyJOJ94sgsxHsBPHyviAUvdS30nuknGN
+UScZxSjGguiY0aRzMCTqFwyM38ElxoDQGB3xJBh0fLciPQ6BPIv8D+lhYVjEOq3Yp+bP4KSONYdV
+RH6L+FclL9auz5d2NuSC1hS/j2lU56HmNsQLcbuMly1KfMaoyAdwNw501A1pL4sBVhGHlHpnp7Fh
+Ne9oRCDrFqPuUTDoWekZiaFpS9Cpw7t2PkunjkPEi4iLFmWAYMw3RNISErm8s8Cx0iGRd+LVxMky
+vqXVvl7bY9LBjsjVstP1itaskmdFfhfXEMfR7b7Nph5pb+d7q9eCvRrwJE4m1ql5k8jrZK6m9Si+
+N9HkKtRyehMncp/ps0B3PNNJ/2fozYCsfyjKn+J8/IT0+SnXozBUSQPkWrxY5nZtT0/N162dXjLN
+pyYm1bOcBoz5jEG7OlPhx0S+1aidBpJaxvPA8cI5CtoeUe2fIn5wHnKphRPwPF0Gyyxo1uiRu8kD
+zYyynAakb8t6hSj3ibhEeFDYpOnizSo/PWHMbi0fV1yoVW5R6kPktyfVM4+E+Elim3Sh5qlhIWhp
+Jts/wGYL6AO9GdAY+mU1f1PEBuJXDPizSTmeVeJ6gz4q68fV8lrhStxKrDvCJ83ZxaOM4RuyrrLw
+HjBe+dik42U0YBw1HxPWGijXyHw5+eLG/XiViN8TvohvCr+Pi4m3Eg/I9mfJjv65umc+Ld3QBNeF
+zAITpib2d457fp5Y+NNgE6X/iGzJPAGDSnlQ5mnkzTJ+W8l/lnkn5Q7yT/Czxhcnc5pbm0fuYk9X
+vRNl0GqZ6DA58We012C6lA2RNp4yZpexenNzKq4S8boOyQ/gH3GKiPdO3KTZXsdnQ1ntseeOb0tU
+4z3qBOE8rMWlOLVXEYvpATPJ1/xbrfwgZR3ega8L/ynqm9TyJeJq8i/xpTnjQMWAl+AccwfBFvbj
+q9IBDOFtorwFx+FHNHFgcBK7FTZggn7cI2OtcAHeSG7C14gPkesom6mvNdtQCKxqnSL8NfnT8xIP
+VeZGA7mF1jryPdiLe2nvFq0TZbyePLYX4kszoGXSojP/Rdb3ybhLLTdTH9LKr+J3cCEuELFB5DvI
+nDlXt3cRHxTlNXh2jhYL9ZCx/ILwIq1cj6eUvECNp5sboXRYvVkPgWDxBuQs9yndT1wp8jzpRukt
+Sns/3qSWx3AFPol/mKy883kYWzupO8Ja/BjxkSNrjSCz4vsTubpgEUEwaCeHsxmpU1KOaNc7hYMi
+rhaxFlRflz5KvFSWW6mraH+nER/HTaWa86TOxwCKH+3491QTPJN2aQJp5Pg+wMEVMKAb8tMiP9kI
+LxtVLzTqoNG6Gf8u4zIZv6H6Cn4gy5XE8Q2VJOvsKTppJg5Pbd7zcT7xPWLn8huQOf90lUaN2SQ9
+Rb6E2GgwKJ6U+S7FIeE26RiZHxN5Gu7BK3E6zpyWzsYp45U3218IgQHibJyBM0RcJOLDMs5S8/1G
+Y/61h4XGgNB0//Hj2a5XjOU/Gco/F+XtxHXEh7XqE/gLmVcRrzPkF9S8XXWqiDfgUmL3LDUXfF/G
+u4QH1Gw4hMcVB0W8rVM2FGsoLVE/oZ1/rBqdtgu1RAMWYlTzUHIZTiPvktYqZa2spyrBqGNVB7Ty
+OuJS8hLN9tqQqeG1YI/IZxqDs5npwzcNuYK8quklWcnHZTyouF/Y18tisDcDOsNTWMBei/+WeZuI
+e3G+iM+RZ4hokZ9T8/PNUtZubCfv0yxkWtMMCM068X8mvh3ZP32Y/HvN29/EPrp3+4UbEHMcd0Pm
+faJsJ4eFs0XuMpYbFA9MCDqC/Z20UDxr7nVDV3QNgrG011UV1yv1Fdr1l4zmL2KrnCG+b+ipB4xs
+Hl5KGz/QwyuqlcKa9dvnvX709Xi3DGvWb7283yT7agDl/n6TXEbsmaFuRpaMHf1muYIY6cGA9sZ+
+s1w51BnaZhgwsnn4UVmHsaPfdJcRO2QdHtk0/OnpF2b8Vnj6vL/mxq2rF9zcUGvDtB8oLgPqRodt
+WUzJkS3De8aPp+vtGgQnF+4Va9Zv3bsSM+xiuHTDc34dcNSAFap3xw9JnStjQCfaLifhHQ579IfG
+AHC4/rKIbUusZY+MR5X66ysRAOlhGlwOLGoqtTJRv+v/DD3XcHQW6DeBfuOoAf0m0G/8LwlZRtUQ
+zzAkAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjM1KzAwOjAwYLpB4wAAACV0
+RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzozNSswMDowMBHn+V8AAAAodEVYdGRhdGU6
+dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MzUrMDA6MDBG8tiAAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAA
+CXBIWXMAAAsTAAALEwEAmpwYAAADsHpUWHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImdVkuWm0AM
+3OsUOQJI3RJ9HNvALu9lmeOnSu2xYcDOzJhHg/sjlUo/5O/vP/ILv7G0JnazNaYYfHTzq9coOrh6
+9fDmi82qy3q9XldVzDcvnKlhtcw2lDmGYtg7eZMyxSVwsFpcylKL4wmBZjikaqstOtgtJrvE5Djo
+M5X5qAP/+82XMK4JNQBN8ZU47NIXHtsTyVMM5q48UR4ndKhTmesgSnBr5JS5LjboDDyD8d9gYQ1z
+o7mVvCe9YVaNN9TgyXE0FZ3xABLcilFxcPh06d08BQq3S9VSin8yTSUXad4UBddgF5izRv50CezS
+JRFHam68EoliVIxzVwBEYQH/kJGYYBY0cH2PAhDgKjhCvSVTDQxhx8e6jwLC1gCxRNWJ3fqCBB/x
+prLl6SK8m+B1hikT8AwEn3Svn0XiiJ0QMACC+o3GS7eeGzFWHKx0PU2F1i54PApGPE2wBIhgMN8G
++RrwO+7D8acNcs5LmZEC31ExyZ4bCJxPDLEopYZ3l5wLlzPpe+HM0IDTsWetmmGwJslIV4rvjApj
+puunjsJIqRBEHrRSyeq3Q3YduQLZlLTgHnSqWTp4AGFt2l6oqKX0JxXc8+6ea2OOpZZMT2acZvaN
+esU25D6TeCd2doZMc4/Wxcpe7guxgbEgx16LrcIc8w51PIP8VdHSZWcKXNwzz2eKS0c3vqPo1gzG
+BTlAHAeqySBz7cbjd6s7Gnt5oBUAqcz6FWobU4onwgRlCvUedbIROYCz5iBEYIxmnj24yGiHKIZg
+ErJkJIFsipK+CeHYskdcYDGLKrtKxUiBDTOBpJ6xHnjnm1rFPzCIagQmXYWU5SQLbrVyQMAwtHjU
+hA8Eu4aBNwG8RHLGCI5WIIQcXokuEYF8IAEq9hmiQ0+UZAOFn4ZYSbMaHQ8vxgEdfdp66wSi2xat
+bOE++CoPvlioPTkakxEDJxP5gjK7IyKbiGwuV8AlVPRXdjLcE1DGowVsUaE9p9eALtqzRUh2Klgd
+475vIELQ4TaV6MKvg4/+kXRv0hiCkoft9hdxchImO7Plnd3vzd4DkAg4u3aw/0nUV6UlxUmXx/KJ
+2lIgdqTlJVOVHv1KdeyF7XV1XL9Dv/TcBQ4W8fJz6uVnKXrMUNkj+Ab1n2qk7Ln/OfWy5/5tY9py
+x1PkjQp6YcsGffePro/Pu03SZO99m2s8J+++yA7i8+vxKX77yZztqC+dfLhXmpfu1v7NLf8AtB+6
+j+cJuyoAAAihSURBVHja7dt7rGVVfQfwz2+de+9Aa8sEixQ1dRApz1Jq2iJCqi1SITaBhlGoKYSb
+0PoYDBBkrFQYp9RGpwNObYU2PmamtpUaERNMawWEYCxSrY5pa2osmdtOtTCtMuPMyMzce9avf+xz
+79z3OffVE8t8k3XPPnuvx/f73Wv91tprnxuZ6bmM0m8C/cZRA/pNoN84akC/CfQbA9NPRIQ1t2w9
+V7icclm/CS4LInaI9saR9w6PTJ/1YvqJk9dvO1eUR7C637yXHVl/buema3dMPjVzCERrw/9L8Ue0
+TcEsMSDP7TfPlUO+evqZgVlyrZ76Nbb0m/YSRd84t7bZDZiCne+7+qZ+S1gMIgKsWb/9WvMM6ef8
+NHjUgH4T6De6xgA4+Z3bqIFAhRZeT3kVEbS/q8ZDiq+Q+6TG2phUScWhaecG0MZg63nUE2W+DGOL
+0NEi9ooYkXmA2L/mlm3o/qjfkwFT0NT5AhG/i7ONqy1uJR/GBnyx5/rCK5oycYmInovNg7/D7fhy
+Lw4sxIA1wgtUXzPqvwz6lOKsjisPyvgpERfhHPLqDpFu6n/VQHyWbIu8X8Z3LG5YVhyDl4p4jYyL
+yVfiieUy4Mdxr/TzimsM+CuRW0T8mvRyPE5eK8t7hGHcRV6Gf5tSy9RhMSDKu8m2mjcYyLtlEIvc
+ocrQueE3Ce+W7pAu16VT9eh2eSNxHlqU2xQnqZ4xlm+XDhPrtZwo8iYZfyPiTMoNlGOaJgolGOxY
+3qSzRJ4p4yFjeTcd8UtJkPl+mY+JuNiYE7sq60l/jd8aPyJOJ94sgsxHsBPHyviAUvdS30nuknGN
+UScZxSjGguiY0aRzMCTqFwyM38ElxoDQGB3xJBh0fLciPQ6BPIv8D+lhYVjEOq3Yp+bP4KSONYdV
+RH6L+FclL9auz5d2NuSC1hS/j2lU56HmNsQLcbuMly1KfMaoyAdwNw501A1pL4sBVhGHlHpnp7Fh
+Ne9oRCDrFqPuUTDoWekZiaFpS9Cpw7t2PkunjkPEi4iLFmWAYMw3RNISErm8s8Cx0iGRd+LVxMky
+vqXVvl7bY9LBjsjVstP1itaskmdFfhfXEMfR7b7Nph5pb+d7q9eCvRrwJE4m1ql5k8jrZK6m9Si+
+N9HkKtRyehMncp/ps0B3PNNJ/2fozYCsfyjKn+J8/IT0+SnXozBUSQPkWrxY5nZtT0/N162dXjLN
+pyYm1bOcBoz5jEG7OlPhx0S+1aidBpJaxvPA8cI5CtoeUe2fIn5wHnKphRPwPF0Gyyxo1uiRu8kD
+zYyynAakb8t6hSj3ibhEeFDYpOnizSo/PWHMbi0fV1yoVW5R6kPktyfVM4+E+Elim3Sh5qlhIWhp
+Jts/wGYL6AO9GdAY+mU1f1PEBuJXDPizSTmeVeJ6gz4q68fV8lrhStxKrDvCJ83ZxaOM4RuyrrLw
+HjBe+dik42U0YBw1HxPWGijXyHw5+eLG/XiViN8TvohvCr+Pi4m3Eg/I9mfJjv65umc+Ld3QBNeF
+zAITpib2d457fp5Y+NNgE6X/iGzJPAGDSnlQ5mnkzTJ+W8l/lnkn5Q7yT/Czxhcnc5pbm0fuYk9X
+vRNl0GqZ6DA58We012C6lA2RNp4yZpexenNzKq4S8boOyQ/gH3GKiPdO3KTZXsdnQ1ntseeOb0tU
+4z3qBOE8rMWlOLVXEYvpATPJ1/xbrfwgZR3ega8L/ynqm9TyJeJq8i/xpTnjQMWAl+AccwfBFvbj
+q9IBDOFtorwFx+FHNHFgcBK7FTZggn7cI2OtcAHeSG7C14gPkesom6mvNdtQCKxqnSL8NfnT8xIP
+VeZGA7mF1jryPdiLe2nvFq0TZbyePLYX4kszoGXSojP/Rdb3ybhLLTdTH9LKr+J3cCEuELFB5DvI
+nDlXt3cRHxTlNXh2jhYL9ZCx/ILwIq1cj6eUvECNp5sboXRYvVkPgWDxBuQs9yndT1wp8jzpRukt
+Sns/3qSWx3AFPol/mKy883kYWzupO8Ja/BjxkSNrjSCz4vsTubpgEUEwaCeHsxmpU1KOaNc7hYMi
+rhaxFlRflz5KvFSWW6mraH+nER/HTaWa86TOxwCKH+3491QTPJN2aQJp5Pg+wMEVMKAb8tMiP9kI
+LxtVLzTqoNG6Gf8u4zIZv6H6Cn4gy5XE8Q2VJOvsKTppJg5Pbd7zcT7xPWLn8huQOf90lUaN2SQ9
+Rb6E2GgwKJ6U+S7FIeE26RiZHxN5Gu7BK3E6zpyWzsYp45U3218IgQHibJyBM0RcJOLDMs5S8/1G
+Y/61h4XGgNB0//Hj2a5XjOU/Gco/F+XtxHXEh7XqE/gLmVcRrzPkF9S8XXWqiDfgUmL3LDUXfF/G
+u4QH1Gw4hMcVB0W8rVM2FGsoLVE/oZ1/rBqdtgu1RAMWYlTzUHIZTiPvktYqZa2spyrBqGNVB7Ty
+OuJS8hLN9tqQqeG1YI/IZxqDs5npwzcNuYK8quklWcnHZTyouF/Y18tisDcDOsNTWMBei/+WeZuI
+e3G+iM+RZ4hokZ9T8/PNUtZubCfv0yxkWtMMCM068X8mvh3ZP32Y/HvN29/EPrp3+4UbEHMcd0Pm
+faJsJ4eFs0XuMpYbFA9MCDqC/Z20UDxr7nVDV3QNgrG011UV1yv1Fdr1l4zmL2KrnCG+b+ipB4xs
+Hl5KGz/QwyuqlcKa9dvnvX709Xi3DGvWb7283yT7agDl/n6TXEbsmaFuRpaMHf1muYIY6cGA9sZ+
+s1w51BnaZhgwsnn4UVmHsaPfdJcRO2QdHtk0/OnpF2b8Vnj6vL/mxq2rF9zcUGvDtB8oLgPqRodt
+WUzJkS3De8aPp+vtGgQnF+4Va9Zv3bsSM+xiuHTDc34dcNSAFap3xw9JnStjQCfaLifhHQ579IfG
+AHC4/rKIbUusZY+MR5X66ysRAOlhGlwOLGoqtTJRv+v/DD3XcHQW6DeBfuOoAf0m0G/8LwlZRtUQ
+zzAkAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjM1KzAwOjAwYLpB4wAAACV0
+RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzozNSswMDowMBHn+V8AAAAodEVYdGRhdGU6
+dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MzUrMDA6MDBG8tiAAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+YFWfylKL4RsKVXFIRFddJOvVR518NBy0mcZskMzfdrXFlXuJFoCm2EocOvWNL/FAcleDexeeKF8n
+JNexzDUnIbjV45aaLJplBp6s/JXVteHeoKYlPqNccVeUH5jBN6+DSpIZX0CCj+AqOJgf3rK5J0Bh
+OlUppdiDa5Jik+6NXvDOOsGd1eMli0NKlkDsYbnxHUgEV8F17gaAyNURHzLiI9yCBe4fUQACQoVA
+iLVgqoEhSNz2bUggbHUQS1Sd2H0sSPAz3jC23EOEtSYsZ7gyAk8m+KB7PVdZZmTPC7XpqPdcLRTO
+J8rVS6lu3Zv0b9DnypncDr4gs1ZIJtfgSHCgUj8SHsST7qN9qNaT6OY4e6VrW2gpiGvFwcq8pjqg
+6wiGE8cyKmxF/ICNq/RuVDYHH47fnU13W1RTmCkVbFBUKhWtdn2qrmd1OUX2LfhkGWu0Dh5AWqu0
+FyZqKf2bBra6i1rLSHpWHOLANSou6xh1V+WyrVHEB7Vbd7CuciglPesOpUNcC1T3kpYwQFgvVCfo
+ZsSambczyO+qTXu9UQJTYQlrAF8iu2CAqrsMItii5U5QICCfJkXRsyusgXxsFayUN2FphpgZGhpX
+2FOUfotjbHnOVnYEkKJFrGgQX2l4Q3BowCHTkTznEtApEGETqQrxBjgzLFs0WCJRoJNA1yBH7KLO
+u1DMCBPniOuIon3ghwXT+igCousrtF98lY0vNDa0T/Q4Dx5a2JQeJyNb6H9YDTEOPMZCCe50u0KW
+6AJR1PVkFuU7MwGCocY1sNWosAWFTXJP+OEUsmtU/5ZLPX/05YEGgFrZp1eYbewT4SYCXzwBVYYI
+cg3EcUpYhFyiedxGwJ5FjOfIMgDwdh8RKSYVYubDcW7AHibcrp1OZOo2P8L5XRlDUTiyF383r4dj
+mNL343QEkNxBZu1gd4X6SWsJdanr4whA/ReoHeh5icAzBd/pjr2xve6O6yf0p54JwMFB9OT529Tj
+QasqHvWiQD2KFl0Gv0j9QOpRkDOjYxorozxLF3JZSw/FrWh3CL5PfTpy/33q05H7vw6mPXc8Rd5o
+oD9ExID8KD7n4Umfx2ff8u8dP32r5Z+EJ/3HaDyEJ/1vadzCkz6Pzz48st4ClPZNLR7w/toL7wcf
+H5jTFtIHsf50f1f/+Jem7+z/V6Xtj1WlexFu6f+J0h9MNhZ4QffgkAAABE1JREFUWMO1mfdD00AU
+x68yxMHQAlpkyVBERJDlxr1luGdY9skWxYqAioKgRUmRusCJA3D8kbZ3l9mMS4LfXy4k733SkHfv
+3b0gZKwlUdExsUvjlnHLV6yMj42JjlqC7CshMWnVak6l1auSEhPs0NzJKamcjlJTkt0WcWvWejhD
+edausYBLW5fOmSo9I02f4FIoM8scF1ZWptJPB5i9XuHV0NjU3HLDC+C90dLc1NiguJiTbQ7MzZPs
+b7a2tYNK7W2tNyWLvFwTYP4Gybij0wua8nZ2SVYb842ABZtEw+5bYKCebtFwU4E+sHCzYHX7Dpjo
+zm3BdnOhHrBoCzXpvesz4wH47vVS8y1F2sDirdSg7745Lqz7fdRha7EWsKSUXu4fYOMBDPRTl9KS
+SOC2MnpxkBUX1iB1KiuPAFbQSw+s8AAeUrcKNTDXHg/gEXXMVQKz6fwYssoDeEznTLYCmEPOPrHO
+A6BvJkcOzKTxwvx+5Rqg0VMp8RJIvhoescMDGBkm2UyqDBnkFk/t8QCeEv8MMd+T/Dw6Zhc4NooB
+VUJV2E5u8MwuL5QpCGE74bl34L+e2+cBPMcID6mFyYof6Lco4vWMMHZiYArJz/Re4xZF3TowZBeO
+GVLPXzgDvsSQ1N0h4B58OOGVA/lAYHx8MhB4xQycItl2Twi4Fx+1ghwYCI9BAJ4ZSCfg3hCwGh+1
+OQW+xphqhArI+2kHZ/9DeEM4BWgnHt+CUyCQ2bIP7cfjO/F80KJEx/cYtB+R1D/tZJoQkWJQgQ7g
+sdk5cAaDDqJDePwgnud19dEY+AGDDqE4PH5ieClBY+AnDIpDh/H42TnwMwYtQyR8fEqgZmALQL92
+2PgICS1fbGCV1iPz/pDXpN8ftAAUHtlj+aXoAL/Ql3JEFTa2gULYqAM7oKtBYyAJ7KM2pp4OUJh6
+JDk0OgcKyYE9fSkDOyLQSfo6JiTYr06BYoJFpRol4FUwFIGzweA3dqBYAtBx1iJlDJSKlFYZtQ6U
+ldHdpNB3Kh6ZD6FmeX5WBQzwPMB3nh+MAMoKPdqFj3+wvBQ+HCZ+6QkkyZYiNHC4n06AP+WLJbdn
+sZZzJ9yKBafpBlRf9AeeFJbEJCfOjdnljc0pl8SLvmh3vK3oVW8rUCW5hbONzymNrVm/HSDdmp1W
+7PVq7G8eh4hnXqFye1tLTnPzVnnz1LFWbwNukSjwNkTs6MuFFsGCFd4CdSrL//9NDJeruI5eHmVt
+s8xRh7pinUZQPTXo/cXSCPolNILqi/RaVWfOUhNLraqzZ/SbaefOC1bc7x4jXM8f0fD8OaN2X/kF
+0ZDrYmr3XSg3aUhevCQZT/i1GpL+Ccni0mWGlmkOJ1dDY9NMy98pn2/qb8vMtLplWsPQg3W5Klmb
+upW6TV2V0jJY2s5XDNrOEbpq3hi/agEX1iK37rESEq/FR35ciL9m7+MCVcl1/Pkj9GNT45bGxkRf
+LzFx+Afm+UqveSu9ngAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo0NiswMDow
+MFuXUmcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NDYrMDA6MDAqyurbAAAA
+KHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA3OjQ2KzAwOjAwfd/LBAAAAABJRU5E
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+YFWfylKL4RsKVXFIRFddJOvVR518NBy0mcZskMzfdrXFlXuJFoCm2EocOvWNL/FAcleDexeeKF8n
+JNexzDUnIbjV45aaLJplBp6s/JXVteHeoKYlPqNccVeUH5jBN6+DSpIZX0CCj+AqOJgf3rK5J0Bh
+OlUppdiDa5Jik+6NXvDOOsGd1eMli0NKlkDsYbnxHUgEV8F17gaAyNURHzLiI9yCBe4fUQACQoVA
+iLVgqoEhSNz2bUggbHUQS1Sd2H0sSPAz3jC23EOEtSYsZ7gyAk8m+KB7PVdZZmTPC7XpqPdcLRTO
+J8rVS6lu3Zv0b9DnypncDr4gs1ZIJtfgSHCgUj8SHsST7qN9qNaT6OY4e6VrW2gpiGvFwcq8pjqg
+6wiGE8cyKmxF/ICNq/RuVDYHH47fnU13W1RTmCkVbFBUKhWtdn2qrmd1OUX2LfhkGWu0Dh5AWqu0
+FyZqKf2bBra6i1rLSHpWHOLANSou6xh1V+WyrVHEB7Vbd7CuciglPesOpUNcC1T3kpYwQFgvVCfo
+ZsSambczyO+qTXu9UQJTYQlrAF8iu2CAqrsMItii5U5QICCfJkXRsyusgXxsFayUN2FphpgZGhpX
+2FOUfotjbHnOVnYEkKJFrGgQX2l4Q3BowCHTkTznEtApEGETqQrxBjgzLFs0WCJRoJNA1yBH7KLO
+u1DMCBPniOuIon3ghwXT+igCousrtF98lY0vNDa0T/Q4Dx5a2JQeJyNb6H9YDTEOPMZCCe50u0KW
+6AJR1PVkFuU7MwGCocY1sNWosAWFTXJP+OEUsmtU/5ZLPX/05YEGgFrZp1eYbewT4SYCXzwBVYYI
+cg3EcUpYhFyiedxGwJ5FjOfIMgDwdh8RKSYVYubDcW7AHibcrp1OZOo2P8L5XRlDUTiyF383r4dj
+mNL343QEkNxBZu1gd4X6SWsJdanr4whA/ReoHeh5icAzBd/pjr2xve6O6yf0p54JwMFB9OT529Tj
+QasqHvWiQD2KFl0Gv0j9QOpRkDOjYxorozxLF3JZSw/FrWh3CL5PfTpy/33q05H7vw6mPXc8Rd5o
+oD9ExID8KD7n4Umfx2ff8u8dP32r5Z+EJ/3HaDyEJ/1vadzCkz6Pzz48st4ClPZNLR7w/toL7wcf
+H5jTFtIHsf50f1f/+Jem7+z/V6Xtj1WlexFu6f+J0h9MNhZ4QffgkAAABE1JREFUWMO1mfdD00AU
+x68yxMHQAlpkyVBERJDlxr1luGdY9skWxYqAioKgRUmRusCJA3D8kbZ3l9mMS4LfXy4k733SkHfv
+3b0gZKwlUdExsUvjlnHLV6yMj42JjlqC7CshMWnVak6l1auSEhPs0NzJKamcjlJTkt0WcWvWejhD
+edausYBLW5fOmSo9I02f4FIoM8scF1ZWptJPB5i9XuHV0NjU3HLDC+C90dLc1NiguJiTbQ7MzZPs
+b7a2tYNK7W2tNyWLvFwTYP4Gybij0wua8nZ2SVYb842ABZtEw+5bYKCebtFwU4E+sHCzYHX7Dpjo
+zm3BdnOhHrBoCzXpvesz4wH47vVS8y1F2sDirdSg7745Lqz7fdRha7EWsKSUXu4fYOMBDPRTl9KS
+SOC2MnpxkBUX1iB1KiuPAFbQSw+s8AAeUrcKNTDXHg/gEXXMVQKz6fwYssoDeEznTLYCmEPOPrHO
+A6BvJkcOzKTxwvx+5Rqg0VMp8RJIvhoescMDGBkm2UyqDBnkFk/t8QCeEv8MMd+T/Dw6Zhc4NooB
+VUJV2E5u8MwuL5QpCGE74bl34L+e2+cBPMcID6mFyYof6Lco4vWMMHZiYArJz/Re4xZF3TowZBeO
+GVLPXzgDvsSQ1N0h4B58OOGVA/lAYHx8MhB4xQycItl2Twi4Fx+1ghwYCI9BAJ4ZSCfg3hCwGh+1
+OQW+xphqhArI+2kHZ/9DeEM4BWgnHt+CUyCQ2bIP7cfjO/F80KJEx/cYtB+R1D/tZJoQkWJQgQ7g
+sdk5cAaDDqJDePwgnud19dEY+AGDDqE4PH5ieClBY+AnDIpDh/H42TnwMwYtQyR8fEqgZmALQL92
+2PgICS1fbGCV1iPz/pDXpN8ftAAUHtlj+aXoAL/Ql3JEFTa2gULYqAM7oKtBYyAJ7KM2pp4OUJh6
+JDk0OgcKyYE9fSkDOyLQSfo6JiTYr06BYoJFpRol4FUwFIGzweA3dqBYAtBx1iJlDJSKlFYZtQ6U
+ldHdpNB3Kh6ZD6FmeX5WBQzwPMB3nh+MAMoKPdqFj3+wvBQ+HCZ+6QkkyZYiNHC4n06AP+WLJbdn
+sZZzJ9yKBafpBlRf9AeeFJbEJCfOjdnljc0pl8SLvmh3vK3oVW8rUCW5hbONzymNrVm/HSDdmp1W
+7PVq7G8eh4hnXqFye1tLTnPzVnnz1LFWbwNukSjwNkTs6MuFFsGCFd4CdSrL//9NDJeruI5eHmVt
+s8xRh7pinUZQPTXo/cXSCPolNILqi/RaVWfOUhNLraqzZ/SbaefOC1bc7x4jXM8f0fD8OaN2X/kF
+0ZDrYmr3XSg3aUhevCQZT/i1GpL+Ccni0mWGlmkOJ1dDY9NMy98pn2/qb8vMtLplWsPQg3W5Klmb
+upW6TV2V0jJY2s5XDNrOEbpq3hi/agEX1iK37rESEq/FR35ciL9m7+MCVcl1/Pkj9GNT45bGxkRf
+LzFx+Afm+UqveSu9ngAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo0NiswMDow
+MFuXUmcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NDYrMDA6MDAqyurbAAAA
+KHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA3OjQ2KzAwOjAwfd/LBAAAAABJRU5E
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+YFWfylKL4RsKVXFIRFddJOvVR518NBy0mcZskMzfdrXFlXuJFoCm2EocOvWNL/FAcleDexeeKF8n
+JNexzDUnIbjV45aaLJplBp6s/JXVteHeoKYlPqNccVeUH5jBN6+DSpIZX0CCj+AqOJgf3rK5J0Bh
+OlUppdiDa5Jik+6NXvDOOsGd1eMli0NKlkDsYbnxHUgEV8F17gaAyNURHzLiI9yCBe4fUQACQoVA
+iLVgqoEhSNz2bUggbHUQS1Sd2H0sSPAz3jC23EOEtSYsZ7gyAk8m+KB7PVdZZmTPC7XpqPdcLRTO
+J8rVS6lu3Zv0b9DnypncDr4gs1ZIJtfgSHCgUj8SHsST7qN9qNaT6OY4e6VrW2gpiGvFwcq8pjqg
+6wiGE8cyKmxF/ICNq/RuVDYHH47fnU13W1RTmCkVbFBUKhWtdn2qrmd1OUX2LfhkGWu0Dh5AWqu0
+FyZqKf2bBra6i1rLSHpWHOLANSou6xh1V+WyrVHEB7Vbd7CuciglPesOpUNcC1T3kpYwQFgvVCfo
+ZsSambczyO+qTXu9UQJTYQlrAF8iu2CAqrsMItii5U5QICCfJkXRsyusgXxsFayUN2FphpgZGhpX
+2FOUfotjbHnOVnYEkKJFrGgQX2l4Q3BowCHTkTznEtApEGETqQrxBjgzLFs0WCJRoJNA1yBH7KLO
+u1DMCBPniOuIon3ghwXT+igCousrtF98lY0vNDa0T/Q4Dx5a2JQeJyNb6H9YDTEOPMZCCe50u0KW
+6AJR1PVkFuU7MwGCocY1sNWosAWFTXJP+OEUsmtU/5ZLPX/05YEGgFrZp1eYbewT4SYCXzwBVYYI
+cg3EcUpYhFyiedxGwJ5FjOfIMgDwdh8RKSYVYubDcW7AHibcrp1OZOo2P8L5XRlDUTiyF383r4dj
+mNL343QEkNxBZu1gd4X6SWsJdanr4whA/ReoHeh5icAzBd/pjr2xve6O6yf0p54JwMFB9OT529Tj
+QasqHvWiQD2KFl0Gv0j9QOpRkDOjYxorozxLF3JZSw/FrWh3CL5PfTpy/33q05H7vw6mPXc8Rd5o
+oD9ExID8KD7n4Umfx2ff8u8dP32r5Z+EJ/3HaDyEJ/1vadzCkz6Pzz48st4ClPZNLR7w/toL7wcf
+H5jTFtIHsf50f1f/+Jem7+z/V6Xtj1WlexFu6f+J0h9MNhZ4QffgkAAABE1JREFUWMO1mfdD00AU
+x68yxMHQAlpkyVBERJDlxr1luGdY9skWxYqAioKgRUmRusCJA3D8kbZ3l9mMS4LfXy4k733SkHfv
+3b0gZKwlUdExsUvjlnHLV6yMj42JjlqC7CshMWnVak6l1auSEhPs0NzJKamcjlJTkt0WcWvWejhD
+edausYBLW5fOmSo9I02f4FIoM8scF1ZWptJPB5i9XuHV0NjU3HLDC+C90dLc1NiguJiTbQ7MzZPs
+b7a2tYNK7W2tNyWLvFwTYP4Gybij0wua8nZ2SVYb842ABZtEw+5bYKCebtFwU4E+sHCzYHX7Dpjo
+zm3BdnOhHrBoCzXpvesz4wH47vVS8y1F2sDirdSg7745Lqz7fdRha7EWsKSUXu4fYOMBDPRTl9KS
+SOC2MnpxkBUX1iB1KiuPAFbQSw+s8AAeUrcKNTDXHg/gEXXMVQKz6fwYssoDeEznTLYCmEPOPrHO
+A6BvJkcOzKTxwvx+5Rqg0VMp8RJIvhoescMDGBkm2UyqDBnkFk/t8QCeEv8MMd+T/Dw6Zhc4NooB
+VUJV2E5u8MwuL5QpCGE74bl34L+e2+cBPMcID6mFyYof6Lco4vWMMHZiYArJz/Re4xZF3TowZBeO
+GVLPXzgDvsSQ1N0h4B58OOGVA/lAYHx8MhB4xQycItl2Twi4Fx+1ghwYCI9BAJ4ZSCfg3hCwGh+1
+OQW+xphqhArI+2kHZ/9DeEM4BWgnHt+CUyCQ2bIP7cfjO/F80KJEx/cYtB+R1D/tZJoQkWJQgQ7g
+sdk5cAaDDqJDePwgnud19dEY+AGDDqE4PH5ieClBY+AnDIpDh/H42TnwMwYtQyR8fEqgZmALQL92
+2PgICS1fbGCV1iPz/pDXpN8ftAAUHtlj+aXoAL/Ql3JEFTa2gULYqAM7oKtBYyAJ7KM2pp4OUJh6
+JDk0OgcKyYE9fSkDOyLQSfo6JiTYr06BYoJFpRol4FUwFIGzweA3dqBYAtBx1iJlDJSKlFYZtQ6U
+ldHdpNB3Kh6ZD6FmeX5WBQzwPMB3nh+MAMoKPdqFj3+wvBQ+HCZ+6QkkyZYiNHC4n06AP+WLJbdn
+sZZzJ9yKBafpBlRf9AeeFJbEJCfOjdnljc0pl8SLvmh3vK3oVW8rUCW5hbONzymNrVm/HSDdmp1W
+7PVq7G8eh4hnXqFye1tLTnPzVnnz1LFWbwNukSjwNkTs6MuFFsGCFd4CdSrL//9NDJeruI5eHmVt
+s8xRh7pinUZQPTXo/cXSCPolNILqi/RaVWfOUhNLraqzZ/SbaefOC1bc7x4jXM8f0fD8OaN2X/kF
+0ZDrYmr3XSg3aUhevCQZT/i1GpL+Ccni0mWGlmkOJ1dDY9NMy98pn2/qb8vMtLplWsPQg3W5Klmb
+upW6TV2V0jJY2s5XDNrOEbpq3hi/agEX1iK37rESEq/FR35ciL9m7+MCVcl1/Pkj9GNT45bGxkRf
+LzFx+Afm+UqveSu9ngAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo0NiswMDow
+MFuXUmcAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NDYrMDA6MDAqyurbAAAA
+KHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA3OjQ2KzAwOjAwfd/LBAAAAABJRU5E
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index 88c7827..d27a0de 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -28,7 +28,7 @@
     fetchData() {
       getUserCount().then((res) => {
         this.management = res.data.map(item => {
-          return{...item,icon:'icon-user-man'}
+          return{...item,icon:'cockpit-' + item.roleName}
         })
       });
     },

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index 88c7827..d27a0de 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -28,7 +28,7 @@
     fetchData() {
       getUserCount().then((res) => {
         this.management = res.data.map(item => {
-          return{...item,icon:'icon-user-man'}
+          return{...item,icon:'cockpit-' + item.roleName}
         })
       });
     },
diff --git a/src/views/dashboard/components/supplierList.vue b/src/views/dashboard/components/supplierList.vue
index 978600e..3e41367 100644
--- a/src/views/dashboard/components/supplierList.vue
+++ b/src/views/dashboard/components/supplierList.vue
@@ -39,20 +39,20 @@
           {
             title: "供应商注册设备总数量",
             count: "",
-            icon: "device-count",
+            icon: "cockpit-device-register",
             type: "deviceCount",
           },
           {
             title: "供应商审核通过总数量",
             count: "",
-            icon: "supplier-panel",
+            icon: "cockpit-approved",
             type: "approvedCount",
           },
           {
             title: "供应商注册总数量",
             count: "",
-            icon: "supplier-panel",
-            type: "supplierCount",
+            icon: "cockpit-supplier-register",
+            type: "approvedCount",
           },
         ],
       };

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index 88c7827..d27a0de 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -28,7 +28,7 @@
     fetchData() {
       getUserCount().then((res) => {
         this.management = res.data.map(item => {
-          return{...item,icon:'icon-user-man'}
+          return{...item,icon:'cockpit-' + item.roleName}
         })
       });
     },
diff --git a/src/views/dashboard/components/supplierList.vue b/src/views/dashboard/components/supplierList.vue
index 978600e..3e41367 100644
--- a/src/views/dashboard/components/supplierList.vue
+++ b/src/views/dashboard/components/supplierList.vue
@@ -39,20 +39,20 @@
           {
             title: "供应商注册设备总数量",
             count: "",
-            icon: "device-count",
+            icon: "cockpit-device-register",
             type: "deviceCount",
           },
           {
             title: "供应商审核通过总数量",
             count: "",
-            icon: "supplier-panel",
+            icon: "cockpit-approved",
             type: "approvedCount",
           },
           {
             title: "供应商注册总数量",
             count: "",
-            icon: "supplier-panel",
-            type: "supplierCount",
+            icon: "cockpit-supplier-register",
+            type: "approvedCount",
           },
         ],
       };
diff --git a/src/views/dashboard/components/switch.vue b/src/views/dashboard/components/switch.vue
index 43ef875..db4efa7 100644
--- a/src/views/dashboard/components/switch.vue
+++ b/src/views/dashboard/components/switch.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="container">
       <ul>
-        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)">
-        <svg-icon :icon-class="btn.icon"></svg-icon>
-        <span class="title" :style="{'color':active === index ? '#409EFF' : ''}">{{btn.name}}</span>
+        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)" :class="active === index ? 'activeBorder' : ''">
+        <svg-icon :icon-class=" active === index ? btn.iconActive : btn.icon"></svg-icon>
+        <!-- 未选中 #509cc2 选中 #2076a1-->
+        <span class="title" :style="{'color':active === index ? '#2076a1' : ''}">{{btn.name}}</span>
         </li>
       </ul>
   </div>
@@ -28,17 +29,20 @@
             {
                 name:'设备面板',
                 compon:'devicePanel',
-                icon:'device-panel'
+                icon:'cockpit-device-pan-no',
+                iconActive:'cockpit-device-pan-check'
             },
             {
                 name:'经营面板',
                 compon:'managementPanel',
-                icon:'management-panel'
+                icon:'cockpit-distributor-pan-no',
+                iconActive:'cockpit-distributor-pan-check'
             },
             {
                 name:'供应商面板',
                 compon:'supplierPanel',
-                icon:'supplier-panel'
+                icon:'cockpit-supplier-pan-no',
+                iconActive:'cockpit-supplier-pan-check'
             }
         ],
         active:0
@@ -63,18 +67,25 @@
         margin-right: 30px;
         height: 100%;
         align-items: center;
+        .activeBorder{
+            border-bottom:4px solid #2076a1;
+        }
         li{
             margin-left: 20px;
+            border-bottom:4px solid transparent;
             &:hover{
                 cursor: pointer;
             }
             ::v-deep .svg-icon{
-                width: 32px;
-                height: 32px;
+                width: 16px;
+                height: 16px;
                 vertical-align: middle;
             }
             .title{
+                font-size: 16px;
+                font-weight: 700;
                 padding-left: 10px;
+                color:#509cc2;
             }
         }
     }

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index 88c7827..d27a0de 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -28,7 +28,7 @@
     fetchData() {
       getUserCount().then((res) => {
         this.management = res.data.map(item => {
-          return{...item,icon:'icon-user-man'}
+          return{...item,icon:'cockpit-' + item.roleName}
         })
       });
     },
diff --git a/src/views/dashboard/components/supplierList.vue b/src/views/dashboard/components/supplierList.vue
index 978600e..3e41367 100644
--- a/src/views/dashboard/components/supplierList.vue
+++ b/src/views/dashboard/components/supplierList.vue
@@ -39,20 +39,20 @@
           {
             title: "供应商注册设备总数量",
             count: "",
-            icon: "device-count",
+            icon: "cockpit-device-register",
             type: "deviceCount",
           },
           {
             title: "供应商审核通过总数量",
             count: "",
-            icon: "supplier-panel",
+            icon: "cockpit-approved",
             type: "approvedCount",
           },
           {
             title: "供应商注册总数量",
             count: "",
-            icon: "supplier-panel",
-            type: "supplierCount",
+            icon: "cockpit-supplier-register",
+            type: "approvedCount",
           },
         ],
       };
diff --git a/src/views/dashboard/components/switch.vue b/src/views/dashboard/components/switch.vue
index 43ef875..db4efa7 100644
--- a/src/views/dashboard/components/switch.vue
+++ b/src/views/dashboard/components/switch.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="container">
       <ul>
-        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)">
-        <svg-icon :icon-class="btn.icon"></svg-icon>
-        <span class="title" :style="{'color':active === index ? '#409EFF' : ''}">{{btn.name}}</span>
+        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)" :class="active === index ? 'activeBorder' : ''">
+        <svg-icon :icon-class=" active === index ? btn.iconActive : btn.icon"></svg-icon>
+        <!-- 未选中 #509cc2 选中 #2076a1-->
+        <span class="title" :style="{'color':active === index ? '#2076a1' : ''}">{{btn.name}}</span>
         </li>
       </ul>
   </div>
@@ -28,17 +29,20 @@
             {
                 name:'设备面板',
                 compon:'devicePanel',
-                icon:'device-panel'
+                icon:'cockpit-device-pan-no',
+                iconActive:'cockpit-device-pan-check'
             },
             {
                 name:'经营面板',
                 compon:'managementPanel',
-                icon:'management-panel'
+                icon:'cockpit-distributor-pan-no',
+                iconActive:'cockpit-distributor-pan-check'
             },
             {
                 name:'供应商面板',
                 compon:'supplierPanel',
-                icon:'supplier-panel'
+                icon:'cockpit-supplier-pan-no',
+                iconActive:'cockpit-supplier-pan-check'
             }
         ],
         active:0
@@ -63,18 +67,25 @@
         margin-right: 30px;
         height: 100%;
         align-items: center;
+        .activeBorder{
+            border-bottom:4px solid #2076a1;
+        }
         li{
             margin-left: 20px;
+            border-bottom:4px solid transparent;
             &:hover{
                 cursor: pointer;
             }
             ::v-deep .svg-icon{
-                width: 32px;
-                height: 32px;
+                width: 16px;
+                height: 16px;
                 vertical-align: middle;
             }
             .title{
+                font-size: 16px;
+                font-weight: 700;
                 padding-left: 10px;
+                color:#509cc2;
             }
         }
     }
diff --git a/src/views/dashboard/devicePanel.vue b/src/views/dashboard/devicePanel.vue
index b702a79..7a89f70 100644
--- a/src/views/dashboard/devicePanel.vue
+++ b/src/views/dashboard/devicePanel.vue
@@ -49,9 +49,8 @@
     right: 0;
     top:0;
     background: #fff;
-    width: 500px;
-    // float: right;
-
+    width: 360px;
+    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
   }
   .map {
     div{

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index 88c7827..d27a0de 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -28,7 +28,7 @@
     fetchData() {
       getUserCount().then((res) => {
         this.management = res.data.map(item => {
-          return{...item,icon:'icon-user-man'}
+          return{...item,icon:'cockpit-' + item.roleName}
         })
       });
     },
diff --git a/src/views/dashboard/components/supplierList.vue b/src/views/dashboard/components/supplierList.vue
index 978600e..3e41367 100644
--- a/src/views/dashboard/components/supplierList.vue
+++ b/src/views/dashboard/components/supplierList.vue
@@ -39,20 +39,20 @@
           {
             title: "供应商注册设备总数量",
             count: "",
-            icon: "device-count",
+            icon: "cockpit-device-register",
             type: "deviceCount",
           },
           {
             title: "供应商审核通过总数量",
             count: "",
-            icon: "supplier-panel",
+            icon: "cockpit-approved",
             type: "approvedCount",
           },
           {
             title: "供应商注册总数量",
             count: "",
-            icon: "supplier-panel",
-            type: "supplierCount",
+            icon: "cockpit-supplier-register",
+            type: "approvedCount",
           },
         ],
       };
diff --git a/src/views/dashboard/components/switch.vue b/src/views/dashboard/components/switch.vue
index 43ef875..db4efa7 100644
--- a/src/views/dashboard/components/switch.vue
+++ b/src/views/dashboard/components/switch.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="container">
       <ul>
-        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)">
-        <svg-icon :icon-class="btn.icon"></svg-icon>
-        <span class="title" :style="{'color':active === index ? '#409EFF' : ''}">{{btn.name}}</span>
+        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)" :class="active === index ? 'activeBorder' : ''">
+        <svg-icon :icon-class=" active === index ? btn.iconActive : btn.icon"></svg-icon>
+        <!-- 未选中 #509cc2 选中 #2076a1-->
+        <span class="title" :style="{'color':active === index ? '#2076a1' : ''}">{{btn.name}}</span>
         </li>
       </ul>
   </div>
@@ -28,17 +29,20 @@
             {
                 name:'设备面板',
                 compon:'devicePanel',
-                icon:'device-panel'
+                icon:'cockpit-device-pan-no',
+                iconActive:'cockpit-device-pan-check'
             },
             {
                 name:'经营面板',
                 compon:'managementPanel',
-                icon:'management-panel'
+                icon:'cockpit-distributor-pan-no',
+                iconActive:'cockpit-distributor-pan-check'
             },
             {
                 name:'供应商面板',
                 compon:'supplierPanel',
-                icon:'supplier-panel'
+                icon:'cockpit-supplier-pan-no',
+                iconActive:'cockpit-supplier-pan-check'
             }
         ],
         active:0
@@ -63,18 +67,25 @@
         margin-right: 30px;
         height: 100%;
         align-items: center;
+        .activeBorder{
+            border-bottom:4px solid #2076a1;
+        }
         li{
             margin-left: 20px;
+            border-bottom:4px solid transparent;
             &:hover{
                 cursor: pointer;
             }
             ::v-deep .svg-icon{
-                width: 32px;
-                height: 32px;
+                width: 16px;
+                height: 16px;
                 vertical-align: middle;
             }
             .title{
+                font-size: 16px;
+                font-weight: 700;
                 padding-left: 10px;
+                color:#509cc2;
             }
         }
     }
diff --git a/src/views/dashboard/devicePanel.vue b/src/views/dashboard/devicePanel.vue
index b702a79..7a89f70 100644
--- a/src/views/dashboard/devicePanel.vue
+++ b/src/views/dashboard/devicePanel.vue
@@ -49,9 +49,8 @@
     right: 0;
     top:0;
     background: #fff;
-    width: 500px;
-    // float: right;
-
+    width: 360px;
+    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
   }
   .map {
     div{
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 3334245..0ccc9af 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -50,13 +50,13 @@
   &-container {
     // position: relative;
     width: 100%;
-    min-height: 700px;
-    overflow: auto;
-    overflow-x: hidden;
+    // min-height: 700px;
+    // overflow: auto;
+    // overflow-x: hidden;
   }
   &-text {
     font-size: 30px;
-    line-height: 46px;
+    // line-height: 46px;
   }
 }
 *{

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAAA
+CXBIWXMAAAsTAAALEwEAmpwYAAADsHpUWHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImdVkuWm0AM
+3OsUOQJI3RJ9HNvALu9lmeOnSu2xYcDOzJhHg/sjlUo/5O/vP/ILv7G0JnazNaYYfHTzq9coOrh6
+9fDmi82qy3q9XldVzDcvnKlhtcw2lDmGYtg7eZMyxSVwsFpcylKL4wmBZjikaqstOtgtJrvE5Djo
+M5X5qAP/+82XMK4JNQBN8ZU47NIXHtsTyVMM5q48UR4ndKhTmesgSnBr5JS5LjboDDyD8d9gYQ1z
+o7mVvCe9YVaNN9TgyXE0FZ3xABLcilFxcPh06d08BQq3S9VSin8yTSUXad4UBddgF5izRv50CezS
+JRFHam68EoliVIxzVwBEYQH/kJGYYBY0cH2PAhDgKjhCvSVTDQxhx8e6jwLC1gCxRNWJ3fqCBB/x
+prLl6SK8m+B1hikT8AwEn3Svn0XiiJ0QMACC+o3GS7eeGzFWHKx0PU2F1i54PApGPE2wBIhgMN8G
++RrwO+7D8acNcs5LmZEC31ExyZ4bCJxPDLEopYZ3l5wLlzPpe+HM0IDTsWetmmGwJslIV4rvjApj
+puunjsJIqRBEHrRSyeq3Q3YduQLZlLTgHnSqWTp4AGFt2l6oqKX0JxXc8+6ea2OOpZZMT2acZvaN
+esU25D6TeCd2doZMc4/Wxcpe7guxgbEgx16LrcIc8w51PIP8VdHSZWcKXNwzz2eKS0c3vqPo1gzG
+BTlAHAeqySBz7cbjd6s7Gnt5oBUAqcz6FWobU4onwgRlCvUedbIROYCz5iBEYIxmnj24yGiHKIZg
+ErJkJIFsipK+CeHYskdcYDGLKrtKxUiBDTOBpJ6xHnjnm1rFPzCIagQmXYWU5SQLbrVyQMAwtHjU
+hA8Eu4aBNwG8RHLGCI5WIIQcXokuEYF8IAEq9hmiQ0+UZAOFn4ZYSbMaHQ8vxgEdfdp66wSi2xat
+bOE++CoPvlioPTkakxEDJxP5gjK7IyKbiGwuV8AlVPRXdjLcE1DGowVsUaE9p9eALtqzRUh2Klgd
+475vIELQ4TaV6MKvg4/+kXRv0hiCkoft9hdxchImO7Plnd3vzd4DkAg4u3aw/0nUV6UlxUmXx/KJ
+2lIgdqTlJVOVHv1KdeyF7XV1XL9Dv/TcBQ4W8fJz6uVnKXrMUNkj+Ab1n2qk7Ln/OfWy5/5tY9py
+x1PkjQp6YcsGffePro/Pu03SZO99m2s8J+++yA7i8+vxKX77yZztqC+dfLhXmpfu1v7NLf8AtB+6
+j+cJuyoAAAihSURBVHja7dt7rGVVfQfwz2+de+9Aa8sEixQ1dRApz1Jq2iJCqi1SITaBhlGoKYSb
+0PoYDBBkrFQYp9RGpwNObYU2PmamtpUaERNMawWEYCxSrY5pa2osmdtOtTCtMuPMyMzce9avf+xz
+79z3OffVE8t8k3XPPnuvx/f73Wv91tprnxuZ6bmM0m8C/cZRA/pNoN84akC/CfQbA9NPRIQ1t2w9
+V7icclm/CS4LInaI9saR9w6PTJ/1YvqJk9dvO1eUR7C637yXHVl/buema3dMPjVzCERrw/9L8Ue0
+TcEsMSDP7TfPlUO+evqZgVlyrZ76Nbb0m/YSRd84t7bZDZiCne+7+qZ+S1gMIgKsWb/9WvMM6ef8
+NHjUgH4T6De6xgA4+Z3bqIFAhRZeT3kVEbS/q8ZDiq+Q+6TG2phUScWhaecG0MZg63nUE2W+DGOL
+0NEi9ooYkXmA2L/mlm3o/qjfkwFT0NT5AhG/i7ONqy1uJR/GBnyx5/rCK5oycYmInovNg7/D7fhy
+Lw4sxIA1wgtUXzPqvwz6lOKsjisPyvgpERfhHPLqDpFu6n/VQHyWbIu8X8Z3LG5YVhyDl4p4jYyL
+yVfiieUy4Mdxr/TzimsM+CuRW0T8mvRyPE5eK8t7hGHcRV6Gf5tSy9RhMSDKu8m2mjcYyLtlEIvc
+ocrQueE3Ce+W7pAu16VT9eh2eSNxHlqU2xQnqZ4xlm+XDhPrtZwo8iYZfyPiTMoNlGOaJgolGOxY
+3qSzRJ4p4yFjeTcd8UtJkPl+mY+JuNiYE7sq60l/jd8aPyJOJ94sgsxHsBPHyviAUvdS30nuknGN
+UScZxSjGguiY0aRzMCTqFwyM38ElxoDQGB3xJBh0fLciPQ6BPIv8D+lhYVjEOq3Yp+bP4KSONYdV
+RH6L+FclL9auz5d2NuSC1hS/j2lU56HmNsQLcbuMly1KfMaoyAdwNw501A1pL4sBVhGHlHpnp7Fh
+Ne9oRCDrFqPuUTDoWekZiaFpS9Cpw7t2PkunjkPEi4iLFmWAYMw3RNISErm8s8Cx0iGRd+LVxMky
+vqXVvl7bY9LBjsjVstP1itaskmdFfhfXEMfR7b7Nph5pb+d7q9eCvRrwJE4m1ql5k8jrZK6m9Si+
+N9HkKtRyehMncp/ps0B3PNNJ/2fozYCsfyjKn+J8/IT0+SnXozBUSQPkWrxY5nZtT0/N162dXjLN
+pyYm1bOcBoz5jEG7OlPhx0S+1aidBpJaxvPA8cI5CtoeUe2fIn5wHnKphRPwPF0Gyyxo1uiRu8kD
+zYyynAakb8t6hSj3ibhEeFDYpOnizSo/PWHMbi0fV1yoVW5R6kPktyfVM4+E+Elim3Sh5qlhIWhp
+Jts/wGYL6AO9GdAY+mU1f1PEBuJXDPizSTmeVeJ6gz4q68fV8lrhStxKrDvCJ83ZxaOM4RuyrrLw
+HjBe+dik42U0YBw1HxPWGijXyHw5+eLG/XiViN8TvohvCr+Pi4m3Eg/I9mfJjv65umc+Ld3QBNeF
+zAITpib2d457fp5Y+NNgE6X/iGzJPAGDSnlQ5mnkzTJ+W8l/lnkn5Q7yT/Czxhcnc5pbm0fuYk9X
+vRNl0GqZ6DA58We012C6lA2RNp4yZpexenNzKq4S8boOyQ/gH3GKiPdO3KTZXsdnQ1ntseeOb0tU
+4z3qBOE8rMWlOLVXEYvpATPJ1/xbrfwgZR3ega8L/ynqm9TyJeJq8i/xpTnjQMWAl+AccwfBFvbj
+q9IBDOFtorwFx+FHNHFgcBK7FTZggn7cI2OtcAHeSG7C14gPkesom6mvNdtQCKxqnSL8NfnT8xIP
+VeZGA7mF1jryPdiLe2nvFq0TZbyePLYX4kszoGXSojP/Rdb3ybhLLTdTH9LKr+J3cCEuELFB5DvI
+nDlXt3cRHxTlNXh2jhYL9ZCx/ILwIq1cj6eUvECNp5sboXRYvVkPgWDxBuQs9yndT1wp8jzpRukt
+Sns/3qSWx3AFPol/mKy883kYWzupO8Ja/BjxkSNrjSCz4vsTubpgEUEwaCeHsxmpU1KOaNc7hYMi
+rhaxFlRflz5KvFSWW6mraH+nER/HTaWa86TOxwCKH+3491QTPJN2aQJp5Pg+wMEVMKAb8tMiP9kI
+LxtVLzTqoNG6Gf8u4zIZv6H6Cn4gy5XE8Q2VJOvsKTppJg5Pbd7zcT7xPWLn8huQOf90lUaN2SQ9
+Rb6E2GgwKJ6U+S7FIeE26RiZHxN5Gu7BK3E6zpyWzsYp45U3218IgQHibJyBM0RcJOLDMs5S8/1G
+Y/61h4XGgNB0//Hj2a5XjOU/Gco/F+XtxHXEh7XqE/gLmVcRrzPkF9S8XXWqiDfgUmL3LDUXfF/G
+u4QH1Gw4hMcVB0W8rVM2FGsoLVE/oZ1/rBqdtgu1RAMWYlTzUHIZTiPvktYqZa2spyrBqGNVB7Ty
+OuJS8hLN9tqQqeG1YI/IZxqDs5npwzcNuYK8quklWcnHZTyouF/Y18tisDcDOsNTWMBei/+WeZuI
+e3G+iM+RZ4hokZ9T8/PNUtZubCfv0yxkWtMMCM068X8mvh3ZP32Y/HvN29/EPrp3+4UbEHMcd0Pm
+faJsJ4eFs0XuMpYbFA9MCDqC/Z20UDxr7nVDV3QNgrG011UV1yv1Fdr1l4zmL2KrnCG+b+ipB4xs
+Hl5KGz/QwyuqlcKa9dvnvX709Xi3DGvWb7283yT7agDl/n6TXEbsmaFuRpaMHf1muYIY6cGA9sZ+
+s1w51BnaZhgwsnn4UVmHsaPfdJcRO2QdHtk0/OnpF2b8Vnj6vL/mxq2rF9zcUGvDtB8oLgPqRodt
+WUzJkS3De8aPp+vtGgQnF+4Va9Zv3bsSM+xiuHTDc34dcNSAFap3xw9JnStjQCfaLifhHQ579IfG
+AHC4/rKIbUusZY+MR5X66ysRAOlhGlwOLGoqtTJRv+v/DD3XcHQW6DeBfuOoAf0m0G/8LwlZRtUQ
+zzAkAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjM1KzAwOjAwYLpB4wAAACV0
+RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzozNSswMDowMBHn+V8AAAAodEVYdGRhdGU6
+dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MzUrMDA6MDBG8tiAAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index 88c7827..d27a0de 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -28,7 +28,7 @@
     fetchData() {
       getUserCount().then((res) => {
         this.management = res.data.map(item => {
-          return{...item,icon:'icon-user-man'}
+          return{...item,icon:'cockpit-' + item.roleName}
         })
       });
     },
diff --git a/src/views/dashboard/components/supplierList.vue b/src/views/dashboard/components/supplierList.vue
index 978600e..3e41367 100644
--- a/src/views/dashboard/components/supplierList.vue
+++ b/src/views/dashboard/components/supplierList.vue
@@ -39,20 +39,20 @@
           {
             title: "供应商注册设备总数量",
             count: "",
-            icon: "device-count",
+            icon: "cockpit-device-register",
             type: "deviceCount",
           },
           {
             title: "供应商审核通过总数量",
             count: "",
-            icon: "supplier-panel",
+            icon: "cockpit-approved",
             type: "approvedCount",
           },
           {
             title: "供应商注册总数量",
             count: "",
-            icon: "supplier-panel",
-            type: "supplierCount",
+            icon: "cockpit-supplier-register",
+            type: "approvedCount",
           },
         ],
       };
diff --git a/src/views/dashboard/components/switch.vue b/src/views/dashboard/components/switch.vue
index 43ef875..db4efa7 100644
--- a/src/views/dashboard/components/switch.vue
+++ b/src/views/dashboard/components/switch.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="container">
       <ul>
-        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)">
-        <svg-icon :icon-class="btn.icon"></svg-icon>
-        <span class="title" :style="{'color':active === index ? '#409EFF' : ''}">{{btn.name}}</span>
+        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)" :class="active === index ? 'activeBorder' : ''">
+        <svg-icon :icon-class=" active === index ? btn.iconActive : btn.icon"></svg-icon>
+        <!-- 未选中 #509cc2 选中 #2076a1-->
+        <span class="title" :style="{'color':active === index ? '#2076a1' : ''}">{{btn.name}}</span>
         </li>
       </ul>
   </div>
@@ -28,17 +29,20 @@
             {
                 name:'设备面板',
                 compon:'devicePanel',
-                icon:'device-panel'
+                icon:'cockpit-device-pan-no',
+                iconActive:'cockpit-device-pan-check'
             },
             {
                 name:'经营面板',
                 compon:'managementPanel',
-                icon:'management-panel'
+                icon:'cockpit-distributor-pan-no',
+                iconActive:'cockpit-distributor-pan-check'
             },
             {
                 name:'供应商面板',
                 compon:'supplierPanel',
-                icon:'supplier-panel'
+                icon:'cockpit-supplier-pan-no',
+                iconActive:'cockpit-supplier-pan-check'
             }
         ],
         active:0
@@ -63,18 +67,25 @@
         margin-right: 30px;
         height: 100%;
         align-items: center;
+        .activeBorder{
+            border-bottom:4px solid #2076a1;
+        }
         li{
             margin-left: 20px;
+            border-bottom:4px solid transparent;
             &:hover{
                 cursor: pointer;
             }
             ::v-deep .svg-icon{
-                width: 32px;
-                height: 32px;
+                width: 16px;
+                height: 16px;
                 vertical-align: middle;
             }
             .title{
+                font-size: 16px;
+                font-weight: 700;
                 padding-left: 10px;
+                color:#509cc2;
             }
         }
     }
diff --git a/src/views/dashboard/devicePanel.vue b/src/views/dashboard/devicePanel.vue
index b702a79..7a89f70 100644
--- a/src/views/dashboard/devicePanel.vue
+++ b/src/views/dashboard/devicePanel.vue
@@ -49,9 +49,8 @@
     right: 0;
     top:0;
     background: #fff;
-    width: 500px;
-    // float: right;
-
+    width: 360px;
+    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
   }
   .map {
     div{
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 3334245..0ccc9af 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -50,13 +50,13 @@
   &-container {
     // position: relative;
     width: 100%;
-    min-height: 700px;
-    overflow: auto;
-    overflow-x: hidden;
+    // min-height: 700px;
+    // overflow: auto;
+    // overflow-x: hidden;
   }
   &-text {
     font-size: 30px;
-    line-height: 46px;
+    // line-height: 46px;
   }
 }
 *{
diff --git a/src/views/dashboard/managementPanel.vue b/src/views/dashboard/managementPanel.vue
index 1425b2d..0985533 100644
--- a/src/views/dashboard/managementPanel.vue
+++ b/src/views/dashboard/managementPanel.vue
@@ -57,7 +57,7 @@
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  margin-right: -17px;
+  overflow-x: hidden;
   .common-width{
       width: 33%;
   }

diff --git "a/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..34ce236
--- /dev/null
+++ "b/src/assets/kitchen/\345\234\260\345\233\276\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git "a/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png" "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 0000000..dd0c295
--- /dev/null
+++ "b/src/assets/kitchen/\347\273\237\350\256\241\351\241\265\347\273\237\350\256\241\345\233\276\350\203\214\346\231\257.png"
Binary files differ
diff --git a/src/components/echart/barChart/verticalBarChart.vue b/src/components/echart/barChart/verticalBarChart.vue
index 460d923..04a0090 100644
--- a/src/components/echart/barChart/verticalBarChart.vue
+++ b/src/components/echart/barChart/verticalBarChart.vue
@@ -2,21 +2,7 @@
   <Echart ref="chart" :options="option" height="100%" width="100%" />
 </template>
   <script>
-/**
-     * @author 王晓颖
-     * @date 2020/08/19
-     * @Description 横向柱状图
-     * @props 数据格式：{
-     *    id: 'traffic_govern_line_id',
-        legend:['近一周日均车位占用率','近一周日均车位停车次数'], // 可不传
-        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
-        axisData: [
-          {name:'近一周日均车位占用率',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
-          {name:'近一周日均车位停车次数',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
-        ]
-      }
-     *
-     */
+
 import Echart from "./../index";
 export default {
   name: "verticalBarChart",
@@ -70,9 +56,9 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
-          bottom: 30,
+          left: 10,
+          right: 10,
+          bottom: 10,
           top: 10,
           containLabel: true,
         },
diff --git a/src/components/echart/lineChart/gradientLineChart.vue b/src/components/echart/lineChart/gradientLineChart.vue
index dc58f77..0078deb 100644
--- a/src/components/echart/lineChart/gradientLineChart.vue
+++ b/src/components/echart/lineChart/gradientLineChart.vue
@@ -67,8 +67,8 @@
       curHeight: this.height,
       option: {
         grid: {
-          left: 30,
-          right: 30,
+          left: 10,
+          right: 5,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/components/echart/pieChart/doughnutChart.vue b/src/components/echart/pieChart/doughnutChart.vue
index b33e797..9251b82 100644
--- a/src/components/echart/pieChart/doughnutChart.vue
+++ b/src/components/echart/pieChart/doughnutChart.vue
@@ -69,8 +69,8 @@
           },
         },
         grid: {
-          left: 30,
-          right: 30,
+          left: 15,
+          right: 15,
           bottom: 30,
           top: 10,
           containLabel: true,
diff --git a/src/icons/svg/cockpit-approved.svg b/src/icons/svg/cockpit-approved.svg
new file mode 100644
index 0000000..634d7a8
--- /dev/null
+++ b/src/icons/svg/cockpit-approved.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdZ8gdqIg
+dqEgcJ8gdqEgeJ8gdp8gd6IgdqEgdqIgdJ8gdaIgdZ8gdp8gdqH///+rO9rYAAAAEHRSTlMAUGCv
+zxDvIICf349AvzBwoOcUiwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBTNU9gSYAAABeklEQVRY
+w+2W25KDIAxAlYsoiPL/X1sJULENNmFmZ3Z2mzesnOKBhAzDN6oYAzkECpB0gMLm64kOCAYBzIz5
+YUEA9ng+U1yJ48UJVzhpkm2LapSNhSHhMI0mKlxpAI1pnFubg4VHVktW2NDIUIhrZChENZpAV4hq
+ZCmMsVxXrPGjQdfIVPiuMSp0rPmg0ZbBxlT4ppGVyEhSg8KumE6FnZE0+n6ArazEMdUg+u4PA9bd
+Kytn0wnQrpR81wUw6tSmTAfgcmV5PmCHf143M8JKdo5ZiHhQF32uhQuIqVZyHU79xgSIUBUf1/6G
+JuAy50IjAmKyy3rgmIAxVOXvpng2AbrsfjyREWaYAJAQ5DFNL6H+HDIgVyyXEsJqNiBd/aWKNYvv
+bTY+s8mboQeQrr4PHcAtAOY2misKIF190EiKLkDuHtzzQFABMkduwKCLKM9IgKoQqaKiBBcA+kU/
+IFWUuh8nA0aIfP62NGIByDv2OwB1YM9ef/9rgH8cD4shRza1QwqgAAAAJXRFWHRkYXRlOmNyZWF0
+ZQAyMDIyLTExLTE0VDEwOjA1OjUxKzAwOjAwVm+8SgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0x
+MS0xNFQxMDowNTo1MSswMDowMCcyBPYAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRU
+MTA6MDU6NTErMDA6MDBwJyUpAAAAAElFTkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-check.svg b/src/icons/svg/cockpit-device-pan-check.svg
new file mode 100644
index 0000000..5ad7f6b
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-check.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8geJ8gdqIg
+dqEgdqEgdqEgdqIgdJ8gdZ8gdZ8gdaIgdp8gdp8gd6Igdp8gdqH////sGf3wAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBxm9e6/MAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjI1KzAw
+OjAwrBBBfQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoyNSswMDowMN1N+cEA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MjUrMDA6MDCKWNgeAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-pan-no.svg b/src/icons/svg/cockpit-device-pan-no.svg
new file mode 100644
index 0000000..6713e2a
--- /dev/null
+++ b/src/icons/svg/cockpit-device-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79Ql79QncJQ
+nMNQnMJQnMJQnMJQm79Qmr9QmsJQnMJQm8JQnMJQnMJQm8FQnML////HDOWDAAAAEHRSTlMAECCP
+z+/fr0AwYL9wUJ+AFLDNbgAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwzQpksnAAAA8ElEQVQ4
+y7VT2Q7EIAgEj6otHv//tQu4m9rDZpPNzoOJw3QAoQBHoIE5jHW+tbbYexEGiXYEvMbjoqG3yKdz
+fJXIRgkhr5tI4ik9xz0BJiL+lsTjWMimjNo0v0ISuzGemcgQPjUWJUaLIKQYL0F7yZ3ZwWSWMqy0
+VzgLsoUfShTDldP29rnhiEztjxFbc1DZoF9taySqNDpUoTOg5SxRrmUUAFXDMdIXkLMiD4buBrLn
+meBPAhzAgjJc+0f7nlxBfdAPMDrZB8TvBL7IgmxzgZxO5zwRmC6oU4Grjv8F66eC37rAZ4HRBZtD
+N9vEKXjpXrZ1Ib8/GQcqAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA3OjEyKzAw
+OjAw5zh4EAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNzoxMiswMDowMJZlwKwA
+AAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDc6MTIrMDA6MDDBcOFzAAAAAElF
+TkSuQmCC" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-register.svg b/src/icons/svg/cockpit-device-register.svg
new file mode 100644
index 0000000..baa2355
--- /dev/null
+++ b/src/icons/svg/cockpit-device-register.svg
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,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" />
+</svg>
diff --git a/src/icons/svg/cockpit-device-total.svg b/src/icons/svg/cockpit-device-total.svg
new file mode 100644
index 0000000..aa7788c
--- /dev/null
+++ b/src/icons/svg/cockpit-device-total.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACB1BMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncRVn8RcosdfpMhrq8yLvdc5j7pYoMV+ttMnhbRClL50sM9p
+qsv///9MmsFOm8KIu9at0OJ2stDW6PHI4Owrh7W62OdLmcEwird9tdJnqMtlqMpTnsRElb44jrqE
+udQxirgsh7YxircsiLbk7/Xx9/pNmsF4stBBk71+tdNSncNaosZWn8Vyr85xrs4yi7hizB+BAAAA
+XnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh3CnlJOMV2wbI
+B5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAAAAFiS0dEioVo
+d3YAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBy4FxgrDAAAD9HpUWHRSYXcgcHJv
+ZmlsZSB0eXBlIHhtcAAASImlV1u22jAM/PcqugRHsqV4OYEkfz2nn11+Z+RwSSC0cAuHYGJZGo1e
+If3++Sv9wGvwXJJedfXRsw2mdrHqRbKJVXNrtugssqyXy2UVwf1mhXeqay2z5jJDg0J2tJbK6JPj
+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
+rkJggg==" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-check.svg b/src/icons/svg/cockpit-distributor-pan-check.svg
new file mode 100644
index 0000000..f4fa54e
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-check.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdqIgd6Ig
+eJ8gcJ8gdqIgdqEgdZ8gdqEgdp8gdJ8gdqEgdaIgdp8gdp8gdqH///950EXcAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBwI3HmYgAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDc6MDIrMDA6MDArkniOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA3OjAyKzAwOjAwWs/AMgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+NzowMiswMDowMA3a4e0AAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-distributor-pan-no.svg b/src/icons/svg/cockpit-distributor-pan-no.svg
new file mode 100644
index 0000000..b10bdfe
--- /dev/null
+++ b/src/icons/svg/cockpit-distributor-pan-no.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQmr9QnMJQnMJQ
+l79Qn79QncJQnMJQmsJQnMJQm8JQm79QnMNQnMJQnMJQm8FQnML///8PedWVAAAAEHRSTlMAMK+f
+IBCP72DfcEDPv1CA1Mj3LQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBjWWuPJuAAAAy0lEQVQ4
+y92TWxLDIAhFocZnNGH/q63BMUGDXUDvlyNn4IIIMAg/ZoO1rPNE5JbhEKkpqfE9060clOw0KKNS
+fJR0u0fS1N3aDy2UbSM2o4Z9anGstTC/46Xe28tq4FphslGQrScGyF9tpzn7EdvIAts56qmPwp+2
+z+0GWttoevbNPUMPsm3MV65nbgPQrFjxaDPQrMhHewEUAYZ+/wfAH4DfeSPcAvDO9v9kNKDIxcY4
+A7wAUilKoO/joPMGeGMUVSsMFISVsACYsfgXDzclANXLU9AAAAAldEVYdGRhdGU6Y3JlYXRlADIw
+MjItMTEtMTRUMTA6MDY6NTMrMDA6MDAqxxZgAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0
+VDEwOjA2OjUzKzAwOjAwW5qu3AAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDow
+Njo1MyswMDowMAyPjwMAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-count.svg b/src/icons/svg/cockpit-lot-count.svg
new file mode 100644
index 0000000..b4e743f
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-count.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,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
+MKwKAHAAAAAASUVORK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-lot-online.svg b/src/icons/svg/cockpit-lot-online.svg
new file mode 100644
index 0000000..0da6791
--- /dev/null
+++ b/src/icons/svg/cockpit-lot-online.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" enable-background="new 0 0 80 80" xml:space="preserve">  <image id="image0" width="80" height="80" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACEFBMVEWNvtgkg7ONvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiN
+vtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvtiNvth8tdJmqMpUnsRFlb43
+jrovibcphrUkg7OJvNdqqsxJmMAtiLZ4stFMmcF3stByr88/krw+kbx8tNJClL2KvNdXoMUmhLRX
+n8V/ttM5j7tqq8wqhrVbosZTncNTncSSwdnk7/W62Od2stBVn8Rcosf///+fyd5NmsFfpMhrq8zx
+9/rW6PE/k72Lvdc5j7ppqstYoMUyi7iEudR+ttMnhbTI4OxClL50sM9MmsFOm8KIu9Yrh7VLmcEw
+ird9tdKt0OJnqMtlqMpTnsRElb44jroxirgsh7YxircsiLZ4stBBk71+tdNSncNaosZWn8Vyr85x
+rs7+H3saAAAAXnRSTlMAABRFbJS71unz+e3d0QpNj9D+Aken9Axw3wl163ZY4R+3uFzxCJ2eFsYh
+3CnlJOMV2wbIB5xZ7G3eSKgLUJjaSXi9vtfy0r9KmeBvWrkgXeTiHdUSxZNR71J3DZBGc68slAAA
+AAFiS0dEhGLQWnEAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfmCw4KBQ2VlxkzAAAD9XpU
+WHRSYXcgcHJvZmlsZSB0eXBlIHhtcAAASImlV0uyozAM3OsUcwQjyRI+ThJgN1WznONPSyYvkJA3
+SV6ogMG21Gr9gP7+/kO/8Bu8KMlFFh+92GBiZ6uuXIytmluzWSbmeTmfzwsznjfTeFJdqk5SdIIE
+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" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-check.svg b/src/icons/svg/cockpit-supplier-pan-check.svg
new file mode 100644
index 0000000..6d6756f
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-check.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgcJ8gdqIgdqEg
+dqEgd6IgdaIgdqEgdp8gdqIgdp8gdZ8gdZ8gdp8gdJ8geJ8gdqH///+1+MIAAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBSdOLNDlAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzkrMDA6
+MDCj7/uqAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjM5KzAwOjAw0rJDFgAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozOSswMDowMIWnYskAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-pan-no.svg b/src/icons/svg/cockpit-supplier-pan-no.svg
new file mode 100644
index 0000000..c9c869e
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-pan-no.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAABQn79QncJQnMNQ
+nMJQnMJQnMJQnMJQm8JQnMJQm8FQmr9QmsJQnMJQm79Ql79QnML///8CU4AnAAAAEHRSTlMAEI/P
+35+/73CvgDBgUEAgdSGDvwAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBR4RKVjtAAAA70lEQVQ4
+y9WS2ZaEIAxEAUMCYbH+/2uHzVF72n7tM/WE5FIpIsb8O1m3kf9UZwggz0CAtyZCH4GI1GwQHwGH
+bEzBc4oEyplQZ17i8iZEk1tuLe8+d5k55uURNM0Vkc0IYyn9GL2aEbLHPAZunxJCrlegtFObPQEM
+hWtizbM+Aao1u4aJRLe/dJvAWHrmrUXKtaa0vwOmt8x+675/gZ5PVaP0wh1IOiUY8fwiTkBxqE/L
++vXbTsDWQ81hj/c5uHR/O0rg6xyarbiyrmaLE0iwxy3ALFT8aE5tEoP+LRuz9UJ/JEUj9TcprNWa
+R30ofUs/IMkLxkGph1MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDU6MzArMDA6
+MDA2d755AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA1OjMwKzAwOjAwRyoGxQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNTozMCswMDowMBA/JxoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git a/src/icons/svg/cockpit-supplier-register.svg b/src/icons/svg/cockpit-supplier-register.svg
new file mode 100644
index 0000000..a6e193c
--- /dev/null
+++ b/src/icons/svg/cockpit-supplier-register.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve">  <image id="image0" width="64" height="64" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdZ8gdp8gdqEg
+d6IgeJ8gdqEgdqIgdqEgdqIgdJ8gdaIgcJ8gdZ8gdp8gdp8gdqH///86NlFvAAAAEHRSTlMAMIDP
+nyDvr9+PQL8QYHBQbn9GpQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgG3DAbbAAABW0lEQVRY
+w+2W3ZLCIAyFgVBaIBTe/2lXqxPA8lPYcXYvei6j+YSThMjYrf8iLmBYcknyVZgRJ8A6lR9WAmxz
+AEWA5w30oJ6EDDDqu7oBHYDRYLVJA6BI1vQAKF911jEEp/q3ANSYkkLy1IENgCt1+x5bSCwdwPrx
+W8MmJpNhpwDJbEM0diF1AYnjVIc9fTHcdRN94VohbB0A0hEkTpWR4fu8gDHmHYljD/C4MgRlPbKG
+vj2NyE0eMJ7EewAj4GWC1dTKOjVRtwAossHb3p2QBxsAd1ox6uiFPY2IOkCUnv+j8RgnLXUPfCgq
+DnWvCpUVt14GVHbswzR0guTqgFAFrKcTFQGVJWsvl9EUCdbnn2y99+CabsA3AH5QJ8CE4r80OweI
+e8vMAXx0xMF4OrjcVUylSxki+0pzaZSfNjFQ5L8HFF9XPwBghaoAjgBQfqQru4zkH4zrRbv1S/0A
+jjFV4Y6XPu0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MDErMDA6MDD1uAkt
+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjAxKzAwOjAwhOWxkQAAACh0RVh0
+ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjowMSswMDowMNPwkE4AAAAASUVORK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg" "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
new file mode 100644
index 0000000..ca42dee
--- /dev/null
+++ "b/src/icons/svg/cockpit-\344\276\233\345\272\224\345\225\206.svg"
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAt1BMVEX///8AAAAgdJ8gdp8g
+dqEgdqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqAgdqEgdqEgdqEgdqEgdqEg
+dqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEgdZ8gdZ8gdqEgdqEgdqIgdqEgdqEgdqEgdqEgdqEgdqEg
+daAgcJ8gdZ8gdqAgdJ8gdqEgdqEgdqIgdqEgdqEgdp8gdqEgdp8gdqIgeJ8gdqEgdqIgdqH///89
+/4o5AAAAO3RSTlMAAECAz9+vIBCP73BgML+fUJF+IIAwYHCA6uJAwL1SLzfB8H9pUKCC4EI9Awl8
+LXTQdByweFUBjhcQpLVBmVsAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJ
+TUUH5gsOCgUU8fyx8wAAA+V6VFh0UmF3IHByb2ZpbGUgdHlwZSB4bXAAAEiJrVdLsuM2DNzjFDkC
+BZCgeBzZknZTlWWOn27QT9bPb16mYpckmiKARhMfWv759bf8hc/g2sSettaxJh/c/OGlZk2uXrx6
+88Vm1WV9PB6rKuabZ86UaiXPlvJcUzasHb1JHutUIVisTnkp2fGEQjMIqdpqiyZ71tGmOjoEfaYx
+HzTxtz99qcZ3QgtAk30lDpv6i215IHmrwdyDEnmT0FTGPJckSnBrjSlzXSzpDDzJ+CtZtYa5wdxy
+XKM+MavGC2bw5H0wFZ3xABJcirtCMJ2++nJPgcJtKppz9pNrKvGS7o0145tsgjtrjY8uFat0CcQ1
+LDd+A4nirrjP3QAQVavYHzJSR7gFC3x/RAEI2CpshHoLphoYwoqv9z4ICFsriCWqTux+L0jwFW8Y
+W95bhLEJhjNcGYEnEXzQvZ5VQsRuCEiAoP6k89K950LcCwQLt56uwmpXPFwVI55GeAJEcJijJD8D
+/sJ9EX/7IPe85Bkp8F9MjHLkBgrnG0es5lyq9y25Vy532o/KmaEVm441a9EIgzVIRrpSfWdUGDPd
+Pm1kRkqBIvKghUZWf16y68oVyKamBVfSsUTpoADC2rR9MFFy7k8aeOXdK9eGuOeSIz0njiPvXB9Y
+htxnEh/Uzs6Qae61dbVy1PtB7diT+hu1RZhj3qEOd5B/qlq67kiByT3yfKa62OjGMYpuiWBckAPE
+caGaDDLXnhR/ed3R2EeBlkFfYdavMNuYUpSoJihTqPeok43IAZw1ByECZzTybOMioh2qGIJByBKR
+BLKpSvoihGOLHjEZP8WxY4ZuYgUKayhPVG0BCKORSiyjfsF6bD9+KsLM0TUYo1cEDEOrW034QnBo
+GBgJNAeSO0ZsgAF3RlUzGpk5gw9HI5Cwz8zEbVU6UEJ3j0CsJIhd7YYf7mnrrROInnu0soe78ZVf
+fA3GPsqLjoARth/YJ6K8IRrgnglSCJPOAAQeCBmIBNnkbWsBN24XtgMUlPxE1DVGNmLg1DFIZD3O
+IV7ah8h6K8r0d+6BteTH0h4fw/ElFAUm8LxlWGpfBwVd7zDdVeqrY+i0m2P73cExJaIXqms7NWxQ
+X4er4zhE7CryxFPSVx+NsNuVMx5zTqt36SL7fLmky/+3/UcEtTrfLXf1Sn5YYvfq2G0wgtqBjueo
+WBHZP+kSv2kSq9wG3jf0Q/UQvexEvRy5/5b6byuVfC5Vt5XqI/XyR23ohno5cv/n1MupQe9pphh5
+o4F+NFzvMrMnjWzTv8m1XUrfHkzloj9O0W/1578O/c31/4uQlw6cbZT/PeRfK7b44WtHRHIAAAEq
+SURBVDjLrdJbV4MwDABgCgUKWIauTB3Rubop3vF+yf//X1ZsIZ51L57lradfmzRpEOwimIsw4nES
+pcOa/QUiy7GPYgtI0EXhBXs4hvSBmIDEAwTZx9wDQgpQ/OMGlhNQ+kBCQOQDJAcX3kYNZfLQ30km
+eV/gxJ3fACZNVchxewMIGco03QbCiet1vn8wVTWbHVIwjNrE0fG8QRUAEpCW4xtPTlH9AvKjxv14
+cbbUYBfKgWI8n52vENYXCJctqisLBBkDv54jBCbFjUlxa0FFB3mHugfMAFckHVN+/wAaOmxBI4AF
+5AmYPT5Bq1TXKf2sXJH0N2Yvr/CToptqXb9ZwGkN7x9LaLT+DGojLJD0CvyCFvutWrdDo6osKUve
+R5bOVuv+KGvqYBfxDWhnTwuHweHLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA1
+OjIwKzAwOjAw+t2+5wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNToyMCswMDow
+MIuABlsAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDU6MjArMDA6MDDclSeE
+AAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg" "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
new file mode 100644
index 0000000..b39c00f
--- /dev/null
+++ "b/src/icons/svg/cockpit-\345\210\206\345\255\220\345\205\254\345\217\270.svg"
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdp8gdqEgdp8g
+dqIgd6IgdaIgdZ8gdqEgdZ8gdp8gdqIgcJ8gdqEgeJ8gdJ8gdqH///9N923MAAAAEHRSTlMAgO9w
+r5+/MN9gUI8QzyBA4CC9dQAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KCARZ5d/aAAABEUlEQVQ4
+y7VT2ZKEIAyERA4NGfL/X7sJ4A6os1X7MP2gUjTSBzgPcgW6Gfd5kYUgAtsCuBG2ZezCVwjRlKVk
+evMjoUnfj+7giUCmPhV7hi+J/K8L+NvFjukgIp8+uSg0+uPXo4bKAkzoI4zeL4QKwuPnJEI3QmGh
+cg6SSF1dQPHCxQVu8A7N0OxiK2BrKipYvHOsMmYX9RAeW22w6wvb6kmDb7LazNFVwEoIoutCjJFF
+H5qJBrcQyDZGzVHNaJi/fzhdVH+ysfdhmmYXvpxFDYJpml0E9WUq6x5y0whQL0m+WnhHzr7H6m9d
+4Ptqam0aq1298AZZRYzV6ZkAia9W1gIuKY9PwNKFXkAOY7Yz0Vv/Af/jF9H0ABgdAAAAJXRFWHRk
+YXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA4OjA0KzAwOjAwuUkWOQAAACV0RVh0ZGF0ZTptb2Rp
+ZnkAMjAyMi0xMS0xNFQxMDowODowNCswMDowMMgUroUAAAAodEVYdGRhdGU6dGltZXN0YW1wADIw
+MjItMTEtMTRUMTA6MDg6MDQrMDA6MDCfAY9aAAAAAElFTkSuQmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg" "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
new file mode 100644
index 0000000..99c6837
--- /dev/null
+++ "b/src/icons/svg/cockpit-\346\231\256\351\200\232\347\256\241\347\220\206\350\247\222\350\211\262.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAANlBMVEUAAAAgdJ8gdp8gdqEg
+dqEgdqIgeJ8gcJ8gdqIgdqEgdp8gdZ8gdZ8gdaIgd6Igdp8gdqH///9asIBaAAAAEHRSTlMAQIDP
+368gEI/vcGAwv59QjH7S1gAAAAFiS0dEEeK1PboAAAAHdElNRQfmCw4KBgm5147pAAAA30lEQVQ4
+y61SSxYDIQhT8QPjj/ufto51RtpqF33NwoWJEgJK/RXagHXG7+iAxB3HRuD4wloReSKtBFYI3MqB
+4JlWHUgBhx9+UCQE+XuXzGaZ0+QhrATTJuhNlAm6wRLUFqEe6RuddPJ+J9DlypqOxcDvUTdgaeOM
+r636LHrULRGi17Amb1M0dPLMNd2ljvkesR3FP4O1lwGSBUaQLViKQ1DlICNy6beFcTUm0plh3LpP
+i8NDPXOnubxyG9H0sxoS2w3SA/oxVTvzTPKLVtkywdtmV3Q5Qwd6VWxVGqL6Ex640RZ5eggIkQAA
+ACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjowOSswMDowMMZXR0oAAAAldEVYdGRh
+dGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MDkrMDA6MDC3Cv/2AAAAKHRFWHRkYXRlOnRpbWVz
+dGFtcAAyMDIyLTExLTE0VDEwOjA2OjA5KzAwOjAw4B/eKQAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..e287570
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\247\273\345\212\250\347\253\257\347\224\250\346\210\267.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdp8gdaIg
+dqEgdqIgdp8gdqEgdJ8gdqIgdqEgd6Igdp8geJ8gdqH///8oeR5GAAAADnRSTlMAEIC/769wz0CP
+359QIOzpTqoAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgc3Ya2iAwAAAHJJREFUKM9jYGBgYFT2
+ewcCYQxQIPoOCgqhAnEwgccQPsc7OGgAC7AhBBTAAqwIgYARKMC5Cg42MBAHmELhAF8QlmUhBLjB
+EcCIEGACsp4wMKwDUhMQEdUAJg8govLlFERUMojDLKmFuSQZzH1SJgBkAwAemAZ+rg3C9AAAACV0
+RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNzo1NSswMDowMKbVSGQAAAAldEVYdGRhdGU6
+bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDc6NTUrMDA6MDDXiPDYAAAAKHRFWHRkYXRlOnRpbWVzdGFt
+cAAyMDIyLTExLTE0VDEwOjA3OjU1KzAwOjAwgJ3RBwAAAABJRU5ErkJggg==" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg" "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
new file mode 100644
index 0000000..fef7f56
--- /dev/null
+++ "b/src/icons/svg/cockpit-\347\273\217\351\224\200\345\225\206.svg"
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAIVBMVEUAAAAgdZ8gdqEgdaIg
+dJ8gdqEgeJ8gdqEgdZ8gdqH///9wnibiAAAACXRSTlMAMM+/QN8g72Ctvb8DAAAAAWJLR0QKaND0
+VgAAAAd0SU1FB+YLDgoGK2y3zw0AAABeSURBVCjPY2AAAaGZIGDCAAeWYIGpCIGZikDCeSaSgAOQ
+YEMWQCLJEIA4AQ5MoE6Ag6kMM9EA2QIQyyvxCYAJsgWgvkMwMQSQtMxENwPDpfgEKAyPSFT+JAZX
+VAELAO8DzX0+wblKAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIyLTExLTE0VDEwOjA2OjQzKzAwOjAw
+5m0W/gAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMi0xMS0xNFQxMDowNjo0MyswMDowMJcwrkIAAAAo
+dEVYdGRhdGU6dGltZXN0YW1wADIwMjItMTEtMTRUMTA6MDY6NDMrMDA6MDDAJY+dAAAAAElFTkSu
+QmCC" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
new file mode 100644
index 0000000..48e8006
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242.svg"
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAMFBMVEUAAAAgcJ8gdJ8gdqEg
+eJ8gdp8gdqEgdaIgdqEgdqIgdZ8gd6IgdZ8gdp8gdqH///84UCaRAAAADnRSTlMAEEDPIIDfv++P
+YJ8wcKpbPrgAAAABYktHRA8YugDZAAAAB3RJTUUH5gsOCgYRqrsWvwAAAIVJREFUKM9jYMAFGJVR
++Sxh71D4QhXvUARE7d6hCGj2AfnvFsCNW/wODB47QPhMM4CcF3uAxFuIAB9I8iIDSI0JTKD9IANY
+4F0AROApSPO7d/eAKg+ABR4wgAUY970DM+ECDFx9aAIMcugCfLgFGGNRBRgjnqIKsL4beAG+dyjg
+ATkCBAEA+g7THGrQlmgAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjItMTEtMTRUMTA6MDY6MTcrMDA6
+MDBawjyJAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIyLTExLTE0VDEwOjA2OjE3KzAwOjAwK5+ENQAA
+ACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyMi0xMS0xNFQxMDowNjoxNyswMDowMHyKpeoAAAAASUVO
+RK5CYII=" />
+</svg>
diff --git "a/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg" "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
new file mode 100644
index 0000000..86f0776
--- /dev/null
+++ "b/src/icons/svg/cockpit-\351\233\206\345\233\242\347\224\250\346\210\267.svg"
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
+    href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAABGdBTUEAALGPC/xhBQAAACBjSFJN
+AAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAAAgcJ8gdp8gdqIg
+dqEgdqEgdp8gdJ8gdqEgd6IgdaIgdp8gdZ8gdZ8geJ8gdqH///9n9wqQAAAAD3RSTlMAEHCvz9+A
+QO+fv1AwYCAYuioVAAAAAWJLR0QQlbINLAAAAAd0SU1FB+YLDgoGG0pu/6EAAAC/SURBVDjLrVLR
+EsMgCJOCyqwr//+3a11VXPG225anekkhBJz7K2BB8himfCQpoDjhWSpMBVDjhS3BIgqWD9QCNARe
+C/gbwU0LkiEI70yC6uHBDKoLVjvKfNbgCX/4SMwpwIyOAfNeB4O9rLJLzqUP3a8znDF4soOAugms
+edFm+d8HXFvaufNbOxUG1797jb5p1DtpPlrVEqF61VmSqA6u9xB/Ouy/0NhQnj71MS7jM7xYPBTD
+7dL11kbwZ4If8QBJqhgaC+6DNQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0xMS0xNFQxMDowNjoy
+NiswMDowMHI6MN4AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMTEtMTRUMTA6MDY6MjYrMDA6MDAD
+Z4hiAAAAKHRFWHRkYXRlOnRpbWVzdGFtcAAyMDIyLTExLTE0VDEwOjA2OjI2KzAwOjAwVHKpvQAA
+AABJRU5ErkJggg==" />
+</svg>
diff --git a/src/views/dashboard/components/dashboardHeader.vue b/src/views/dashboard/components/dashboardHeader.vue
index a4262ae..93b1ca5 100644
--- a/src/views/dashboard/components/dashboardHeader.vue
+++ b/src/views/dashboard/components/dashboardHeader.vue
@@ -6,43 +6,42 @@
 </template>
 
 <script>
-import switchVue from './switch.vue';
+import switchVue from "./switch.vue";
 export default {
-    name:'headerDashboard',
-    components:{
-      switchVue
+  name: "headerDashboard",
+  components: {
+    switchVue,
+  },
+  props: {
+    changeCompon: {
+      type: Function,
+      required: true,
     },
-    props:{
-      changeCompon:{
-        type:Function,
-        required:true
-      }
-    }
-}
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .header-container {
   width: 100%;
-  //  display: flex;
-  //  justify-content: space-between;
-   height: 55px;
-   position: relative;
-   .text{
-    font-size: 25px;
+  height: 40px;
+  position: relative;
+  .text {
+    font-size: 20px;
     display: flex;
     align-items: center;
-    // width: 3000px;
     position: absolute;
     left: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
-   .right{
+    top: 50%;
+    transform: translate(0, -50%);
+    color: #2076a1;
+    font-weight: 700;
+  }
+  .right {
     position: absolute;
     right: 0;
-    top:50%;
-    transform: translate(0,-50%);
-   }
+    top: 50%;
+    transform: translate(0, -50%);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/deviceList.vue b/src/views/dashboard/components/deviceList.vue
index a7c11e1..23c5f15 100644
--- a/src/views/dashboard/components/deviceList.vue
+++ b/src/views/dashboard/components/deviceList.vue
@@ -1,21 +1,16 @@
 <template>
   <div class="container">
-    <div
-      v-for="(item, index) of device"
-      class="device"
-      :key="item.title"
-      :style="{ width: index === 0 ? '51%' : '50%' }"
-    >
-      <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+    <div v-for="(item, index) of device" class="device" :key="item.title">
       <div class="content">
-        <div>{{ item.title }}</div>
-        <div>{{ item.count }}</div>
+        <div><svg-icon :icon-class="item.icon"></svg-icon></div>
+        <div class="count">{{ item.count }}</div>
       </div>
+      <div class="title">{{ item.title }}</div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import SvgIcon from "@/components/SvgIcon";
 import { getDeviceInfo } from "@/api/cockpit/cockpit";
 export default {
@@ -29,19 +24,19 @@
         {
           title: "设备总数",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-device-total",
           type: "total",
         },
         {
           title: "IOT设备数量",
           count: "",
-          icon: "device-count",
+          icon: "cockpit-lot-count",
           type: "iot",
         },
         {
           title: "IOT设备在线率",
           count: "",
-          icon: "device-fund",
+          icon: "cockpit-lot-online",
           type: "iotRatio",
         },
       ],
@@ -53,8 +48,8 @@
       getDeviceInfo().then((res) => {
         for (var i = 0; i < this.device.length; i++) {
           for (var device in res.data) {
-            if(this.device[i].type === device) {
-              this.device[i].count = res.data[device]
+            if (this.device[i].type === device) {
+              this.device[i].count = res.data[device];
             }
           }
         }
@@ -66,25 +61,37 @@
   },
 };
 </script>
-  
-  <style lang="scss" scoped>
+
+<style lang="scss" scoped>
 .container {
+  padding: 10px;
+  padding-bottom: 0px;
   display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
+  justify-content: space-between;
+  color: #2076a1;
+  font-size: 14px;
+  font-weight: 700;
+
   .device {
-    width: 50%;
-    display: flex;
-    justify-content: center;
-    font-size: 20px;
-    ::v-deep .svg-icon {
-      width: 40px;
-      height: 40px;
-      color: rgb(64, 158, 255);
-    }
+    flex: 1;
     .content {
-      margin-left: 10px;
+      display: flex;
+      justify-content: space-around;
+      // padding: 5px;
+      align-items: center;
+      .count{
+        font-size: 20px;
+      }
+      ::v-deep .svg-icon {
+        width: 40px;
+        height: 40px;
+      }
     }
   }
+  .title{
+    text-align: center;
+    // padding:10px ;
+    margin-top: 5px;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/dashboard/components/layoutChartDoughnu.vue b/src/views/dashboard/components/layoutChartDoughnu.vue
index 7906430..9d3214e 100644
--- a/src/views/dashboard/components/layoutChartDoughnu.vue
+++ b/src/views/dashboard/components/layoutChartDoughnu.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备分类统计</span>
     </div>
-    <div class="chart-content" :style="{'height':height,'width':width}">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <doughnutChart :seriesData="seriesData" :title="title" />
     </div>
@@ -25,10 +25,6 @@
       type: String,
       default: "",
     },
-    width:{
-      type: String,
-      default: "500px"
-    },
     height:{
       type: String,
       default: "250px"
@@ -63,11 +59,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutChartVerticalBar.vue b/src/views/dashboard/components/layoutChartVerticalBar.vue
index e871d27..45ef98e 100644
--- a/src/views/dashboard/components/layoutChartVerticalBar.vue
+++ b/src/views/dashboard/components/layoutChartVerticalBar.vue
@@ -7,7 +7,7 @@
         this.type === "region" ? "区域设备排行榜" : "设备注册排行榜"
       }}</span>
     </div>
-    <div class="chart-content" :style="{ height: height, width: width }">
+    <div class="chart-content" :style="{ 'height': height}">
       <!-- echarts内容 -->
       <verticalBarChart :seriesData="seriesData" :yAxisData="yAxisData" />
     </div>
@@ -27,13 +27,9 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
-      default: "250px",
+      default: "200px",
     },
     type: {
       //使用type来区分 设备注册排行榜(register) 和 区域设备排行榜(region)
@@ -77,11 +73,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
   .chart-content {
     // width: 600px;
diff --git a/src/views/dashboard/components/layoutStackAreaChart.vue b/src/views/dashboard/components/layoutStackAreaChart.vue
index 42bd139..1c09c70 100644
--- a/src/views/dashboard/components/layoutStackAreaChart.vue
+++ b/src/views/dashboard/components/layoutStackAreaChart.vue
@@ -3,9 +3,9 @@
   <div class="chart-container">
     <div class="chart-header">
       <!--标题  -->
-      <span class="title"></span>
+      <span class="title">设备数量统计</span>
     </div>
-    <div class="chart-content" :style="{ 'height': height, 'width': width }">
+    <div class="chart-content" :style="{'height':height}">
       <!-- echarts内容 -->
       <gradientLineChart
         :seriesData="seriesData"
@@ -29,10 +29,6 @@
       type: String,
       default: "",
     },
-    width: {
-      type: String,
-      default: "500px",
-    },
     height: {
       type: String,
       default: "250px",
@@ -99,15 +95,14 @@
 
 <style lang="scss" scoped>
 .chart-container {
+  background: #edf5f8;
+  border-radius: 8px;
+  margin:10px;
+  padding: 10px;
   .chart-header {
-    width: 600px;
-    align-items: center;
-    display: flex;
-    justify-content: space-between;
-  }
-  .chart-content {
-    // width: 600px;
-    // height: 400px;
+    font-size: 14px;
+    color: #2076A1;
+    font-weight: 700;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/dashboard/components/managementList.vue b/src/views/dashboard/components/managementList.vue
index 88c7827..d27a0de 100644
--- a/src/views/dashboard/components/managementList.vue
+++ b/src/views/dashboard/components/managementList.vue
@@ -28,7 +28,7 @@
     fetchData() {
       getUserCount().then((res) => {
         this.management = res.data.map(item => {
-          return{...item,icon:'icon-user-man'}
+          return{...item,icon:'cockpit-' + item.roleName}
         })
       });
     },
diff --git a/src/views/dashboard/components/supplierList.vue b/src/views/dashboard/components/supplierList.vue
index 978600e..3e41367 100644
--- a/src/views/dashboard/components/supplierList.vue
+++ b/src/views/dashboard/components/supplierList.vue
@@ -39,20 +39,20 @@
           {
             title: "供应商注册设备总数量",
             count: "",
-            icon: "device-count",
+            icon: "cockpit-device-register",
             type: "deviceCount",
           },
           {
             title: "供应商审核通过总数量",
             count: "",
-            icon: "supplier-panel",
+            icon: "cockpit-approved",
             type: "approvedCount",
           },
           {
             title: "供应商注册总数量",
             count: "",
-            icon: "supplier-panel",
-            type: "supplierCount",
+            icon: "cockpit-supplier-register",
+            type: "approvedCount",
           },
         ],
       };
diff --git a/src/views/dashboard/components/switch.vue b/src/views/dashboard/components/switch.vue
index 43ef875..db4efa7 100644
--- a/src/views/dashboard/components/switch.vue
+++ b/src/views/dashboard/components/switch.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="container">
       <ul>
-        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)">
-        <svg-icon :icon-class="btn.icon"></svg-icon>
-        <span class="title" :style="{'color':active === index ? '#409EFF' : ''}">{{btn.name}}</span>
+        <li v-for="(btn, index) of btns" :key="index" @click="changeBtn(btn, index)" :class="active === index ? 'activeBorder' : ''">
+        <svg-icon :icon-class=" active === index ? btn.iconActive : btn.icon"></svg-icon>
+        <!-- 未选中 #509cc2 选中 #2076a1-->
+        <span class="title" :style="{'color':active === index ? '#2076a1' : ''}">{{btn.name}}</span>
         </li>
       </ul>
   </div>
@@ -28,17 +29,20 @@
             {
                 name:'设备面板',
                 compon:'devicePanel',
-                icon:'device-panel'
+                icon:'cockpit-device-pan-no',
+                iconActive:'cockpit-device-pan-check'
             },
             {
                 name:'经营面板',
                 compon:'managementPanel',
-                icon:'management-panel'
+                icon:'cockpit-distributor-pan-no',
+                iconActive:'cockpit-distributor-pan-check'
             },
             {
                 name:'供应商面板',
                 compon:'supplierPanel',
-                icon:'supplier-panel'
+                icon:'cockpit-supplier-pan-no',
+                iconActive:'cockpit-supplier-pan-check'
             }
         ],
         active:0
@@ -63,18 +67,25 @@
         margin-right: 30px;
         height: 100%;
         align-items: center;
+        .activeBorder{
+            border-bottom:4px solid #2076a1;
+        }
         li{
             margin-left: 20px;
+            border-bottom:4px solid transparent;
             &:hover{
                 cursor: pointer;
             }
             ::v-deep .svg-icon{
-                width: 32px;
-                height: 32px;
+                width: 16px;
+                height: 16px;
                 vertical-align: middle;
             }
             .title{
+                font-size: 16px;
+                font-weight: 700;
                 padding-left: 10px;
+                color:#509cc2;
             }
         }
     }
diff --git a/src/views/dashboard/devicePanel.vue b/src/views/dashboard/devicePanel.vue
index b702a79..7a89f70 100644
--- a/src/views/dashboard/devicePanel.vue
+++ b/src/views/dashboard/devicePanel.vue
@@ -49,9 +49,8 @@
     right: 0;
     top:0;
     background: #fff;
-    width: 500px;
-    // float: right;
-
+    width: 360px;
+    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
   }
   .map {
     div{
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 3334245..0ccc9af 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -50,13 +50,13 @@
   &-container {
     // position: relative;
     width: 100%;
-    min-height: 700px;
-    overflow: auto;
-    overflow-x: hidden;
+    // min-height: 700px;
+    // overflow: auto;
+    // overflow-x: hidden;
   }
   &-text {
     font-size: 30px;
-    line-height: 46px;
+    // line-height: 46px;
   }
 }
 *{
diff --git a/src/views/dashboard/managementPanel.vue b/src/views/dashboard/managementPanel.vue
index 1425b2d..0985533 100644
--- a/src/views/dashboard/managementPanel.vue
+++ b/src/views/dashboard/managementPanel.vue
@@ -57,7 +57,7 @@
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  margin-right: -17px;
+  overflow-x: hidden;
   .common-width{
       width: 33%;
   }
diff --git a/src/views/dashboard/supplierPanel.vue b/src/views/dashboard/supplierPanel.vue
index e2fc1b5..4cc57e1 100644
--- a/src/views/dashboard/supplierPanel.vue
+++ b/src/views/dashboard/supplierPanel.vue
@@ -63,6 +63,7 @@
   width: 100%;
   display: flex;
   flex-wrap: wrap;
+  overflow-x: hidden;
   .common-width {
     width: 33%;
   }