olp-table 5.3.4 → 5.3.5

package/src/mixins/VTMixin/OTMixinColumnMethod.js

@@ -1,450 +0,0 @@
-import getFiledName from "@/utils/columnProp";
-
-function setColumnParams(column, key, value) {
-    if (value === undefined) {
-        return;
-    }
-    if (!column['params']) {
-        column['params'] = {};
-    }
-    column['params'][key] = value;
-}
-
-export const OTMixinColumnMethod = {
-    methods: {
-        setColumnCssClass(o) {
-            if (o.dictCode) {
-                let vals = this.dictVal(o.dictCode);
-                let cssClass = {};
-                if (vals) {
-                    let dictValueLabel = {};
-                    for (let obj of vals) {
-                        dictValueLabel[obj.dictValue] = obj.dictLabel
-                        if (obj.cssClass) {
-                            let css = obj.cssClass.trim()
-                            try {
-                                css = css.replace(/([a-zA-Z_]\w*):/g, '"$1":').replace(/'/g, '"');
-                                css = JSON.parse(css)
-                                if (Array.isArray(css)) {
-                                    let data = {};
-                                    if (css[0]) {
-                                        data['backgroundColor'] = css[0];
-                                    }
-                                    if (css[1]) {
-                                        data['color'] = css[1];
-                                    }
-                                    cssClass[obj.dictValue] = data
-                                } else {
-                                    cssClass[obj.dictValue] = css
-                                }
-                            } catch (e) {
-                                console.error("列名：", o.title, "数据字典：", obj.dictLabel, "样式异常：", css)
-                            }
-                        }
-                    }
-                    setColumnParams(o, 'dictValueLabel', dictValueLabel);
-                }
-
-                if (Object.keys(cssClass).length != 0) {
-                    setColumnParams(o, 'cssClass', cssClass);
-                }
-            }
-        }, initColumn(columns, tableConfig) {
-            this.table.mergeFields = []
-            let items = [];
-            columns = columns.sort(({sort: a}, {sort: b}) => a - b);
-            for (let column of columns) {
-                this.toParseOtherProp(column);
-            }
-            this.table.columnSource = JSON.parse(JSON.stringify(columns))
-            let {optionJson, seq} = tableConfig;
-            if (optionJson) {
-                optionJson = JSON.parse(optionJson);
-            }
-            for (let o of columns) {
-                this.setColumnCssClass(o)
-                this.initFormatter(o)
-                this.initSlots(o);
-                this.setTreeOpenColumn(o, tableConfig);
-                this.setMergeField(o);
-                this.setColumnShowOverFlow(o, optionJson);
-                this.setProp(o);
-                this.setColumnHide(o);
-                this.setFixed(o);
-                this.setShowFooter(o);
-                this.getVNode(o, items);
-                // 可编辑配置
-                if (this.hasEditConfig()){
-                    this.setEditConfig(o);
-                }
-            }
-            items.sort(({searchSort: a}, {searchSort: b}) => a - b)
-            this.setSearchArea(items);
-            columns = this.initBodyLeftColumn(columns, seq);
-            if (this.table['show-footer']) {
-                if (!columns[0].width || columns[0].width < 55) {
-                    columns[0].width = 55;
-                }
-            }
-            this.table.columns = columns
-            //暂时不合并，启用虚拟滚动
-            this.initMergeCells();
-
-        },hasEditConfig(){
-            return (this.table.editConfig && (
-                this.table.editConfig.enabled === true ||
-                (typeof this.table.editConfig.enabled === 'string' &&
-                    this.table.editConfig.enabled.toLowerCase() === 'true')
-            ))
-        },
-        setEditConfig(o) {
-            if (o.tableSaveToOtherProp && o.tableSaveToOtherProp == '1') {
-                return;
-            }
-            if (o.selectDom == '1') {
-                o.editRender = {
-                    name: '$input',
-                    props: {
-                        placeholder: '请输入' + o.title,
-                        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true
-                    }
-                }
-            }
-            // 文本域
-            if (o.selectDom == '10') {
-                o.editRender = {
-                    name: 'textarea',
-                    props: {
-                        type: 'textarea', // 指定为多行文本框
-                        placeholder: '请输入' + o.title,
-                        rows: 3, // 默认显示行数
-                        autosize: {minRows: 2, maxRows: 6}, // 自动调整高度
-                        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true
-                    }
-                }
-            }
-            // 数字
-            if (o.selectDom == '7') {
-                o.editRender = {
-                    name: '$input',
-                    props: {
-                        type: this.getType(o.selectDom),
-                        placeholder: '请输入' + o.title,
-                        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true
-                    }
-                }
-            }
-            // 时间
-            if (o.selectDom == '3' || o.selectDom == '6') {
-                o.editRender =  {
-                    name: 'VxeInput',
-                    props: {
-                        type: this.getType(o.selectDom),
-                        valueFormat: 'yyyy-MM-dd HH:mm:ss'
-                    }
-                }
-            }
-            // 下拉框
-            if (o.selectDom == '2' || o.selectDom == '8') {
-                o.editRender = {name: 'VxeSelect', options: this.dictVal(o.dictCode), props: {placeholder: '请选择' + o.title}}
-            }
-        },
-        getType(selectDom) {
-            if (selectDom == '3') {
-                return 'datetime';
-            }
-            if (selectDom == '6') {
-                return 'date';
-            }
-            if (selectDom == '7') {
-                return 'number';
-            }
-        },
-        /**
-         * 初始化列左边
-         * @param columns
-         * @param type
-         * @returns {*}
-         */
-        initBodyLeftColumn(columns, type) {
-            if (type == 1) {
-                columns.unshift({type: 'seq', width: 55, title: '序号', fixed: 'left'});
-            }
-            if (this.selectBox == 2) {
-                columns.unshift({type: 'checkbox', width: 45, showOverflow: false, fixed: 'left'});
-            } else if (this.selectBox == 1) {
-                columns.unshift({type: 'radio', width: 45, showOverflow: false, fixed: 'left'});
-            }
-            return columns;
-        }, setTreeOpenColumn(o, tableConfig) {
-            if (tableConfig.tree == 1 && o.field == tableConfig.openColumn) {
-                o.treeNode = true
-                if (!o.align) {
-                    o.align = 'left'
-                }
-            }
-        }, setMergeField(column) {
-            if (column.mergeFlag == '1') {
-                this.table.mergeFields.push(column.field)
-            }
-        }, setColumnHide(o) {
-            //隐藏
-            if (o.visible == "0") {
-                o.visible = false;
-            }
-        }, initFormatter(o) {
-            try {
-                if (o.formatter) {
-                    o.formatter = eval("({cellValue, row, column})=>{" + o.formatter + "}")
-                } else if (o.dictCode) {
-                    o.formatter = eval("" + "({cellValue, row, column})=>{if(column.params && column.params.dictValueLabel){ let dictValueLabelElement = column.params.dictValueLabel[cellValue];if(dictValueLabelElement){return dictValueLabelElement;} }return  cellValue}")
-                }
-            } catch (e) {
-                console.log(o.title, "formatter异常：", o.formatter)
-                this.$message.error(o.title + "formatter异常!")
-            }
-        }, initSlots(o) {
-            if (o.selectDom == 20) {
-                o.slotsName = 'img_default';
-                o.slots = {
-                    default: 'img_default'
-                }
-            }
-            if (o.selectDom == '21') {
-                o.slotsName = 'icon_default';
-                o.slots = {
-                    default: 'icon_default'
-                }
-            }
-        }, setFixed(item) {
-            //修改固定字段的值
-            if (item.fixed === '1') {
-                item.fixed = 'left'
-            } else if (item.fixed === '2') {
-                item.fixed = 'right'
-            }
-            if (item.align === '1') {
-                item.align = 'left'
-            } else if (item.align === '2') {
-                item.align = 'right'
-            } else if (item.align === '0') {
-                item.align = 'center'
-            }
-        }, setProp(item) {
-            item.resizable = undefined;
-            if (item.sortable != undefined && item.sortable != "") {
-                let order = item.field + (item.sortable == 0 ? " ASC " : " DESC ");
-                this.orderByColumns.push(order)
-            }
-            ////时间类型
-            if (!item.width && (item.selectDom == 3 || item.selectDom == 6)) {
-                item.minWidth = 150
-            } else if (!item.width && item.title) {
-                item.minWidth = item.title.length * 30
-            }
-        }, setShowFooter(item) {
-            if (item['totalToOtherProp']) {
-                this.table['show-footer'] = true;
-            }
-        }, toParseOtherProp(item) {
-            //其他属性赋值
-            try {
-                let otherProp = JSON.parse(item.otherProp)
-                item.otherProp = otherProp;
-                for (let key of Object.keys(otherProp)) {
-                    item[key] = otherProp[key];
-                }
-            } catch (e) {
-                if (item.otherProp) {
-                    console.error(item.field + "其他属性无法解析：" + item.otherProp)
-                }
-                item.otherProp = {};
-            }
-            if (item['totalToOtherProp'] === undefined) {
-                item['totalToOtherProp'] = '';
-            }
-        }, /**
-         * 设置搜索
-         * @param items
-         */
-        setSearchArea(items) {
-            if (items.length != 0) {
-                items.push({
-                    itemRender: {
-                        name: '$buttons', children: [{
-                            props: {
-                                type: 'submit', content: '查询', status: 'primary'
-                            }, events: {click: this.query}
-                        }, {props: {type: 'button', content: '重置'}, events: {click: this.resetQuery}}]
-                    }
-                })
-                this.table.formConfig.size = this.table.size;
-            }
-            this.table.formConfig.items = items;
-        }, getVNode(o, items) {
-            if (o.selectType == undefined) {
-                return
-            }
-            //99是范围查询
-            if (o.selectType == 99) {
-                let itemStart = this.initFormConfig(o, 5);
-                let itemEnd = this.initFormConfig(o, 6);
-                //时间范围查询
-                if (o.selectDom == 3 || o.selectDom == 6) {
-                    let placeholder = o.selectDom == 3 ? '时间' : '';
-                    itemStart.placeholder = '请选择开始日期' + placeholder
-                    delete itemStart.itemRender;
-                    itemEnd.placeholder = '请选择结束日期' + placeholder
-                }
-                items.push(itemStart)
-                items.push(itemEnd)
-            } else {
-                items.push(this.initFormConfig(o))
-            }
-        }, initFormConfig(o, type) {
-            let item = {
-                align: 'left',
-                field: o.tableField,
-                span: 6,
-                searchSort: o.searchSort,
-                title: o.titleSEARCHToOtherProp != undefined ? o.titleSEARCHToOtherProp : o.title,
-                key: o.tableField,
-                type: o.selectType,
-                selectDom: o.selectDom,
-                tableName:o.tableNameSEARCHToOtherProp,
-                clearable: o.clearableSEARCHToOtherProp == '1' ? false : true,
-                toDate: o.toDateSEARCHToOtherProp,
-                itemRender: {
-                    name: '$input',
-                    props: {
-                        placeholder: '请输入' + o.title,
-                        clearable: o.clearableSEARCHToOtherProp == '1' ? false : true
-                    }
-                }
-            };
-            // if(this.table.editConfig && (
-            //     this.table.editConfig.enabled === true ||
-            //     (typeof this.table.editConfig.enabled === 'string' &&
-            //         this.table.editConfig.enabled.toLowerCase() === 'true')
-            // )){
-            //     o.editRender = {
-            //         name:'$input',
-            //         props: {
-            //             placeholder: '请输入' + o.title,
-            //             clearable: o.clearableSEARCHToOtherProp == '1' ? false : true
-            //         }
-            //     }
-            // }
-            try {
-                this.table.formConfig.data[item.key] = eval(o.valueSEARCHToOtherProp);
-            }catch (e) {
-            }
-            if (type == 5) {
-                item.title = o.title + "开始"
-                item.type = 5
-                item.field = "$" + o.tableField
-                item.key = "$" + o.tableField
-            } else if (type == 6) {
-                item.field = o.tableField + "$"
-                item.type = 6
-                item.key = o.tableField + "$"
-                item.title = o.title + "结束"
-            }
-            if ((item.type == 6 || item.type == 5) && o.selectDom == undefined) {
-                o.selectDom = 7;
-            }
-            this.getItemRender(o, item, type);
-            if (item.title && item.title.length > 6) {
-                item.titleWidth = 20 * (item.title.length - 2);
-            } else if (item.title.toString().trim().length == 0) {
-                item.titleWidth = 0
-            }
-            if (o.spanSEARCHToOtherProp != undefined) {
-                item.span = 6;
-            }
-            return item;
-        }, getItemRender(o, item, type) {
-            if (o.dictCode) {
-                delete item.itemRender;
-                item.slots = {default: o.selectDom + item.field}
-                item.slotsName = o.selectDom + item.field
-                item.options = this.dictVal(o.dictCode);
-                item.placeholder = '请选择' + o.title;
-                item.clearable = o.clearableSEARCHToOtherProp == '1';
-                item.multiple = o.selectDom == '8';
-            } else if (o.selectDom == 7) {
-                item.itemRender.props.type = 'integer';
-            } else if (o.selectDom == 10) {
-                item.itemRender.name = 'textarea';
-            } else if (o.selectDom == 3 || o.selectDom == 6) {
-                delete item.itemRender;
-                item.domDate = true;
-                if (o.selectType == 98 && item.selectDom == 6) {
-                    item.span = 7;
-                    item.domType = 'daterange';
-                } else {
-                    item.domType = item.selectDom == 3 ? 'datetime' : 'date'
-                }
-                //这里跟element plus不一样
-                item.domFormat = item.selectDom == 3 ? 'yyyy-MM-dd HH:mm:ss' : 'yyyy-MM-dd'
-                item.slots = {default: o.selectDom + item.field + "_time"}
-                item.slotsName = o.selectDom + item.field + "_time"
-                item.placeholder = '请选择';
-                if (type == 5) {
-                    item.placeholder += "开始";
-                } else if (type == 6) {
-                    item.placeholder += "结束";
-                }
-                if (o.selectDom == 3) {
-                    item.placeholder += "时间";
-                }
-            }
-        }, setColumnShowOverFlow(column, optionObj) {
-            if (optionObj) {
-                if (optionObj.table && optionObj.table.columnConfig && optionObj.table.columnConfig.showOverflow) {
-                    if (column.type != 'seq' || column.type != 'checkbox') {
-                        column.showOverflow = optionObj.table.columnConfig.showOverflow
-                    }
-                }
-            }
-        }, initMergeCells() {
-            if (this.table.mergeCells) {
-                this.table.mergeCells = JSON.parse(this.table.mergeCells)
-                return
-            }
-
-            if (this.table.mergeFields && this.table.mergeFields.length != 0) {
-                this.table.spanMethod = this.mergeRowMethod
-            }
-        }, // 通用行合并函数（将相同多列数据合并为一行）
-        mergeRowMethod({row, _rowIndex, column, visibleData}) {
-            const cellValue = row[column.field]
-            if (cellValue && this.table.mergeFields.includes(column.field)) {
-                const prevRow = visibleData[_rowIndex - 1]
-                let nextRow = visibleData[_rowIndex + 1]
-                if (prevRow && prevRow[column.field] === cellValue) {
-                    return {rowspan: 0, colspan: 0}
-                } else {
-                    let countRowspan = 1
-                    while (nextRow && nextRow[column.field] === cellValue) {
-                        nextRow = visibleData[++countRowspan + _rowIndex]
-                    }
-                    if (countRowspan > 1) {
-                        return {rowspan: countRowspan, colspan: 1}
-                    }
-                }
-            }
-        }, setDictCellStyle({row, rowIndex, $rowIndex, column, columnIndex, $columnIndex}) {
-            if (column.params && column.params.cssClass) {
-                return column.params.cssClass[row[column[getFiledName(column)]]];
-            }
-        }, setTableStyle(option) {
-            if (option['cell-style'] === undefined) {
-                option['cell-style'] = {
-                    flag: "flag##function#", isFunction: true
-                }
-            }
-            option['cell-style']['code'] = "let OTMixinColumnMethod_setDictCellStyle = this.setDictCellStyle(params); if(OTMixinColumnMethod_setDictCellStyle){ return OTMixinColumnMethod_setDictCellStyle;}\n" + option['cell-style']['code'];
-        },
-    }
-}

package/src/mixins/VTMixin/OTMixinInitMethod.js

@@ -1,130 +0,0 @@
-import {convertToStringifiedJson} from "@/utils/object";
-import {useMessage} from "@/utils/message";
-import {get} from "@/utils/http/httpUtils";
-import {decryptWithDecompress} from "@/utils/AESCRUDUtils";
-
-export const OTMixinInitMethod = {
-    created() {
-        this.init()
-    },
-    methods: {
-        initTable({selectBox, paging, optionJson, parameterDefault}) {
-            if (optionJson) {
-                let optionObj = JSON.parse(optionJson);
-                this.setTableStyle(optionObj.table);
-                this.copyParams(optionObj.table, this.table)
-                if (this.table.border == "false") {
-                    this.table.border = false;
-                }
-                this.pagination.enabled = paging == "1";
-                if (this.pagination.enabled) {
-                    this.copyParams(optionObj.pagination, this.pagination)
-                }
-                for (let event in optionObj.events) {
-                    this.events[event] = (params) => {
-                        eval(optionObj.events[event].code)
-                    }
-                }
-            }
-            if (this.table['show-overflow'] == undefined && this.table['showOverflow'] == undefined) {
-                this.table['show-overflow'] = true
-            }
-            if (parameterDefault) {
-                if (parameterDefault.indexOf("{") == 0) {
-                    try {
-                        parameterDefault = convertToStringifiedJson(parameterDefault)
-                    } catch (e) {
-                        console.error("参数", parameterDefault)
-                        useMessage().error("默认参数配置异常，请F12查看异常日志！")
-                        throw new Error(e)
-                    }
-                    this.parameterDefault = parameterDefault;
-                } else {
-                    for (let kv of parameterDefault.toString().split(",")) {
-                        let kvs = kv.split("=");
-                        if (kvs.length == 2) {
-                            this.parameterDefault[kvs[0]] = kvs[1];
-                        }
-                    }
-                }
-            }
-            this.selectBox = selectBox;
-        }, initDefaultValue() {
-            for (let o of this.table.formConfig.items) {
-                if (o.key && this.parameterDefault[o.key] != undefined) {
-                    this.table.formConfig.data[o.key] = this.parameterDefault[o.key]
-                }
-            }
-        }, init(initDataSource) {
-            if (!this.uuid || !this.theme || (!this.initDataSource && initDataSource == undefined)) {
-                return
-            }
-            this.$nextTick(() => {
-                if (this.tableAll) {
-                    this.tableAll[this.theme] = this;
-                }
-            })
-            return new Promise((resolve) => {
-                get(this.http, '/onlineAes/init', {uuid: this.uuid, theme: this.theme}).then(res => {
-                    res = JSON.parse(decryptWithDecompress(res));
-                    this.setDataSource(res, resolve)
-                });
-            })
-        }, setDataSource(res, resolve) {
-            let {configColumns, toolBut, operationBut, tableConfig, formMainList, tableDelete} = res;
-            this.tableConfig = tableConfig;
-            this.initTable(tableConfig);
-            this.initColumn(configColumns, tableConfig);
-            this.initToolBtn(toolBut)
-            this.initOperationBtn(operationBut)
-            this.initFormMainList(formMainList)
-            this.initTree(tableConfig)
-            this.initDefaultValue();
-            this.deleteParameter = tableDelete;
-            if (resolve) {
-                resolve(res)
-            }
-            this.tableInitOk(tableConfig)
-        }, tableInitOk(tableConfig) {
-            this.$nextTick(() => {
-                if (this.tableAll) {
-                    this.tableAll[tableConfig.theme] = this;
-                }
-                if (this.events['tableInitOk']) {
-                    this.events['tableInitOk']()
-                }
-                this.$emit('initOk', this)
-                if (tableConfig.init != 0) {
-                    this.query();
-                }
-            })
-        }, copyParams(option, data) {
-            for (let item in option) {
-                let obj = option[item];
-                let sub = data[item]
-                if (obj instanceof Object && obj.isFunction && obj.flag == "flag##function#") {
-                    data[item] = (params) => {
-                        let fun = null
-                        try {
-                            eval("fun = (params) => {" + obj.code + "}")
-                            return fun(params)
-                        } catch (e) {
-                            console.error("执行cope异常：" + item + "\n" + obj.code + "\n" + e)
-                        }
-
-                    }
-                    continue
-                }
-                if (sub == null || sub == undefined) {
-                    data[item] = obj
-                    continue
-                }
-                if (obj instanceof Object && sub instanceof Object) {
-                    this.copyParams(obj, sub)
-                } else {
-                    data[item] = obj
-                }
-            }
-        }
-    }
-}

package/src/mixins/VTMixin/OTMixinPager.js

@@ -1,38 +0,0 @@
-export const OTMixinPager = {
-    name: 'OTMixinPager',
-    data() {
-        return {
-            pagination: {
-                enabled: true,
-                size: "mini",
-                currentPage: 1,//当前页
-                pageSizes: [],//每页大小选项列表
-                pageSize: 50,//每页大小
-                layouts: ['PrevJump', 'PrevPage', 'Number', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total'],//每页大小选项列表
-                total: 0,//总条数
-                pagerCount: 5,//显示页码按钮的数量
-                selectRowShow: false,//是否显示已选择项
-                htmlValue: undefined,//显示内容
-                rowSelection: true,
-                showDetails: true,
-                selectionRowsLength: 0
-            }
-        }
-    },
-    methods: {
-        handlePageChange({currentPage, pageSize}) {
-            this.pagination.currentPage = currentPage
-            this.pagination.pageSize = pageSize
-            this.query();
-        }, clearSelected(o) {
-            if (this.selectBox == 1) {
-                this.$table.clearRadioRow()
-            } else if (this.selectBox == 2) {
-                this.$table.clearCheckboxRow()
-            }
-            this.pagination.selectionRowsLength = 0;
-            this.setToolBtn('batchDelete', 'disabled', true)
-            this.$emit('clearSelected', o)
-        }
-    }
-}

package/src/mixins/VTMixin/OTMixinSortable.js

@@ -1,43 +0,0 @@
-
-import Sortable from "sortablejs";
-export const OTMixinSortable = {
-    methods: {
-        updateSort() {
-            if (!this.table.sortable) {
-                return
-            }
-            this.$nextTick(() => {
-                //el绑定元素需要找到vxe的DOM下的tbody元素
-                Sortable.create(this.$table.$el.querySelector('.body--wrapper>.vxe-table--header .vxe-header--row'),
-                    {
-                        filter: '.col--fixed',
-                        handle: '.vxe-header--column',
-                        onEnd: ({newIndex, oldIndex}) => {
-                            console.log(newIndex, oldIndex);
-                            let tableColumn = JSON.parse(JSON.stringify(this.$table.getColumns()));
-                            let newColumn = tableColumn[newIndex];
-                            let oldColumn = tableColumn[oldIndex];
-                            for (let i = 0; i < this.table.columns.length; i++) {
-                                let column = this.table.columns[i];
-                                if (oldColumn.field == column.field) {
-                                    oldIndex = i;
-                                } else if (newColumn.field == column.field) {
-                                    newIndex = i;
-                                }
-                            }
-                            let columns = this.table.columns;
-
-                            this.$table.loadColumn([]);
-                            let spliceElement = columns.splice(oldIndex, 1)[0];
-                            columns.splice(newIndex, 0, spliceElement);
-                            this.table.columns = columns;
-                            this.$nextTick(() => {
-                                this.$table.loadColumn(this.table.columns);
-                            })
-
-                        }
-                    })
-            })
-        },
-    }
-}

package/src/mixins/VTMixin/index.js

@@ -1,18 +0,0 @@
-import {OTMixinBody} from "@/mixins/VTMixin/OTMixinBody";
-import {OTMixinPager} from "@/mixins/VTMixin/OTMixinPager";
-import {OTMixinSortable} from "@/mixins/VTMixin/OTMixinSortable";
-import {OTMixinInitMethod} from "@/mixins/VTMixin/OTMixinInitMethod";
-import {storeDict} from "@/store/dict";
-
-const dict = storeDict();
-export const OTMixin = {
-    emits: ['initOk'],
-    inject: ['tableAll', 'http'],
-    name: 'OTMixin',
-    mixins: [OTMixinBody, OTMixinPager, OTMixinSortable, OTMixinInitMethod],
-    methods: {
-        dictVal(code) {
-            return dict.val(code);
-        }
-    }
-}