lambo-design-bi 0.0.1

package/pub/empty/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <el-empty :description="desc"></el-empty>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'BiEmpty',
+  components: {},
+  props: {
+    desc: {
+      type: String,
+      default: ' '
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  created() {
+    console.log("未获取到内容，显示空白组件")
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped></style>

package/pub/helpbox/README.md

@@ -0,0 +1,6 @@
+## @lambo-design/help-box复制修改版本，主要为自定义报表使用
+## !!!!注意，常规组件，请优先使用@lambo-design/help-box
+- 多余地方删除，watch监听的地方，去掉了
+    selectedKey: function () {
+      this.init();
+    }

package/pub/helpbox/index.vue

@@ -0,0 +1,363 @@
+<template>
+  <Modal v-model="boxShow" :title="boxTitle" :width="width" :styles="{ top: '60px' }"
+    @on-visible-change="onVisibleChange" @on-cancel="onCancel">
+    <div v-show="boxShow" style="max-height: 530px;overflow-y:auto;overflow-x:hidden;">
+      <LamboPagingTableBi ref="helpBoxTable" :columns="tableColumnsClone" :dataUrl="tableUrl"
+        :searchParams="searchParams" :showTableOption="false" :transformResponse="transformResponse" size="small"
+        @on-row-click="onRowClick" @on-selection-change="onSelectionChange" @on-select="onSelect"
+        @on-select-cancel="onSelectCancel" @on-select-all="onSelectAll" @on-select-all-cancel="onSelectAllCancel">
+        <slot slot="search" name="search-extend">
+          <span v-if='searchName != 1' style="margin:0px 10px ">{{ searchName }}</span>
+          <Input v-model="searchText" maxlength="50" placeholder="搜索" style="width: 200px" />
+          <Button icon="ios-search" style="margin-left:10px;" type="primary" @click="doSearch">查询</Button>
+          <div v-if="rowName && multiSelect" class="tags">
+            <Tag v-for="item in selectTags" :key="item.key" :name="item.key" closable @on-close="tagClose">
+              {{ item.value }}
+            </Tag>
+          </div>
+        </slot>
+      </LamboPagingTableBi>
+    </div>
+    <div slot="footer">
+      <Button ghost type="primary" @click="onClear">{{ clearText }}</Button>
+      <Button type="primary" @click="onOk">确定</Button>
+    </div>
+  </Modal>
+</template>
+<script>
+import LamboPagingTableBi from "../table/paging-table"
+import { deepCopy } from "@lambo-design/shared/utils/assist"
+
+export default {
+  name: "LamboHelpBoxBi",
+  components: {
+    LamboPagingTableBi
+  },
+  props: {
+    value: Boolean,
+    url: String,
+    columns: Array,
+    title: {
+      type: String,
+      default: "帮助框"
+    },
+    width: {
+      type: Number,
+      default: 520
+    },
+    multiSelect: {
+      type: Boolean,
+      default: false
+    },
+    //外部查询条件
+    helpBoxSearchParams: {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    },
+    clearText: {
+      type: String,
+      require: false,
+      default: "清空"
+    },
+    rowKey: {
+      type: String,
+      require: false,
+      default: ""
+    },
+    rowName: {
+      type: String,
+      require: false,
+      default: ""
+    },
+    //父组件回填已选中的值
+    selectedKey: {
+      type: Array,
+      require: false,
+      default: () => { return [] }
+    },
+    searchKey: {
+      type: String,
+      require: false,
+      default: "search"
+    },
+    searchName: {
+      type: String,
+      require: false,
+      default: "1"
+    },
+    padding: {
+      type: [String, Number],
+      require: false,
+      default: "0"
+    }
+  },
+  data() {
+    return {
+      boxShow: this.value,
+      searchText: "",
+      reSetPages: false,
+      selection: [],
+      selectStore: [],
+      selectTags: [],
+      selectRows: [],
+      selectedKeys: [],
+      searchParams: {},
+      tableColumnsClone: [],
+      timer: {}
+    }
+  },
+  computed: {
+    tableUrl: function () {
+      return this.url
+    },
+    boxTitle: function () {
+      return this.title
+    }
+  },
+  methods: {
+    init: function () {
+      this.clearSelectData()
+      this.selectedKeys = this.selectedKey
+      if (this.rowKey) {
+        for (let item of this.selectedKeys) {
+          this.selectRows[item[this.rowKey]] = item;
+          let tagItem = { "key": item[this.rowKey], "value": item[this.rowName] }
+          this.selectTags.push(tagItem);
+        }
+      }
+      let self = this;
+      self.selectStore = [];
+      let selectColumn = {
+        width: 80,
+        align: 'center',
+        title: "选择"
+      };
+      if (this.multiSelect) {
+        selectColumn.type = "selection"
+      } else {
+        //当前iView版本单选要自己实现
+        selectColumn.render = function (h, params) {
+          let index = params.index;
+          let value = false;
+          if (self.selectRows && self.rowKey && self.selectRows[params.row[self.rowKey]]) {
+            value = true;
+          } else {
+            value = self.selection[index] === undefined ? false : self.selection[index]
+          }
+          return h("Radio", {
+            props: {
+              "value": value
+            },
+            on: {
+              "on-change": function () {
+                self.selectOnChange(params.row, index);
+              }
+            }
+          })
+        }
+      }
+      this.tableColumnsClone = deepCopy(this.columns)
+      this.tableColumnsClone.unshift(selectColumn);
+      this.searchParams = Object.assign({}, {
+        search: self.searchText
+      }, self.helpBoxSearchParams);
+    },
+    onOk: function () {
+      let result = null;
+      if (this.rowKey) {
+        let selectStore = [];
+        for (let item in this.selectRows) {
+          selectStore.push(this.selectRows[item]);
+        }
+        result = selectStore;
+        this.selectStore = selectStore;
+      }
+      if (this.selectStore.length > 0) {
+        if (this.multiSelect) {
+          result = this.selectStore
+        } else {
+          result = this.selectStore[0]
+        }
+        this.$emit("on-ok", result);
+        this.$emit("input", false);
+        this.clearSelectData();
+        this.boxShow = false;
+      } else {
+        this.$Message.error("请选择一条记录");
+      }
+    },
+    onClear: function () {
+      this.clearSelectData();
+      this.$emit("onClear");
+      this.$emit("input", false);
+      this.boxShow = false;
+    },
+    onVisibleChange: function (value) {
+      this.$emit("on-visible-change", value);
+    },
+    onCancel: function () {
+      this.clearSelectData();
+      this.$emit("input", false);
+      this.boxShow = false;
+    },
+    doSearch: function () {
+      //this.clearSelectData();
+      this.searchParams = Object.assign({}, {
+        [this.searchKey]: this.searchText
+      }, this.helpBoxSearchParams);
+    },
+    /**
+     *
+     * @param row
+     * @param index
+     */
+    onRowClick: function (row, index) {
+      if (this.multiSelect) {
+        this.$refs.helpBoxTable.$refs.tableRef.toggleSelect(index);
+      } else {
+        this.selectOnChange(row, index);
+      }
+    },
+    //单选
+    selectOnChange: function (row, index) {
+      this.selection = Array(index).fill(false);
+      this.selection.splice(index, 1, true);
+      this.selectStore = [row];
+      if (!this.rowKey) {
+        this.selectStore = [row];
+      } else {
+        this.selectStore = [row];
+        this.selectRows = {}
+        this.selectRows[row[this.rowKey]] = row;
+        let tagItem = { "key": row[this.rowKey], "value": row[this.rowName] }
+        this.selectTags = [tagItem]
+      }
+    },
+    //多选
+    onSelectionChange: function (rows) {
+      if (!this.rowKey) {
+        this.selectStore = rows;
+      } else {
+        this.selectStore = rows;
+        if (rows && rows.length > 0) {
+          for (let i = 0; i < rows.length; i++) {
+            let row = rows[i];
+            if (!this.selectTags.some(item => item.key === row[this.rowKey])) {
+              this.selectRows[row[this.rowKey]] = row;
+              let tagItem = { "key": row[this.rowKey], "value": row[this.rowName] }
+              this.selectTags.push(tagItem);
+            }
+          }
+        }
+      }
+    },
+    onSelect: function (selection, row) {
+      if (this.rowKey) {
+        this.selectRows[row[this.rowKey]] = row;
+      }
+    },
+    onSelectCancel: function (selection, row) {
+      if (this.rowKey) {
+        delete this.selectRows[row[this.rowKey]];
+        const selectIndex = (this.selectTags || []).findIndex((selectItem) => selectItem.key === row[this.rowKey])
+        if (selectIndex > -1) {
+          this.selectTags.splice(selectIndex, 1);
+        }
+      }
+    },
+    onSelectAll: function (selection) {
+      if (this.rowKey) {
+        for (let item of selection) {
+          this.selectRows[item[this.rowKey]] = item;
+        }
+      }
+    },
+    onSelectAllCancel: function () {
+      if (this.rowKey) {
+        let currentTableData = this.$refs.helpBoxTable.$data.tableData;
+        for (let i = 0; i < currentTableData.length; i++) {
+          let tempData = currentTableData[i][this.rowKey];
+          delete this.selectRows[tempData];
+          const selectIndex = (this.selectTags || []).findIndex((selectItem) => selectItem.key === tempData)
+          if (selectIndex > -1) {
+            this.selectTags.splice(selectIndex, 1);
+          }
+        }
+      }
+    },
+    transformResponse: function (resp) {
+      if (this.rowKey) {
+        let self = this;
+        if (resp.code === 1 || resp.code === "000") {
+          let tableData = resp.data.rows;
+          for (let i = 0; i < tableData.length; i++) {
+            if (self.selectRows[tableData[i][self.rowKey]]) {
+              tableData[i]._checked = true;
+            }
+          }
+          resp.data.rows = tableData;
+        }
+      }
+      return resp;
+    },
+    clearSelectData: function () {
+      this.selection = [];//清空已选项
+      this.selectStore = [];//清空已选数据
+      this.selectRows = [];//清空已选数据
+      this.selectTags = [];//清空所选标签
+      this.selectedKeys = [];//清空默认选择
+    },
+    tagClose: function (event, name) {
+      const selectIndex = (this.selectTags || []).findIndex((selectItem) => selectItem.key === name)
+      const dataIndex = (this.$refs.helpBoxTable.$data.tableData || []).findIndex((selectItem) => selectItem[this.rowKey] === name)
+      if (selectIndex > -1) {
+        this.selectTags.splice(selectIndex, 1);
+        this.selectStore.splice(selectIndex, 1);
+      }
+      delete this.selectRows[name];
+      if (dataIndex > -1) {
+        this.$refs.helpBoxTable.$refs.tableRef.toggleSelect(dataIndex);
+      }
+    }
+  },
+  watch: {
+    value: function () {
+      if (this.value) {
+        this.boxShow = true;
+        this.searchText = "";
+        this.searchParams = Object.assign({}, {
+          search: this.searchText
+        }, this.helpBoxSearchParams);
+      }
+    },
+    multiSelect: function () {
+      this.init();
+    },
+    columns: function () {
+      this.init();
+    },
+    helpBoxSearchParams: function () {
+      this.init();
+    },
+    searchText: function () {
+      let self = this;
+      clearTimeout(self.timer);
+      self.timer = setTimeout(() => {
+        self.searchParams = Object.assign({}, {
+          search: self.searchText
+        }, self.helpBoxSearchParams);
+      }, 750);
+    }
+  },
+  created() {
+    this.init();
+  }
+}
+</script>
+<style lang="less" scoped>
+.tags {
+  margin: 10px auto;
+}
+</style>

package/pub/num-index/num-index.vue

@@ -0,0 +1,120 @@
+<template>
+  <div class="num-index">
+    <div class="title">
+      <span class="title-text">{{ title }}</span>
+      <Poptip v-if="note" trigger="hover" placement="right-end" transfer word-wrap width="250" :content="note"
+        class="title-icon">
+        <Icon type="ios-information-circle-outline" />
+      </Poptip>
+    </div>
+    <div class="content">
+      <span class="value">{{ val }}</span>
+      <span v-if="unit" class="unit">{{ unit }}</span>
+    </div>
+    <div class="extends">
+      <div v-for="(item, index) in items" :key="index" class="extends-item">
+        <p><span>{{ item.k_name }}&nbsp;</span><span>{{ item.val }}</span></p>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: "NumIndex",
+  components: {},
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    val: {
+      type: [String, Number],
+      default: ''
+    },
+    unit: {
+      type: String,
+      default: ''
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    note: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  created() {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped lang="less">
+.num-index {
+  width: 257px;
+
+  .title {
+    font-size: 16px;
+    position: relative;
+    text-align: center;
+
+    .title-text {
+      display: inline-block;
+      position: relative;
+      z-index: 1
+    }
+
+    .title-icon {
+      position: absolute;
+      right: 0;
+      width: 16px;
+      height: 16px;
+      line-height: 24px;
+    }
+  }
+
+  .content {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    line-height: 50px;
+    position: relative;
+
+    .value {
+      font-size: 35px;
+    }
+
+    .unit {
+      font-size: 12px;
+      position: absolute;
+      right: 0;
+    }
+  }
+
+  .extends {
+    margin-left: 10px;
+    display: flex;
+    justify-content: center;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 0 10px;
+
+    .extends-item {
+      font-size: 14px;
+      color: #888;
+    }
+  }
+}
+</style>

package/pub/table/detail-table/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <LamboDetailTable ref="detailTable" bordered size="default">
+    <template v-for="(item, index) in data">
+      <LamboDetailTableItem :key="index" :label="item.label">{{ item.val }}</LamboDetailTableItem>
+    </template>
+  </LamboDetailTable>
+</template>
+<script>
+import { LamboDetailTable, LamboDetailTableItem } from "@lambo-design/detail-table"
+
+export default {
+  name: "DetailTableBi",
+  components: { LamboDetailTable, LamboDetailTableItem },
+  props: {
+    data: {
+      type: Array,
+      default: () => ([])
+    }
+  },
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  created() {
+
+  },
+  updated() {
+    this.$nextTick(() => {
+      this.$refs.detailTable.refreshTable()
+    })
+  },
+  mounted() {
+
+  }
+}
+</script>
+<style scoped></style>

package/pub/table/paging-table/README.md

@@ -0,0 +1,4 @@
+## @lambo-design/paging-table复制修改版本，主要为自定义报表使用
+## !!!!注意，常规组件，请优先使用@lambo-design/paging-table
+- 多余地方删除，一些小的地方修改
+- 后期可能会做一些修改