Merge branch 'main' of github.com:le5le-com/visualization-design

src/services/defaults.ts

@@ -1302,6 +1302,131 @@ export const formComponents = [
           ],
         },
       },
+      {
+        name: '斑马纹表格',
+        icon: 'l-biaoge',
+        data: {
+          name: 'table2',
+          width: 0,
+          height: 0,
+          disableAnchor: true,
+          colWidth: 90,
+          rowHeight: 32,
+          bordered: false,
+          vLine: false,
+          hLine: false,
+          stripe: true,
+          stripeColor: '#407FFF1F', //'#15181c',
+          // hasHeader: false,
+          textColor: '#FFFFFF',
+          data: [
+            ['设备 ID', '设备名称', '数据协议', '级别'],
+            [
+              '1',
+              '200',
+              'MQTT',
+              {
+                text: '一级告警',
+                background: '#650b09',
+                textColor: '#FF5D3CFF',
+              },
+            ],
+            [
+              '2',
+              '湿度传感器',
+              'MQTT',
+              {
+                text: '二级告警',
+                background: '#4d2a02',
+                textColor: '#E6A82EFF',
+              },
+            ],
+            [
+              '3',
+              '物联网设备',
+              'MQTT',
+              {
+                text: '一级告警',
+                background: '#650b09',
+                textColor: '#FF5D3CFF',
+              },
+            ],
+            [
+              '4',
+              '物联网设备/智能家居/智慧城市',
+              'MQTT',
+              {
+                text: '三级告警',
+                textColor: '#58CC84FF',
+                background: '#042617;',
+              },
+            ],
+          ],
+          styles: [
+            {
+              row: 0,
+              textColor: '#ffffff66',
+            },
+            {
+              col: 3,
+              pens: [
+                {
+                  name: 'rectangle',
+                  width: 56,
+                  height: 20,
+                  fontSize: 0.6,
+                  disableAnchor: true,
+                  lineWidth: 0,
+                },
+              ],
+            },
+          ],
+          props: {
+            custom: [
+              {
+                key: 'data',
+                label: '数据',
+                type: 'object',
+              },
+              {
+                key: 'styles',
+                label: '样式',
+                type: 'object',
+              },
+              {
+                key: 'stripe',
+                label: '显示斑马纹',
+                type: 'bool',
+              },
+              {
+                key: 'stripeColor',
+                label: '斑马纹颜色',
+                type: 'color',
+              },
+              {
+                key: 'bordered',
+                label: '外边框',
+                type: 'bool',
+              },
+              {
+                key: 'hLine',
+                label: '水平线',
+                type: 'bool',
+              },
+              {
+                key: 'vLine',
+                label: '垂直线',
+                type: 'bool',
+              },
+              {
+                key: 'hasHeader',
+                label: '有无头部',
+                type: 'bool',
+              },
+            ],
+          },
+        },
+      },
       {
         name: '树',
         icon: 'l-pc', //l-shu
@@ -1725,16 +1850,16 @@ export const formComponents = [
           name: 'leTab',
           width: 500,
           height: 50,
-          direction:'horizontal',
-          selectKey:'1',
-          selectedKeys:[],
-          theme:'',
-          data:[
-            {text:'场景一',key:'0',isForbidden:true},
-            {text:'场景二',key:'1'},
-            {text:'场景三',key:'2'},
-            {text:'场景四',key:'3'}
-          ]
+          direction: 'horizontal',
+          selectKey: '1',
+          selectedKeys: [],
+          theme: '',
+          data: [
+            { text: '场景一', key: '0', isForbidden: true },
+            { text: '场景二', key: '1' },
+            { text: '场景三', key: '2' },
+            { text: '场景四', key: '3' },
+          ],
         },
       },
       {
@@ -1744,15 +1869,15 @@ export const formComponents = [
           name: 'leTab',
           width: 500,
           height: 50,
-          direction:'horizontal',
-          selectedKeys:['0'],
-          theme:'multiple',
-          data:[
-            {text:'场景一',key:'0'},
-            {text:'场景二',key:'1',isForbidden:true},
-            {text:'场景三',key:'2'},
-            {text:'场景四',key:'3'}
-          ]
+          direction: 'horizontal',
+          selectedKeys: ['0'],
+          theme: 'multiple',
+          data: [
+            { text: '场景一', key: '0' },
+            { text: '场景二', key: '1', isForbidden: true },
+            { text: '场景三', key: '2' },
+            { text: '场景四', key: '3' },
+          ],
         },
       },
     ],
@@ -1846,8 +1971,8 @@ export const formComponents = [
           height: 30,
           disableAnchor: true,
           direction: 'horizontal', // 'vertical', //'horizontal',
-          theme:'',
-          itemPosition:[],
+          theme: '',
+          itemPosition: [],
           data: [
             { key: '1', text: '选项一', isForbidden: true },
             { key: '2', text: '选项示例二' },
@@ -1864,7 +1989,7 @@ export const formComponents = [
           width: 300,
           height: 30,
           direction: 'horizontal', // 'vertical', //'horizontal',
-          theme:'',
+          theme: '',
           data: [
             { key: '1', text: '选项一', isForbidden: true },
             { key: '2', text: '选项示例二' },

src/views/components/Header.vue

@@ -838,9 +838,8 @@ const downloadImageTips =
   '无法下载，宽度不合法，画布可能没有画笔/画布大小超出浏览器最大限制';
 
 const downloadPng = () => {
-  const name = (meta2d.store.data as Meta2dBackData).name;
   try {
-    meta2d.downloadPng(name ? name + '.png' : undefined);
+    meta2d.downloadPng();
   } catch (e) {
     MessagePlugin.warning(downloadImageTips);
   }