lambo-design-bi 0.0.1

package/bi/widget/table/paging-table.vue

@@ -0,0 +1,188 @@
+<template>
+  <div style="width: 100%">
+    <LamboPagingTableBi ref="table" :auto-search="false" :columns="columns" :dataUrl="widget.options.url"
+      :export-batch-size="20000" :show-table-option="true" :exportName="widget.name"
+      :page-disable="widget.options.isPaging === '0'" :page-size="widget.options.pageSize" :export-request-limit="200"
+      :isSingleSelectModel="true" :showSummary="widget.options.isPageSum === '1'" :summary-method="handleSummary"
+      @on-data-load="onDataLoad" :searchParams="tableSearchParams">
+      <div slot="search"></div>
+    </LamboPagingTableBi>
+  </div>
+</template>
+<script>
+import biConfig from '../config/config'
+import { getListMapData } from '../api/data'
+import LamboPagingTableBi from '../../../pub/table/paging-table/index.vue'
+
+export default {
+  name: 'BiPagingTable',
+  components: { LamboPagingTableBi },
+  props: {
+    widget: {
+      type: Object,
+      default: () => ({})
+    },
+    params: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  data() {
+    return {
+      tableSearchParams: {
+        inJson: ''
+      }
+    }
+  },
+  methods: {
+    doSearch() {
+      console.log("BiPagingTable -- doSearch -- params:", this.params)
+      this.$set(this.tableSearchParams, 'inJson', this.params)
+    },
+    goDetail(routerName, pageId, row) {
+      let newQuery = Object.assign({}, this.params, row);
+      newQuery['pageId'] = pageId
+      console.log("goDetail newQuery:", newQuery)
+      console.log("goDetail routerName:", routerName)
+      this.$router.push({
+        name: routerName,
+        query: newQuery
+      })
+    },
+    onDataLoad() {
+      if (this.widget.options.isAllSum === '1' && this.widget.options.sumApiId !== '' && this.$refs.table.tableData.length > 0) {
+        getListMapData(this.widget.options.sumApiId, this.params).then(res => {
+          if (res.data.code === 0) {
+            console.error("调用总计服务[" + this.widget.options.sumApiId + "]失败：" + res.data.message)
+          } else {
+            if (res.data.data.rows.length > 0) {
+              let sumRows = res.data.data.rows[0];
+              if (this.columns.length > 0) {
+                console.log(JSON.stringify(this.columns))
+                if (this.columns[0].key === 'index' || this.columns[0].key === 'checkbox') {
+                  sumRows[this.columns[1].key] = '总计';
+                } else {
+                  sumRows[this.columns[0].key] = '总计';
+                }
+              }
+              sumRows.is_append_page_all_sum = true;
+              this.$refs.table.tableData.push(sumRows)
+              console.log("列表增加总计成功")
+            }
+          }
+        }).catch(err => {
+          console.error("调用总计服务[" + this.widget.options.sumApiId + "]异常：", err)
+        })
+      }
+    },
+    /*合计 根据columns中的hasSum是否合计来进行计算*/
+    handleSummary({ columns, data }) {
+      const sums = {};
+      let tempData = [...data];
+      if (tempData.length > 0 && tempData[tempData.length - 1].is_append_page_all_sum) {
+        tempData.pop();
+      }
+      columns.forEach((column, index) => {
+        const key = column.key;
+        const hasSum = column.hasSum;
+        if (hasSum === 'true') {
+          const values = tempData.map(item => Number(item[key]));
+          if (!values.every(value => isNaN(value))) {
+            const v = values.reduce((prev, curr) => {
+              const value = Number(curr);
+              if (!isNaN(value)) {
+                return prev + curr;
+              } else {
+                return prev;
+              }
+            }, 0);
+            sums[key] = {
+              key,
+              value: v
+            };
+          } else {
+            sums[key] = {
+              key,
+              value: ''
+            };
+          }
+        } else {
+          if (key === 'index' || key === 'checkbox') {
+            sums[key] = {
+              key,
+              value: '合计'
+            };
+          } else if (index === 0) {
+            sums[key] = {
+              key,
+              value: '合计'
+            };
+          } else {
+            sums[key] = {
+              key,
+              value: ''
+            };
+          }
+        }
+      });
+      return sums;
+    },
+  },
+  created() {
+    // eslint-disable-next-line
+    this.widget.options.url = biConfig.dataServerContext + biConfig.dataServiceUri + this.widget.options.apiId
+    console.log("BiPagingTable -- created() -- this.widget:", this.widget)
+  },
+  mounted() {
+    this.doSearch()
+  },
+  computed: {
+    columns() {
+      let columns = []
+      if (this.widget &&
+        Object.prototype.hasOwnProperty.call(this.widget, "options") &&
+        Object.prototype.hasOwnProperty.call(this.widget.options, "columns")) {
+        if (this.widget.options.columns) {
+          try {
+            columns = JSON.parse(this.widget.options.columns)
+            columns.forEach((column) => {
+              if (column.detailName && column.pageId) {
+                let self = this
+                column.render = function (h, params) {
+                  return h(
+                    "a",
+                    {
+                      on: {
+                        click: () => {
+                          self.goDetail(params.column.detailName, params.column.pageId, params.row);
+                        },
+                      },
+                    },
+                    params.row[params.column.key]
+                  );
+                };
+              }
+            });
+          } catch (e) {
+            console.log("BiPagingTable -- columns() -- this.widget.options.columns:", this.widget.options.columns)
+            console.error("BiPagingTable -- columns() JSON解析异常:", e)
+            this.$Message.info("表格头配置数据解析异常")
+            columns = []
+          }
+        }
+      }
+      return columns
+    }
+  },
+  watch: {
+    params: {
+      handler: function (val, oldVal) {
+        console.log('watch val,oldVal', val, oldVal)
+        this.doSearch()
+      },
+      deep: true
+    },
+  }
+}
+</script>
+<style scoped></style>

package/bi/widget/util/widget-map.js

@@ -0,0 +1,41 @@
+import BiEmpty from "../../../pub/empty/index.vue"
+import BiPagingTable from "../table/paging-table.vue"
+import BiContainerCard from "../container/card/card-widget.vue"
+import BiNumIndex from "../num/index.vue"
+import BiRow from "../layout/row.vue"
+import BiCol from "../layout/col.vue"
+import BiPage from "../page/index.vue"
+import BiDetailTable from "../table/detail-table.vue"
+
+/**
+ * Strictly define the order to prevent circular references. For component reuse, copy new components instead of direct references.
+ */
+export const WIDGET_MAP = {
+  "20": BiPage,
+  "32": BiRow,
+  "33": BiCol,
+  "40": BiContainerCard,
+  "41": BiNumIndex,
+  "50": BiPagingTable,
+  "51": BiDetailTable,
+  "_empty": BiEmpty,
+}
+
+export function getWidgetName(item) {
+  let type = item.type
+  if (type && Object.prototype.hasOwnProperty.call(WIDGET_MAP, type) && WIDGET_MAP[type]) {
+    return WIDGET_MAP[type]
+  } else {
+    console.warn(`未找到type=${type}对应的组件，使用默认组件`)
+    console.log('getWidgetName item=', item)
+    console.log('getWidgetName type=', type)
+    console.log('getWidgetName WIDGET_MAP=', WIDGET_MAP)
+    if (type && Object.prototype.hasOwnProperty.call(WIDGET_MAP, type)) {
+      console.log('getWidgetName 类型包含组件但未成功获取 WIDGET_MAP[type]=', WIDGET_MAP[type])
+    } else {
+      console.log('getWidgetName 类型无效值或者不包含 type=', type)
+    }
+    return WIDGET_MAP['_empty']
+  }
+}
+

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "lambo-design-bi",
+  "version": "0.0.1",
+  "description": "",
+  "main": "index.js",
+  "author": "finch",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "files": [
+      "!**/.*",
+      "!**/CHANGELOG.md",
+      "**/*"
+    ]
+  },
+  "dependencies": {
+    "@lambo-design/core": "^4.7.1-beta.162",
+    "@lambo-design/file-list": "^1.0.0-beta.9",
+    "@lambo-design/percent-progress": "^1.0.0-beta.9",
+    "@lambo-design/shared": "^1.0.0-beta.283",
+    "@lambo-design/query-filter": "^1.0.0-beta.38",
+    "@lambo-design/detail-table": "^1.0.0-beta.23",
+    "axios": "1.6.7",
+    "core-js": "^3.8.3",
+    "echarts": "^4.8.0",
+    "element-ui": "^2.15.14",
+    "moment": "^2.30.1",
+    "xlsx": "^0.13.3",
+    "xlsx-style": "^0.8.13",
+    "jszip": "^3.5.0"
+  },
+  "devDependencies": {
+    "less": "^4.4.0",
+    "less-loader": "^12.3.0",
+    "vue": "^2.6.14"
+  },
+  "scripts": {}
+}

package/pub/charts/echarts.vue

@@ -0,0 +1,57 @@
+<template>
+  <div ref="chartContainer" :style="{ width: '100%', height: height }"></div>
+</template>
+<script>
+import * as echarts from 'echarts'
+
+export default {
+  name: 'LamboCharts',
+  props: {
+    options: {
+      type: Object,
+      default: () => ({})
+    },
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart();
+  },
+  watch: {
+    options: {
+      handler(newOptions) {
+        if (this.chart) {
+          this.chart.setOption(newOptions)
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  methods: {
+    initChart() {
+      if (!this.chart) {
+        const container = this.$refs.chartContainer
+        if (container) {
+          this.chart = echarts.init(container)
+          this.chart.setOption(this.options || {})
+        }
+      }
+    }
+  },
+  beforeDestroy() {
+    if (this.chart) {
+      this.chart.dispose()
+      this.chart = null;
+    }
+  }
+}
+</script>
+<style scoped></style>

package/pub/charts/factory/charts-factory.vue

@@ -0,0 +1,58 @@
+<template>
+  <lambo-charts :options="getOptions"></lambo-charts>
+</template>
+<script>
+import LamboCharts from "../echarts.vue"
+import { getECharts } from "./options"
+
+export default {
+  name: "LamboChartsFactory",
+  components: { LamboCharts },
+  props: {
+    type: {
+      type: String,
+      default: ''
+    },
+    dataX: {
+      type: Array,
+      default: () => ([])
+    },
+    dataY: {
+      type: Array,
+      default: () => ([])
+    },
+    dataZ: {
+      type: Array,
+      default: () => ([])
+    },
+    dataDim: {
+      type: Array,
+      default: () => ([])
+    },
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  computed: {
+    getOptions() {
+      return getECharts(this.type, this.dataX, this.dataY, this.dataDim, this.dataZ)
+    }
+  },
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped></style>