bri-components 1.5.21 → 1.6.0

package/src/components/list/mixins/DshCascaderTableMixin.js

@@ -1,278 +1,278 @@
-export default {
-    mixins: [],
-    components: {},
-    props: {},
-    data () {
-        return {};
-    },
-    computed: {
-        selfBasePropsObj () {
-            return {
-                ...this.treeTableBasePropsObj,
-                _dftReadonlyTreeColKeys: [], // 默认的数据只读的表头列
-                _oldReadonlyTreeColKeys: [] // 保存的数据只读的表头列
-            };
-        },
-        dftReadonlyTreeColKeys () {
-            return this.isDftSet ? [] : this.selfPropsObj._dftReadonlyTreeColKeys || []; // 配置端有问题，高级依赖时值成undefined了
-        },
-        oldReadonlyTreeColKeys () {
-            return this.isDftSet ? [] : this.selfPropsObj._oldReadonlyTreeColKeys || []; // 配置端有问题，高级依赖时值成undefined了
-        },
-        // 替换tableBaseMixin里的
-        noborderColKeys () {
-            return [
-                ...this.treeColKeys,
-                ...this.selfPropsObj._noborderColKeys
-            ];
-        },
-        // 替换tableBaseMixin里的
-        showCreateBtnColKeys () {
-            return [
-                ...this.treeColKeys,
-                ...(this.selfPropsObj._showCreateBtnColKeys || [])
-            ];
-        },
-        // 替换tableBaseMixin里的
-        searchTitle () {
-            return `${this.isSearching ? "筛选" : "全部"}数据，共 ${this.totalNum} 条；`;
-        },
-
-        /* --- 列字段 --- */
-        showColumns () {
-            return [
-                ...this.$transformToColumns(this.showContentColumns),
-                ...(!this.isSearching && this.rowOperationList.length ? [this.selfOperationColumn] : [])
-            ];
-        },
-        //  替换tableBaseMixin里的
-        contentColumns () {
-            return [
-                ...this.treeColumns.reduce((arr, colItem) => ([
-                    ...arr,
-                    {
-                        ...colItem,
-                        colType: "tree"
-                    },
-                    ...colItem._treeSubForm.map(subColItem => ({
-                        ...subColItem,
-                        colType: "summary",
-                        nodeKey: colItem._key
-                    }))
-                ]), []),
-                ...this.usedColumns.map(colItem => ({
-                    ...colItem,
-                    colType: "data",
-                    nodeKey: this.treeColKeys[this.treeColKeys.length - 1]
-                }))
-            ].map(colItem => ({
-                renderHeaderCell: ({ column }, h) => {
-                    return this.contentThCellRender(h, { column });
-                },
-                renderBodyCell: ({ row, rowIndex, column }, h) => {
-                    row = row[column.nodeKey || column._key];
-
-                    return column.colType === "summary"
-                        ? this.getSummaryTdVal({ row, rowIndex, column })
-                        : this.contentTdCellRender(h, { row, rowIndex, column });
-                },
-                ...colItem
-            }));
-        },
-        selfOperationColumn () {
-            return {
-                ...this.operationColumn,
-                nodeKey: this.treeColKeys[this.treeColKeys.length - 1],
-                renderBodyCell: ({ row, rowIndex, column }, h) => {
-                    row = row[column.nodeKey || column._key];
-
-                    return this.operationTdCellRender(h, { row, rowIndex, column });
-                }
-            };
-        },
-
-        /* --- 数据 --- */
-        allTreeData () {
-            // console.log("allTreeData");
-            return this.getCalcuedTree(this.data, this.selfColumns, this.treeColumns);
-        },
-        allListData () {
-            // console.log("allListData");
-            return this.$getTreeFlatArr(this.allTreeData, node => !(node.children && node.children.length));
-        },
-        showListData () {
-            // console.log("showListData");
-            const loop = (nodes = [], finalRows = []) => {
-                // 先层层过滤
-                const subLoop = (nodes = []) =>
-                    nodes.filter(row =>
-                        row.children && row.children.length
-                            ? !!subLoop(row.children).length
-                            : this.isSearching
-                                ? this.$isAdvRelyAccord(this.finalTableAdvSearch, row)
-                                : true
-                    );
-                nodes = subLoop(nodes);
-
-                return nodes.reduce((rows, node, nodeIndex) => {
-                    // 创建行，并把节点数据（对象类型）注入到行对象内
-                    if (nodeIndex !== 0 || rows.length === 0) {
-                        rows.push({
-                            _id: this.$ObjectID().str
-                        });
-                    }
-                    const curCol = this.treeColumns[node.level - 1];
-                    const curRow = rows[rows.length - 1];
-                    Object.assign(curRow, { [curCol._key]: node });
-
-                    // 判断是否叶子节点，做对应操作
-                    if (node.children && node.children.length) {
-                        const oldLength = rows.length - 1;
-                        const newRows = loop(node.children, rows);
-                        node.total = newRows.length - oldLength;
-                        return newRows;
-                    } else {
-                        return rows;
-                    }
-                }, finalRows);
-            };
-
-            return loop(this.allTreeData);
-        }
-    },
-    created () { },
-    mounted () { },
-    methods: {
-        // 转化树数据
-        getCalcuedTree (nodes = [], subCols = [], treeCols = []) {
-            const loop = (nodes = [], parentNodes = []) => {
-                nodes.forEach(row => {
-                    this.fixRowData(row);
-
-                    // 初始化树节点的数据，给节点加上一些属性并监测，注入到节点对象中
-                    let curCol = treeCols[row.level - 1];
-                    this.$setObj(row, {
-                        _key: curCol._key,
-                        isLeaf: false,
-                        total: 1
-                    });
-
-                    // 根节点
-                    if (row.level === treeCols.length) {
-                        row.children = [];
-                        row.isLeaf = true;
-
-                        // // TODO：特殊处理-叶子节点上注入对应表头列们的name值
-                        // const treeNodes = [...parentNodes, row];
-                        // treeCols.forEach((colItem, colIndex) => {
-                        //     row[colItem._key] = treeNodes[colIndex].name;
-                        // });
-                    }
-                    // 非根节点，需继续向下循环
-                    else {
-                        // 正常的非根节点
-                        if (row.children && row.children.length) {
-                            loop(row.children, [...parentNodes, row]);
-                        }
-                        // 特殊的非根节点(此时是新增一列 或 新增了非根节点行) -添加一个子节点，并把该节点上的subForm属性值全部给下级节点（新增的是根节点行，不会走此处代码）
-                        else {
-                            const newNode = this.getNewRowData(row.level + 1, row.children);
-                            subCols.forEach(subCol => {
-                                newNode[subCol._key] = row[subCol._key]; // 用$set也可以
-                                delete row[subCol._key];
-                            });
-                            row.children.push(newNode);
-
-                            loop(row.children, [...parentNodes, row]);
-                        }
-                    }
-                });
-            };
-
-            loop(nodes);
-            this.initFlag = false;
-            return nodes;
-        },
-        fixSelfRowData (row) {
-            if (this.initFlag) {
-                // 根节点
-                if (!(row.children && row.children.length)) {
-                    // 每条数据都补充全所有字段值（赋一个默认的空值）
-                    this.selfColumns.forEach((colItem) => {
-                        // 不用row[colItem._key] === undefined判断，是因为后端给的空值不可靠，多选的有时候都能给null
-                        if (!Object.prototype.hasOwnProperty.call(row, colItem._key) && this.$isEmptyData(row[colItem._key])) {
-                            this.$set(row, colItem._key, this.$deepCopy(this.dftInitValMap[colItem._type]));
-                        }
-                    });
-                }
-            }
-        },
-
-        // 单元格 -汇总节点单元格-获取值
-        getSummaryTdVal ({ row, rowIndex, column }) {
-            const calFieldFormItem = this.selfColumns.find(item => item._key === column._calField);
-
-            if (column._calField && calFieldFormItem && column._operator) {
-                const loop = (nodes, arr = []) =>
-                    nodes.reduce((arr, node) => {
-                        return node.children.length
-                            ? loop(node.children, arr)
-                            : [
-                                ...arr,
-                                node[column._calField] || 0
-                        ];
-                    }, arr);
-                const list = loop(row.children);
-
-                return this.$calNumList(list, column._operator, calFieldFormItem);
-            } else {
-                return !column._calField && !column._operator
-                    ? "未选择来源列和算法"
-                    : !column._calField
-                        ? "未选择来源列"
-                        : !calFieldFormItem
-                            ? `来源列${column._calField}被删除`
-                            : "未选择算法";
-            }
-        },
-        bodyCellSpan ({ row, rowIndex, column }) {
-            row = row[column.nodeKey || column._key];
-
-            return {
-                rowspan: row
-                    ? row.total || 1
-                    : 0,
-                colspan: 1
-            };
-        },
-
-        // 加工单元格对应的配置
-        getSelfResetCol ({ row, rowIndex, column }) {
-            return column.colType === "tree"
-                ? {
-                    _heightAuto: true,
-                    _placeholder: " "
-                }
-                : {};
-        },
-        // 单元格本身是否可编辑性 -针对表头列
-        getSelfColCanEdit ({ row, rowIndex, column }) {
-            return (this.getIsDftRow(row) ? !this.dftReadonlyTreeColKeys.includes(column._key) : true) && // 默认行的某列是否可编辑
-            (row.__old__ === true ? !this.oldReadonlyTreeColKeys.includes(column._key) : true); // 老数据行里某些列不可编辑
-        },
-        // getNewRowData时，额外补充的行相关的数据（针对层级列）
-        getSelfNewRowData (level) {
-            const column = this.treeColumns[level - 1];
-            const dftVal = column._default;
-            const dftInitVal = this.dftInitValMap[column._type];
-
-            return {
-                name: this.$deepCopy(
-                    this.$isEmptyData(dftVal)
-                        ? dftInitVal
-                        : dftVal
-                )
-            };
-        }
-    }
-};
+export default {
+    mixins: [],
+    components: {},
+    props: {},
+    data () {
+        return {};
+    },
+    computed: {
+        selfBasePropsObj () {
+            return {
+                ...this.treeTableBasePropsObj,
+                _dftReadonlyTreeColKeys: [], // 默认的数据只读的表头列
+                _oldReadonlyTreeColKeys: [] // 保存的数据只读的表头列
+            };
+        },
+        dftReadonlyTreeColKeys () {
+            return this.isDftSet ? [] : this.selfPropsObj._dftReadonlyTreeColKeys || []; // 配置端有问题，高级依赖时值成undefined了
+        },
+        oldReadonlyTreeColKeys () {
+            return this.isDftSet ? [] : this.selfPropsObj._oldReadonlyTreeColKeys || []; // 配置端有问题，高级依赖时值成undefined了
+        },
+        // 替换tableBaseMixin里的
+        noborderColKeys () {
+            return [
+                ...this.treeColKeys,
+                ...this.selfPropsObj._noborderColKeys
+            ];
+        },
+        // 替换tableBaseMixin里的
+        showCreateBtnColKeys () {
+            return [
+                ...this.treeColKeys,
+                ...(this.selfPropsObj._showCreateBtnColKeys || [])
+            ];
+        },
+        // 替换tableBaseMixin里的
+        searchTitle () {
+            return `${this.isSearching ? "筛选" : "全部"}数据，共 ${this.totalNum} 条；`;
+        },
+
+        /* --- 列字段 --- */
+        showColumns () {
+            return [
+                ...this.$transformToColumns(this.showContentColumns),
+                ...(!this.isSearching && this.rowOperationList.length ? [this.selfOperationColumn] : [])
+            ];
+        },
+        //  替换tableBaseMixin里的
+        contentColumns () {
+            return [
+                ...this.treeColumns.reduce((arr, colItem) => ([
+                    ...arr,
+                    {
+                        ...colItem,
+                        colType: "tree"
+                    },
+                    ...colItem._treeSubForm.map(subColItem => ({
+                        ...subColItem,
+                        colType: "summary",
+                        nodeKey: colItem._key
+                    }))
+                ]), []),
+                ...this.usedColumns.map(colItem => ({
+                    ...colItem,
+                    colType: "data",
+                    nodeKey: this.treeColKeys[this.treeColKeys.length - 1]
+                }))
+            ].map(colItem => ({
+                renderHeaderCell: ({ column }, h) => {
+                    return this.contentThCellRender(h, { column });
+                },
+                renderBodyCell: ({ row, rowIndex, column }, h) => {
+                    row = row[column.nodeKey || column._key];
+
+                    return column.colType === "summary"
+                        ? this.getSummaryTdVal({ row, rowIndex, column })
+                        : this.contentTdCellRender(h, { row, rowIndex, column });
+                },
+                ...colItem
+            }));
+        },
+        selfOperationColumn () {
+            return {
+                ...this.operationColumn,
+                nodeKey: this.treeColKeys[this.treeColKeys.length - 1],
+                renderBodyCell: ({ row, rowIndex, column }, h) => {
+                    row = row[column.nodeKey || column._key];
+
+                    return this.operationTdCellRender(h, { row, rowIndex, column });
+                }
+            };
+        },
+
+        /* --- 数据 --- */
+        allTreeData () {
+            // console.log("allTreeData");
+            return this.getCalcuedTree(this.data, this.selfColumns, this.treeColumns);
+        },
+        allListData () {
+            // console.log("allListData");
+            return this.$getTreeFlatArr(this.allTreeData, node => !(node.children && node.children.length));
+        },
+        showListData () {
+            // console.log("showListData");
+            const loop = (nodes = [], finalRows = []) => {
+                // 先层层过滤
+                const subLoop = (nodes = []) =>
+                    nodes.filter(row =>
+                        row.children && row.children.length
+                            ? !!subLoop(row.children).length
+                            : this.isSearching
+                                ? this.$isAdvRelyAccord(this.finalTableAdvSearch, row)
+                                : true
+                    );
+                nodes = subLoop(nodes);
+
+                return nodes.reduce((rows, node, nodeIndex) => {
+                    // 创建行，并把节点数据（对象类型）注入到行对象内
+                    if (nodeIndex !== 0 || rows.length === 0) {
+                        rows.push({
+                            _id: this.$ObjectID().str
+                        });
+                    }
+                    const curCol = this.treeColumns[node.level - 1];
+                    const curRow = rows[rows.length - 1];
+                    Object.assign(curRow, { [curCol._key]: node });
+
+                    // 判断是否叶子节点，做对应操作
+                    if (node.children && node.children.length) {
+                        const oldLength = rows.length - 1;
+                        const newRows = loop(node.children, rows);
+                        node.total = newRows.length - oldLength;
+                        return newRows;
+                    } else {
+                        return rows;
+                    }
+                }, finalRows);
+            };
+
+            return loop(this.allTreeData);
+        }
+    },
+    created () { },
+    mounted () { },
+    methods: {
+        // 转化树数据
+        getCalcuedTree (nodes = [], subCols = [], treeCols = []) {
+            const loop = (nodes = [], parentNodes = []) => {
+                nodes.forEach(row => {
+                    this.fixRowData(row);
+
+                    // 初始化树节点的数据，给节点加上一些属性并监测，注入到节点对象中
+                    let curCol = treeCols[row.level - 1];
+                    this.$setObj(row, {
+                        _key: curCol._key,
+                        isLeaf: false,
+                        total: 1
+                    });
+
+                    // 根节点
+                    if (row.level === treeCols.length) {
+                        row.children = [];
+                        row.isLeaf = true;
+
+                        // // TODO：特殊处理-叶子节点上注入对应表头列们的name值
+                        // const treeNodes = [...parentNodes, row];
+                        // treeCols.forEach((colItem, colIndex) => {
+                        //     row[colItem._key] = treeNodes[colIndex].name;
+                        // });
+                    }
+                    // 非根节点，需继续向下循环
+                    else {
+                        // 正常的非根节点
+                        if (row.children && row.children.length) {
+                            loop(row.children, [...parentNodes, row]);
+                        }
+                        // 特殊的非根节点(此时是新增一列 或 新增了非根节点行) -添加一个子节点，并把该节点上的subForm属性值全部给下级节点（新增的是根节点行，不会走此处代码）
+                        else {
+                            const newNode = this.getNewRowData(row.level + 1, row.children);
+                            subCols.forEach(subCol => {
+                                newNode[subCol._key] = row[subCol._key]; // 用$set也可以
+                                delete row[subCol._key];
+                            });
+                            row.children.push(newNode);
+
+                            loop(row.children, [...parentNodes, row]);
+                        }
+                    }
+                });
+            };
+
+            loop(nodes);
+            this.initFlag = false;
+            return nodes;
+        },
+        fixSelfRowData (row) {
+            if (this.initFlag) {
+                // 根节点
+                if (!(row.children && row.children.length)) {
+                    // 每条数据都补充全所有字段值（赋一个默认的空值）
+                    this.selfColumns.forEach((colItem) => {
+                        // 不用row[colItem._key] === undefined判断，是因为后端给的空值不可靠，多选的有时候都能给null
+                        if (!Object.prototype.hasOwnProperty.call(row, colItem._key) && this.$isEmptyData(row[colItem._key])) {
+                            this.$set(row, colItem._key, this.$deepCopy(this.dftInitValMap[colItem._type]));
+                        }
+                    });
+                }
+            }
+        },
+
+        // 单元格 -汇总节点单元格-获取值
+        getSummaryTdVal ({ row, rowIndex, column }) {
+            const calFieldFormItem = this.selfColumns.find(item => item._key === column._calField);
+
+            if (column._calField && calFieldFormItem && column._operator) {
+                const loop = (nodes, arr = []) =>
+                    nodes.reduce((arr, node) => {
+                        return node.children.length
+                            ? loop(node.children, arr)
+                            : [
+                                ...arr,
+                                node[column._calField] || 0
+                        ];
+                    }, arr);
+                const list = loop(row.children);
+
+                return this.$calNumList(list, column._operator, calFieldFormItem);
+            } else {
+                return !column._calField && !column._operator
+                    ? "未选择来源列和算法"
+                    : !column._calField
+                        ? "未选择来源列"
+                        : !calFieldFormItem
+                            ? `来源列${column._calField}被删除`
+                            : "未选择算法";
+            }
+        },
+        bodyCellSpan ({ row, rowIndex, column }) {
+            row = row[column.nodeKey || column._key];
+
+            return {
+                rowspan: row
+                    ? row.total || 1
+                    : 0,
+                colspan: 1
+            };
+        },
+
+        // 加工单元格对应的配置
+        getSelfResetCol ({ row, rowIndex, column }) {
+            return column.colType === "tree"
+                ? {
+                    _heightAuto: true,
+                    _placeholder: " "
+                }
+                : {};
+        },
+        // 单元格本身是否可编辑性 -针对表头列
+        getSelfColCanEdit ({ row, rowIndex, column }) {
+            return (this.getIsDftRow(row) ? !this.dftReadonlyTreeColKeys.includes(column._key) : true) && // 默认行的某列是否可编辑
+            (row.__old__ === true ? !this.oldReadonlyTreeColKeys.includes(column._key) : true); // 老数据行里某些列不可编辑
+        },
+        // getNewRowData时，额外补充的行相关的数据（针对层级列）
+        getSelfNewRowData (level) {
+            const column = this.treeColumns[level - 1];
+            const dftVal = column._default;
+            const dftInitVal = this.dftInitValMap[column._type];
+
+            return {
+                name: this.$deepCopy(
+                    this.$isEmptyData(dftVal)
+                        ? dftInitVal
+                        : dftVal
+                )
+            };
+        }
+    }
+};