瀏覽代碼

feat:新增表格分页

ananzhusen 11 月之前
父節點
當前提交
3a9b88875e
共有 1 個文件被更改,包括 544 次插入0 次删除
  1. 544 0
      src/services/defaults.ts

+ 544 - 0
src/services/defaults.ts

@@ -2124,6 +2124,550 @@ export const formComponents = [
           },
         },
       },
+      {
+        name: '表格分页',
+        icon: 'l-biaoge',
+        data: {
+          name: 'tablePlus',
+          width: 0,
+          height: 0,
+          disableAnchor: true,
+          disableSize: true,
+          bordered:true,
+          hLine:true,
+          vLine:true,
+          colWidth: 180,
+          rowHeight: 30,
+          color: "#bdc7db",
+          stripe: true,
+          stripeColor: "#407FFF1F",
+          ellipsis: true,
+          whiteSpace: "break-all",
+          pagination: {
+            current: 1,
+            maxPageBtn: 5,
+            pageSize: 20,
+            pageSizeOptions: [
+              5,
+              10,
+              20,
+              30
+            ],
+            size: "small",
+            total: 88
+          },
+          events: [
+            {
+              "actions": [
+                {
+                  "action": 15,
+                  "callback": " let _data = [['场景','图纸id','名称','操作']]; \r\n      let data1 = JSON.parse(data);\r\n      pen.pagination.total = data1.total;\r\n      pen.calculative.paginationPen.total = data1.total;\r\n      data1.list.forEach((item)=>{\r\n        let _item = [item.case?item.case:'无',item.id,item.name,{events:[\r\n            {\r\n                \"actions\": [\r\n                    {\r\n                        \"action\": 0,\r\n                        \"params\":\"_blank\",\r\n                        \"value\": `https://view.le5le.com/2d?id=${item.id}`\r\n                    }\r\n                ],\r\n                \"conditions\": [],\r\n                \"name\": \"click\"\r\n            }\r\n        ]}];\r\n        _data.push(_item);\r\n      });\r\n      context.meta2d.setValue({id:pen.id,data:_data},{doEvent:false,history:false});",
+                  "input": "",
+                  "network": {
+                    "httpTimeInterval": 1000,
+                    "method": "POST",
+                    "options": {},
+                    "protocol": "http",
+                    "type": "publish",
+                    "url": "/api/data/2d/list?current=${pagination.current}&pageSize=${pagination.pageSize}"
+                  },
+                  "params": "",
+                  "targetType": "id",
+                  "value": {
+                    "shared": true
+                  }
+                }
+              ],
+              "conditionType": "and",
+              "conditions": [
+                {
+                  "key": "pageChange",
+                  "keyLabel": "pageChange",
+                  "keyPopupVisible": false,
+                  "operator": "=",
+                  "type": "",
+                  "value": true,
+                  "valueType": ""
+                }
+              ],
+              "name": "click"
+            }
+          ],
+          data: [
+            [
+              "场景",
+              "图纸id",
+              "名称",
+              "操作"
+            ],
+            [
+              "智慧物联",
+              "01840e23-efb8-70d4-804b-9402de84d2d7",
+              "冷源群控系统",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01840e23-efb8-70d4-804b-9402de84d2d7"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧园区",
+              "01871289-7110-708d-80f2-c654ea652d7e",
+              "中央空调模拟演示台系统",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01871289-7110-708d-80f2-c654ea652d7e"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧物联",
+              "01864ef5-f3b8-7046-8062-680466d5157b",
+              "换热站远程监控系统",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01864ef5-f3b8-7046-8062-680466d5157b"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "无",
+              "018f94fe-12f4-7e6e-90c2-e7354270e7e1",
+              "RTO ",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=018f94fe-12f4-7e6e-90c2-e7354270e7e1"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "电力能源",
+              "01831702-3460-7028-808d-77e4cee1a1bd",
+              "变电站主接线图",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01831702-3460-7028-808d-77e4cee1a1bd"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧物联",
+              "01840e82-bd40-70d4-804b-9402de84d2f1",
+              "制冷站",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01840e82-bd40-70d4-804b-9402de84d2f1"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧水务",
+              "0186531b-a898-7046-8062-680466d51d97",
+              "废水处理",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=0186531b-a898-7046-8062-680466d51d97"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "电信机房",
+              "01840e6f-9ad0-70d4-804b-9402de84d2e8",
+              "数据中心",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01840e6f-9ad0-70d4-804b-9402de84d2e8"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧工厂",
+              "018fc8e1-6ccb-734c-a438-72a1c51dd2cb",
+              "破碎筛分监控",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=018fc8e1-6ccb-734c-a438-72a1c51dd2cb"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "电力能源",
+              "01840e78-7c40-70d4-804b-9402de84d2eb",
+              "光伏系统",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01840e78-7c40-70d4-804b-9402de84d2eb"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧工厂",
+              "01888a79-9d70-70ad-803e-767682ff0962",
+              "智能预制泵站",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01888a79-9d70-70ad-803e-767682ff0962"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧物联",
+              "01840e88-00e8-70d4-804b-9402de84d2f3",
+              "锅炉房",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01840e88-00e8-70d4-804b-9402de84d2f3"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧工厂",
+              "0180abf4-d170-709d-80ac-35b389088ca8",
+              "火电厂生产过程示意图",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=0180abf4-d170-709d-80ac-35b389088ca8"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧工厂",
+              "01840e73-e090-70d4-804b-9402de84d2ea",
+              "制冷站",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01840e73-e090-70d4-804b-9402de84d2ea"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧物联",
+              "0179c5f5-1d70-70fd-8058-e60001871e89",
+              "燃气管道远程监控系统",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=0179c5f5-1d70-70fd-8058-e60001871e89"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧工厂",
+              "01869188-d448-7073-804c-5807bdf1ecb5",
+              "汽车涂装生产线",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01869188-d448-7073-804c-5807bdf1ecb5"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧工厂",
+              "018431db-bc38-70da-8009-62a797f1ab75",
+              "废气治理",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=018431db-bc38-70da-8009-62a797f1ab75"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "电力能源",
+              "016effb2-56a0-7060-8025-d729abf23681",
+              "电网单线图",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=016effb2-56a0-7060-8025-d729abf23681"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "智慧城市",
+              "01840e7f-fe20-70d4-804b-9402de84d2f0",
+              "智慧城市",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01840e7f-fe20-70d4-804b-9402de84d2f0"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ],
+            [
+              "电力能源",
+              "01796382-43c0-7070-80c5-ce0001cdb895吾问无为谓哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇哇dd",
+              "高压一次图",
+              {
+                "events": [
+                  {
+                    "actions": [
+                      {
+                        "action": 0,
+                        "params": "_blank",
+                        "value": "https://view.le5le.com/2d?id=01796382-43c0-7070-80c5-ce0001cdb895"
+                      }
+                    ],
+                    "conditions": [],
+                    "name": "click"
+                  }
+                ]
+              }
+            ]
+          ],
+          styles: [
+            {
+              "row": 0,
+              "textColor": "#ffffff66"
+            },
+            {
+              "col": 3,
+              "pens": [
+                {
+                  "color": "#0052d9",
+                  "disableAnchor": true,
+                  "height": 20,
+                  "lineWidth": 0,
+                  "name": "rectangle",
+                  "text": "点击查看",
+                  "width": 56
+                }
+              ]
+            }
+          ],
+          
+          props: {
+            custom: [
+              {
+                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: 'pagination',
+                label: '分页配置',
+                type: 'code',
+              },
+              {
+                key: 'data',
+                label: '数据',
+                type: 'code',
+              },
+              {
+                key: 'styles',
+                label: '样式',
+                type: 'code',
+              },
+            ],
+          }
+        },
+      },
       {
         name: '树',
         icon: 'l-shu', //l-shu