bri-components 1.5.22 → 1.6.0

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

@@ -1,286 +1,286 @@
-export default {
-    mixins: [],
-    components: {},
-    props: {},
-    data () {
-        return {};
-    },
-    computed: {
-        selfBasePropsObj () {
-            return {
-                ...this.treeTableBasePropsObj
-            };
-        },
-
-        /* --- 列字段 --- */
-        showColumns () {
-            return [
-                this.expandColumn,
-                ...(this.useIndex === true ? [this.indexColumn] : []),
-                ...this.$transformToColumns(this.showContentColumns),
-                ...(!this.isSearching && this.rowOperationList.length ? [this.operationColumn] : [])
-            ];
-        },
-        expandColumn () {
-            return {
-                // title: "开／合",
-                _key: "__isExpand__",
-                key: "__isExpand__",
-                field: "__isExpand__",
-                width: 48,
-                align: "center",
-                fixed: "left",
-                renderBodyCell: ({ row, rowIndex, column }, h) => {
-                    return this.isSearching && this.searchMode === "flat"
-                        ? h("span", "")
-                        : row.children && row.children.length
-                            ? h("Icon", {
-                                style: {
-                                    width: "16px",
-                                    height: "16px",
-                                    cursor: "pointer",
-                                    transform: row.__isExpand__ ? "rotate(90deg)" : "rotate(0deg)",
-                                    transition: "transform 0.3s"
-                                },
-                                props: {
-                                    type: "ios-arrow-forward",
-                                    size: "18"
-                                },
-                                on: {
-                                    click: () => {
-                                        this.toggleExpand(row, !row.__isExpand__);
-                                    }
-                                }
-                            })
-                            : h("span", "");
-                }
-            };
-        },
-        indexColumn () {
-            return {
-                title: "序号",
-                _key: "__treeIndex__",
-                key: "__treeIndex__",
-                field: "__treeIndex__",
-                width: 28 + 16 + (this.maxLevel - 1) * 36,
-                align: "left",
-                fixed: "left",
-                renderBodyCell: ({ row, rowIndex, column }, h) => {
-                    return [
-                        h("div", {
-                            style: {
-                                paddingLeft: `${(row.level - 1) * 18}px`,
-                                fontWeight: "500"
-                            }
-                        }, row.__treeIndex__),
-
-                        // 添加符
-                        ...this.operationIconRender(h, { row, rowIndex, column })
-                    ];
-                }
-            };
-        },
-
-        /* --- 数据 --- */
-        allTreeData () {
-            return this.getCalcuedTree(this.data, this.selfColumns);
-        },
-        allListData () {
-            return this.$getTreeFlatArr(this.allTreeData);
-        },
-        // 全部数据（或筛选出的数据）
-        showListData () {
-            return this.allListData.filter(row =>
-                this.isSearching
-                    ? this.$isAdvRelyAccord(this.finalTableAdvSearch, row)
-                    : row.__isShow__
-            );
-        },
-        footerData () {
-            return this.isSearching
-                ? []
-                : this.useSummary && this.allListData.length
-                    ? [
-                        this.contentColumns.reduce((obj, column) => {
-                            return {
-                                ...obj,
-                                [column._key]: column._type === "number" && column._summaryType
-                                    ? this.$calNumList(
-                                        this.allListData
-                                            .filter(row => row.level === 1)
-                                            .map(row => row[column._key]),
-                                        column._summaryType,
-                                        { ...column, _defaultDigit: 2 }
-                                    )
-                                    : (obj[column._key] || "--")
-                            };
-                        }, {
-                            _id: this.$ObjectID().str,
-                            __treeIndex__: "汇总",
-                            __isExpand__: "-",
-                            __operation__: "——"
-                        })
-                    ]
-                    : [];
-        }
-    },
-    created () { },
-    methods: {
-        // 加工树形数据
-        getCalcuedTree (treeData = [], cols = []) {
-            const loop = (list = [], parentRow, levelNum = 1) =>
-                list.forEach(rowItem => {
-                    this.fixRowData(rowItem, levelNum);
-
-                    // 递归到叶子节点前 从上往下执行 要处理的
-                    cols.reduce((newRow, column) => {
-                        if (["number", "date"].includes(column._type)) {
-                            if (column._summaryType) {
-                                // 不做处理，_summaryType和_writeSort互反，更安全的判断
-                            }
-                            else if (["upToDown"].includes(column._writeSort) && column._noLimitWrite !== true) {
-                                // 有父级且值为空的 值置空
-                                const val = parentRow && this.$isEmptyData(parentRow[column._key])
-                                    ? this.$deepCopy(this.dftInitValMap[column._type])
-                                    : newRow[column._key];
-
-                                this.$set(newRow, column._key, val);
-                            }
-                        }
-
-                        return newRow;
-                    }, rowItem);
-
-                    if (rowItem.children && rowItem.children.length) {
-                        rowItem.isLeaf = false;
-                        loop(rowItem.children, rowItem, levelNum + 1);
-
-                        // 递归到叶子节点后到 从下往上执行 要处理的（非叶子节点）
-                        cols.reduce((newRow, column) => {
-                            if (["number", "date"].includes(column._type)) {
-                                if (column._summaryType) {
-                                    const val = ["number"].includes(column._type)
-                                        ? this.$calNumList(
-                                            newRow.children.map(subRow => subRow[column._key]),
-                                            column._summaryType,
-                                            { ...column, _defaultDigit: 2 },
-                                            false
-                                        )
-                                        : this.$calDateList(
-                                            newRow.children.map(subRow => subRow[column._key]),
-                                            column._summaryType,
-                                            column._dateType
-                                        );
-
-                                    this.$set(newRow, column._key, val);
-                                }
-                                else if (["downToUp"].includes(column._writeSort) && column._noLimitWrite !== true) {
-                                    // 子行有空值的 值置空
-                                    const val = newRow.children.some(sonRow => this.$isEmptyData(sonRow[column._key]))
-                                        ? this.$deepCopy(this.dftInitValMap[column._type])
-                                        : newRow[column._key];
-
-                                    this.$set(newRow, column._key, val);
-                                }
-                            }
-
-                            return newRow;
-                        }, rowItem);
-                    } else {
-                        rowItem.isLeaf = true;
-
-                        // 递归到叶子节点后到 从下往上执行 要处理的（叶子节点）
-                        cols.reduce((newRow, column) => {
-                            if (["number", "date"].includes(column._type)) {
-                                if (column._summaryType) {
-                                    this.$set(newRow, column._key, newRow[column._key]);
-                                }
-                                else if (["downToUp"].includes(column._writeSort) && column._noLimitWrite !== true) {
-                                    this.$set(newRow, column._key, newRow[column._key]);
-                                }
-                            }
-
-                            return newRow;
-                        }, rowItem);
-                    }
-                });
-            loop(treeData);
-
-            this.initFlag = false;
-            return treeData;
-        },
-        fixSelfRowData (row, levelNum) {
-            // console.log(row.level);
-            if (this.initFlag) {
-                // 每条数据都补充全所有字段值（赋一个默认的空值）
-                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]));
-                    }
-                });
-
-                row.level = row.level || levelNum; // TODO：修正数据level属性，后期可以删除
-                // 第一级的需要显示出来
-                if (row.level === 1) {
-                    // 必须用$set
-                    this.$set(row, "__isExpand__", false);
-                    this.$set(row, "__isShow__", true);
-                    this.$set(row, "__isTmpShow__", true);
-                } else {
-                    this.$set(row, "__isExpand__", false);
-                    this.$set(row, "__isShow__", false);
-                    this.$set(row, "__isTmpShow__", false);
-                }
-            }
-            // 考虑计算或其它重新传进来值时
-            else {
-                // 第一级的需要显示出来
-                if (row.level === 1) {
-                    !Object.prototype.hasOwnProperty.call(row, "__isExpand__") && this.$set(row, "__isExpand__", false);
-                    !Object.prototype.hasOwnProperty.call(row, "__isShow__") && this.$set(row, "__isShow__", true);
-                    !Object.prototype.hasOwnProperty.call(row, "__isTmpShow__") && this.$set(row, "__isTmpShow__", true);
-                } else {
-                    !Object.prototype.hasOwnProperty.call(row, "__isExpand__") && this.$set(row, "__isExpand__", false);
-                    !Object.prototype.hasOwnProperty.call(row, "__isShow__") && this.$set(row, "__isShow__", false);
-                    !Object.prototype.hasOwnProperty.call(row, "__isTmpShow__") && this.$set(row, "__isTmpShow__", false);
-                }
-            }
-        },
-
-        // 展开／隐藏节点
-        toggleExpand (row, bool = true) {
-            this.isExpandAction = true;
-            this.$set(row, "__isExpand__", bool);
-
-            this.toggleDescendantsShow(row, bool);
-        },
-        // 切换子孙后代的显示／隐藏
-        toggleDescendantsShow (row, bool) {
-            const loop = (row, isFirstSon) => {
-                if (row.children && row.children.length) {
-                    row.children.forEach(subRow => {
-                        if (isFirstSon) {
-                            this.$set(subRow, "__isShow__", bool);
-                            this.$set(subRow, "__isTmpShow__", bool);
-                        } else {
-                            this.$set(subRow, "__isShow__", bool ? !!subRow.__isTmpShow__ : false);
-                        }
-
-                        loop(subRow);
-                    });
-                }
-            };
-
-            loop(row, true);
-        },
-        // getNewRowData时，额外补充的行相关的数据
-        getSelfNewRowData (level) {
-            return {
-                __isExpand__: false,
-                __isShow__: true,
-                __isTmpShow__: true
-            };
-        }
-    }
-};
+export default {
+    mixins: [],
+    components: {},
+    props: {},
+    data () {
+        return {};
+    },
+    computed: {
+        selfBasePropsObj () {
+            return {
+                ...this.treeTableBasePropsObj
+            };
+        },
+
+        /* --- 列字段 --- */
+        showColumns () {
+            return [
+                this.expandColumn,
+                ...(this.useIndex === true ? [this.indexColumn] : []),
+                ...this.$transformToColumns(this.showContentColumns),
+                ...(!this.isSearching && this.rowOperationList.length ? [this.operationColumn] : [])
+            ];
+        },
+        expandColumn () {
+            return {
+                // title: "开／合",
+                _key: "__isExpand__",
+                key: "__isExpand__",
+                field: "__isExpand__",
+                width: 48,
+                align: "center",
+                fixed: "left",
+                renderBodyCell: ({ row, rowIndex, column }, h) => {
+                    return this.isSearching && this.searchMode === "flat"
+                        ? h("span", "")
+                        : row.children && row.children.length
+                            ? h("Icon", {
+                                style: {
+                                    width: "16px",
+                                    height: "16px",
+                                    cursor: "pointer",
+                                    transform: row.__isExpand__ ? "rotate(90deg)" : "rotate(0deg)",
+                                    transition: "transform 0.3s"
+                                },
+                                props: {
+                                    type: "ios-arrow-forward",
+                                    size: "18"
+                                },
+                                on: {
+                                    click: () => {
+                                        this.toggleExpand(row, !row.__isExpand__);
+                                    }
+                                }
+                            })
+                            : h("span", "");
+                }
+            };
+        },
+        indexColumn () {
+            return {
+                title: "序号",
+                _key: "__treeIndex__",
+                key: "__treeIndex__",
+                field: "__treeIndex__",
+                width: 28 + 16 + (this.maxLevel - 1) * 36,
+                align: "left",
+                fixed: "left",
+                renderBodyCell: ({ row, rowIndex, column }, h) => {
+                    return [
+                        h("div", {
+                            style: {
+                                paddingLeft: `${(row.level - 1) * 18}px`,
+                                fontWeight: "500"
+                            }
+                        }, row.__treeIndex__),
+
+                        // 添加符
+                        ...this.operationIconRender(h, { row, rowIndex, column })
+                    ];
+                }
+            };
+        },
+
+        /* --- 数据 --- */
+        allTreeData () {
+            return this.getCalcuedTree(this.data, this.selfColumns);
+        },
+        allListData () {
+            return this.$getTreeFlatArr(this.allTreeData);
+        },
+        // 全部数据（或筛选出的数据）
+        showListData () {
+            return this.allListData.filter(row =>
+                this.isSearching
+                    ? this.$isAdvRelyAccord(this.finalTableAdvSearch, row)
+                    : row.__isShow__
+            );
+        },
+        footerData () {
+            return this.isSearching
+                ? []
+                : this.useSummary && this.allListData.length
+                    ? [
+                        this.contentColumns.reduce((obj, column) => {
+                            return {
+                                ...obj,
+                                [column._key]: column._type === "number" && column._summaryType
+                                    ? this.$calNumList(
+                                        this.allListData
+                                            .filter(row => row.level === 1)
+                                            .map(row => row[column._key]),
+                                        column._summaryType,
+                                        { ...column, _defaultDigit: 2 }
+                                    )
+                                    : (obj[column._key] || "--")
+                            };
+                        }, {
+                            _id: this.$ObjectID().str,
+                            __treeIndex__: "汇总",
+                            __isExpand__: "-",
+                            __operation__: "——"
+                        })
+                    ]
+                    : [];
+        }
+    },
+    created () { },
+    methods: {
+        // 加工树形数据
+        getCalcuedTree (treeData = [], cols = []) {
+            const loop = (list = [], parentRow, levelNum = 1) =>
+                list.forEach(rowItem => {
+                    this.fixRowData(rowItem, levelNum);
+
+                    // 递归到叶子节点前 从上往下执行 要处理的
+                    cols.reduce((newRow, column) => {
+                        if (["number", "date"].includes(column._type)) {
+                            if (column._summaryType) {
+                                // 不做处理，_summaryType和_writeSort互反，更安全的判断
+                            }
+                            else if (["upToDown"].includes(column._writeSort) && column._noLimitWrite !== true) {
+                                // 有父级且值为空的 值置空
+                                const val = parentRow && this.$isEmptyData(parentRow[column._key])
+                                    ? this.$deepCopy(this.dftInitValMap[column._type])
+                                    : newRow[column._key];
+
+                                this.$set(newRow, column._key, val);
+                            }
+                        }
+
+                        return newRow;
+                    }, rowItem);
+
+                    if (rowItem.children && rowItem.children.length) {
+                        rowItem.isLeaf = false;
+                        loop(rowItem.children, rowItem, levelNum + 1);
+
+                        // 递归到叶子节点后到 从下往上执行 要处理的（非叶子节点）
+                        cols.reduce((newRow, column) => {
+                            if (["number", "date"].includes(column._type)) {
+                                if (column._summaryType) {
+                                    const val = ["number"].includes(column._type)
+                                        ? this.$calNumList(
+                                            newRow.children.map(subRow => subRow[column._key]),
+                                            column._summaryType,
+                                            { ...column, _defaultDigit: 2 },
+                                            false
+                                        )
+                                        : this.$calDateList(
+                                            newRow.children.map(subRow => subRow[column._key]),
+                                            column._summaryType,
+                                            column._dateType
+                                        );
+
+                                    this.$set(newRow, column._key, val);
+                                }
+                                else if (["downToUp"].includes(column._writeSort) && column._noLimitWrite !== true) {
+                                    // 子行有空值的 值置空
+                                    const val = newRow.children.some(sonRow => this.$isEmptyData(sonRow[column._key]))
+                                        ? this.$deepCopy(this.dftInitValMap[column._type])
+                                        : newRow[column._key];
+
+                                    this.$set(newRow, column._key, val);
+                                }
+                            }
+
+                            return newRow;
+                        }, rowItem);
+                    } else {
+                        rowItem.isLeaf = true;
+
+                        // 递归到叶子节点后到 从下往上执行 要处理的（叶子节点）
+                        cols.reduce((newRow, column) => {
+                            if (["number", "date"].includes(column._type)) {
+                                if (column._summaryType) {
+                                    this.$set(newRow, column._key, newRow[column._key]);
+                                }
+                                else if (["downToUp"].includes(column._writeSort) && column._noLimitWrite !== true) {
+                                    this.$set(newRow, column._key, newRow[column._key]);
+                                }
+                            }
+
+                            return newRow;
+                        }, rowItem);
+                    }
+                });
+            loop(treeData);
+
+            this.initFlag = false;
+            return treeData;
+        },
+        fixSelfRowData (row, levelNum) {
+            // console.log(row.level);
+            if (this.initFlag) {
+                // 每条数据都补充全所有字段值（赋一个默认的空值）
+                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]));
+                    }
+                });
+
+                row.level = row.level || levelNum; // TODO：修正数据level属性，后期可以删除
+                // 第一级的需要显示出来
+                if (row.level === 1) {
+                    // 必须用$set
+                    this.$set(row, "__isExpand__", false);
+                    this.$set(row, "__isShow__", true);
+                    this.$set(row, "__isTmpShow__", true);
+                } else {
+                    this.$set(row, "__isExpand__", false);
+                    this.$set(row, "__isShow__", false);
+                    this.$set(row, "__isTmpShow__", false);
+                }
+            }
+            // 考虑计算或其它重新传进来值时
+            else {
+                // 第一级的需要显示出来
+                if (row.level === 1) {
+                    !Object.prototype.hasOwnProperty.call(row, "__isExpand__") && this.$set(row, "__isExpand__", false);
+                    !Object.prototype.hasOwnProperty.call(row, "__isShow__") && this.$set(row, "__isShow__", true);
+                    !Object.prototype.hasOwnProperty.call(row, "__isTmpShow__") && this.$set(row, "__isTmpShow__", true);
+                } else {
+                    !Object.prototype.hasOwnProperty.call(row, "__isExpand__") && this.$set(row, "__isExpand__", false);
+                    !Object.prototype.hasOwnProperty.call(row, "__isShow__") && this.$set(row, "__isShow__", false);
+                    !Object.prototype.hasOwnProperty.call(row, "__isTmpShow__") && this.$set(row, "__isTmpShow__", false);
+                }
+            }
+        },
+
+        // 展开／隐藏节点
+        toggleExpand (row, bool = true) {
+            this.isExpandAction = true;
+            this.$set(row, "__isExpand__", bool);
+
+            this.toggleDescendantsShow(row, bool);
+        },
+        // 切换子孙后代的显示／隐藏
+        toggleDescendantsShow (row, bool) {
+            const loop = (row, isFirstSon) => {
+                if (row.children && row.children.length) {
+                    row.children.forEach(subRow => {
+                        if (isFirstSon) {
+                            this.$set(subRow, "__isShow__", bool);
+                            this.$set(subRow, "__isTmpShow__", bool);
+                        } else {
+                            this.$set(subRow, "__isShow__", bool ? !!subRow.__isTmpShow__ : false);
+                        }
+
+                        loop(subRow);
+                    });
+                }
+            };
+
+            loop(row, true);
+        },
+        // getNewRowData时，额外补充的行相关的数据
+        getSelfNewRowData (level) {
+            return {
+                __isExpand__: false,
+                __isShow__: true,
+                __isTmpShow__: true
+            };
+        }
+    }
+};