olp-table 5.3.4 → 5.3.5

package/src/package/index.js

@@ -1,20 +0,0 @@
-import olTable from "@/components/table/ol-table/index.vue";
-import olCodemirrorTag from "@/components/codemirror-tag.vue";
-import olSelectDom from "@/components/ol-select-dom.vue";
-import olDictTag from "@/components/ol-dict-tag.vue";
-import modelIndex from "@/components/table/model/model-index";
-// 权限
-import {hasPermi} from '@/directives/permission/hasPermi';
-
-const coms = [olTable,olCodemirrorTag,olDictTag,olSelectDom];
-
-// 批量组件注册
-const install = function (Vue) {
-    coms.forEach((com) => {
-        Vue.component(com.name, com);
-    });
-    Vue.component("OTable", modelIndex);
-    hasPermi(Vue);
-};
-
-export default {install}; // 这个方法以后再使用的时候可以被use调用

package/src/plugins/axios.js

@@ -1,61 +0,0 @@
-"use strict";
-
-import Vue from 'vue';
-import axios from "axios";
-
-// Full config:  https://github.com/axios/axios#request-config
-// axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || '';
-// axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
-// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
-
-let config = {
-  // baseURL: process.env.baseURL || process.env.apiUrl || ""
-  // timeout: 60 * 1000, // Timeout
-  // withCredentials: true, // Check cross-site Access-Control
-};
-
-const _axios = axios.create(config);
-
-_axios.interceptors.request.use(
-  function(config) {
-    // Do something before request is sent
-    return config;
-  },
-  function(error) {
-    // Do something with request error
-    return Promise.reject(error);
-  }
-);
-
-// Add a response interceptor
-_axios.interceptors.response.use(
-  function(response) {
-    // Do something with response data
-    return response;
-  },
-  function(error) {
-    // Do something with response error
-    return Promise.reject(error);
-  }
-);
-
-Plugin.install = function(Vue, options) {
-  Vue.axios = _axios;
-  window.axios = _axios;
-  Object.defineProperties(Vue.prototype, {
-    axios: {
-      get() {
-        return _axios;
-      }
-    },
-    $axios: {
-      get() {
-        return _axios;
-      }
-    },
-  });
-};
-
-Vue.use(Plugin)
-
-export default Plugin;

package/src/store/dict.js

@@ -1,76 +0,0 @@
-import {createPinia, defineStore, getActivePinia, setActivePinia} from 'pinia'
-const DIST = "ONLINE-DEVELOPMENT-TABLE-DIST";
-import {get} from "@/utils/http/httpUtil";
-
-if (!getActivePinia()) {
-    setActivePinia(createPinia())
-}
-export const storeDict = defineStore(DIST, {
-    state: () => {
-        return {
-            value: {},//{type:[]}  数组形式
-            object: {},//对象形式
-            isInit: true,
-        }
-    }, getters: {
-        val: (state) => {
-            return (code) => {
-                return state.value[code]
-            };
-        }, obj: (state) => {
-            return (code) => state.object[code];
-        }, default: (state) => {
-            return async (code) => {
-                if (state.value[code]) {
-                    for (let o of state.value[code]) {
-                        if (o.isDefault == 1) {
-                            return String(o.value);
-                        }
-                    }
-                }
-            }
-        }
-    }, actions: {
-        async init() {
-            if (this.isInit) {
-                await this.initValue();
-            }
-        },
-        async initValue() {
-            let dictItems = localStorage.getItem(DIST);
-            if (dictItems) {
-                let value = JSON.parse(dictItems);
-                this.value = value;
-                let obj = {};
-                for (let key of Object.keys(value)) {
-                    for (let o of value[key]) {
-                        o.label = o.dictLabel;
-                        o.value = String(o.dictValue);
-                        obj[o.dictCode] = o;
-                    }
-                }
-                this.object = obj;
-                this.isInit = false;
-            } else {
-                console.log("数据字典未初始化："+DIST)
-                //await this.refresh()
-            }
-        }, async refresh() {
-            localStorage.removeItem(DIST);
-            await get( '/online/sysDictData/initDist').then((value) => {
-            //await get( '/online/sysDictData/listOnline').then((value) => {
-                let obj = {};
-                for (let key of Object.keys(value)) {
-                    for (let o of value[key]) {
-                        o.label = o.dictLabel;
-                        o.value = String(o.dictValue);
-                        obj[o.dictCode] = o;
-                    }
-                }
-                this.value = value;
-                this.object = obj;
-                localStorage.setItem(DIST, JSON.stringify(value));
-            });
-        }
-    }
-})

package/src/store/dictType.js

@@ -1,52 +0,0 @@
-
-import {createPinia, defineStore, getActivePinia, setActivePinia} from 'pinia'
-import {get} from "@/utils/http/httpUtil";
-const DIST_TYPE = "ONLINE-DEVELOPMENT-TABLE-DIST-TYPE";
-
-if (!getActivePinia()) {
-    setActivePinia(createPinia())
-}
-export const storeDictType = defineStore(DIST_TYPE, {
-    state: () => {
-        return {
-            value: [], isInit: true,
-            http: undefined,
-        }
-    }, getters: {
-        val: (state) => {
-            return () => state.value;
-        }
-    }, actions: {
-        async init() {
-            if (this.isInit) {
-                await this.initValue();
-            }
-        },
-        async initValue() {
-            let dictItems = localStorage.getItem(DIST_TYPE);
-            //let dictItems = undefined;
-            if (dictItems) {
-                let value = JSON.parse(dictItems);
-                this.value = value;
-                this.isInit = false;
-            } else {
-                console.log("数据字典未初始化："+DIST_TYPE)
-                //await this.refresh()
-            }
-        },
-        async refresh() {
-            localStorage.removeItem(DIST_TYPE);
-            //await get('/online/sysDictType/listOnline').then((v) => {
-            await get('/online/sysDictType/listDict').then((v) => {
-                for (let o of v) {
-                    o.dictLabel = o.name;
-                    o.dictValue = String(o.code);
-                    o.label = o.name;
-                    o.value = String(o.code);
-                }
-                localStorage.setItem(DIST_TYPE, JSON.stringify(v));
-                this.value = v;
-            });
-        }
-    }
-})

package/src/store/permi.js

@@ -1,45 +0,0 @@
-import {createPinia, defineStore, getActivePinia, setActivePinia} from 'pinia'
-
-//缓存的键名，唯一标识
-const PERMISSION_CACHE_KEY  = "ONLINE-DEVELOPMENT-TABLE-PERMI";
-import {get} from "@/utils/http/httpUtil";
-
-if (!getActivePinia()) {
-    setActivePinia(createPinia())
-}
-export const storePermi = defineStore(PERMISSION_CACHE_KEY , {
-    state: () => {
-        return {
-            value: [],
-            isInit: true,
-        }
-    },
-    getters: {
-        // 获取缓存的值
-        val: (state) => state.value,
-    },
-    actions: {
-        async init() {
-            if (this.isInit) {
-                await this.initValue();
-            }
-        },
-        async initValue() {
-            let dataItems = localStorage.getItem(PERMISSION_CACHE_KEY );
-            if (dataItems) {
-                let value = JSON.parse(dataItems);
-                this.value = value;
-                this.isInit = false
-            } else {
-               // await this.refresh(http)
-            }
-        },
-        async refresh() {
-            localStorage.removeItem(PERMISSION_CACHE_KEY );
-            await get('/online/sysDictData/listPermi').then((value) => {
-                this.value = value;
-                localStorage.setItem(PERMISSION_CACHE_KEY , JSON.stringify(value));
-            });
-        }
-    }
-})

package/src/styles/common.scss

@@ -1,37 +0,0 @@
-/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
-@font-face {
-  font-family: 'online';  /* Project id 4539076 */
-  src:
-          url('//at.alicdn.com/t/c/font_4539076_9ii7aenrdz.woff2?t=1715239008922') format('woff2'),
-          url('//at.alicdn.com/t/c/font_4539076_9ii7aenrdz.woff?t=1715239008922') format('woff'),
-          url('//at.alicdn.com/t/c/font_4539076_9ii7aenrdz.ttf?t=1715239008922') format('truetype');
-}
-
-.online {
-  font-family: "online" !important;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-// 关于 图标 CSS 的设置
-[class^="online-"] {
-  font-family: "online" !important;
-  /* 以下内容参照第三方图标库本身的规则 */
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-.el-menu-item [class^=online] {
-  margin-right: 5px;
-  width: 24px;
-  text-align: center;
-  vertical-align: middle;
-}
-
-.el-submenu [class^=online] {
-  vertical-align: middle;
-  margin-right: 5px;
-  width: 24px;
-  text-align: center;
-}

package/src/styles/index.scss

@@ -1,48 +0,0 @@
-:root {
-  --vxe-table-row-height-medium: 43px !important;
-  --vxe-button-height-medium:35px !important;
-  --vxe-input-height-medium:35px !important;
-  --vxe-font-size-medium: 15px !important;
-  --vxe-table-row-height-small: 36px !important;
-  --vxe-button-height-small:30px !important;
-  --vxe-input-height-small:31px !important;
-  --vxe-font-size-small: 14px !important;
-  --vxe-table-row-height-mini: 30px !important;
-  --vxe-button-height-mini:28px !important;
-  --vxe-button-height-mini:28px !important;
-  --vxe-font-size-mini: 13px !important;
-  --vxe-primary-color: #1677FF !important;
-  --vxe-success-color: #52c41a !important;
-  --vxe-warning-color: #faad14 !important;
-  --vxe-error-color: #ff4d4f !important;
-  --vxe-info-color: #1677ff !important;
-  --vxe-table-header-font-weight: 600;
-  --vxe-table-row-striped-background-color: rgba(0, 119, 255, 0.04) !important;
-  --vxe-table-row-radio-checked-background-color: #e1f4fd !important;
-  --vxe-table-row-checkbox-checked-background-color: #cbeefd !important;
-  --vxe-table-row-current-background-color: #e1f4fd !important;
-  --vxe-pager-perfect-button-background-color: #f4f4f56b !important;
-
-  .vxe-table {
-    .vxe-header--row {
-      color: rgba(0, 0, 0, 0.59);
-      background-color: #fafafa;
-
-    }
-    .vxe-body--column{
-      color: rgba(0, 0, 0, 0.88);
-    }
-
-  }
-  .vxe-grid.size--mini {
-    .vxe-header--row{
-      font-size: 12px;
-    }
-    .vxe-toolbar,.vxe-form{
-      .vxe-button{
-        font-size: 13px;
-        min-width: 32px !important;
-      }
-    }
-  }
-}

package/src/styles/theme.scss

@@ -1,32 +0,0 @@
-
-/* 为整个页面的滚动条设置样式 */
-::-webkit-scrollbar {
-  width: 8px; /* 设置滚动条的宽度 */
-  height: 8px; /* 设置滚动条的宽度 */
-}
-
-/* 滚动条的滑块 */
-::-webkit-scrollbar-thumb {
-  background: #caced0; /* 设置滑块的背景颜色 */
-  border-radius: 4px;
-}
-
-/* 当鼠标悬停在滑块上 */
-::-webkit-scrollbar-thumb:hover {
-  background: #93999d; /* 设置滑块的背景颜色 */
-}
-
-
-/* 覆盖表格文本颜色 */
-.vxe-table  {
-/*  .vxe-header--row{
-    color: #909399;
-  }*/
-  .row--hover{
-    background-color: #ace3fc !important;
-  }
-
-  .vxe-header--row {
-    background-color: #ffffff;
-  }
-}

package/src/utils/AESCRUDUtils.js

@@ -1,87 +0,0 @@
-import CryptoJS from 'crypto-js';
-import pako from 'pako';
-import { Base64 } from 'js-base64';
-
-// 配置参数
-const SECRETKEY = "liuzhououlaipu66"; // 必须与Java保持一致
-const IV_LENGTH = 16;
-
-// ================== 加密流程 ================== //
-/**
- * JS加密（与Java互操作）
- * @param {Object|string} data - 待加密数据
- * @returns {string} Base64加密字符串
- */
-function encryptWithCompress(data) {
-    // Step1：JSON序列化
-    const jsonStr = typeof data === 'string' ? data : JSON.stringify(data);
-
-    // Step2：GZIP压缩
-    const compressed = pako.gzip(jsonStr,  { level: 6 });
-
-    // Step3：生成随机IV
-    const iv = CryptoJS.lib.WordArray.random(IV_LENGTH);
-
-    // Step4：AES加密
-    const key = CryptoJS.enc.Utf8.parse(SECRETKEY);
-    const cipher = CryptoJS.AES.encrypt(
-        CryptoJS.lib.WordArray.create(compressed),
-        key,
-        {
-            iv: iv,
-            mode: CryptoJS.mode.CBC,
-            padding: CryptoJS.pad.Pkcs7
-        }
-    );
-
-    // Step5：拼接IV+密文 → Base64
-    const ivBytes = CryptoJS.enc.Hex.parse(iv.toString(CryptoJS.enc.Hex));
-    const combined = ivBytes.concat(cipher.ciphertext);
-    return combined.toString(CryptoJS.enc.Base64);
-}
-
-// ================== 解密流程 ================== //
-/**
- * JS解密（兼容Java加密数据）
- * @param {string} encryptedBase64 - Java加密字符串
- * @returns {Object} 原始数据
- */
-function decryptWithDecompress(encryptedBase64) {
-    // Step1：Base64解码（处理Apache格式）
-    const rawData = Base64.toUint8Array(encryptedBase64.replace(/\n/g,  ''));
-
-    // Step2：提取IV和密文
-    const ivBytes = rawData.slice(0,  IV_LENGTH);
-    const cipherBytes = rawData.slice(IV_LENGTH);
-
-    // Step3：AES解密配置
-    const key = CryptoJS.enc.Utf8.parse(SECRETKEY);
-    const iv = CryptoJS.lib.WordArray.create(ivBytes);
-
-    // Step4：执行解密
-    const decrypted = CryptoJS.AES.decrypt(
-        { ciphertext: CryptoJS.lib.WordArray.create(cipherBytes)  },
-        key,
-        { iv: iv, padding: CryptoJS.pad.Pkcs7  }
-    );
-
-    // Step5：GZIP解压
-    const uint8Array = new Uint8Array(decrypted.sigBytes);
-    decrypted.words.forEach((word,  i) => {
-        uint8Array[i*4] = (word >> 24) & 0xff;
-        uint8Array[i*4+1] = (word >> 16) & 0xff;
-        uint8Array[i*4+2] = (word >> 8) & 0xff;
-        uint8Array[i*4+3] = word & 0xff;
-    });
-
-    try {
-        const decompressed = pako.ungzip(uint8Array);
-        const str = new TextDecoder().decode(decompressed);
-        return JSON.parse(str);
-    } catch (e) {
-        throw new Error(`解密失败：${e.message}`);
-    }
-}
-export {
-    encryptWithCompress, decryptWithDecompress,
-}

package/src/utils/DateUtils.js

@@ -1,35 +0,0 @@
-export const getDate = () => {
-    return dateFormat(new Date(), 1)
-}
-export const getDateTime = (format) => {
-    return dateFormat(new Date(), format)
-}
-export const dateFormat = (date, format) => {
-    if (!date) {
-        date = new Date();
-    }
-    let yyyy = date.getFullYear(); // 年
-    let MM = date.getMonth() + 1; // 月
-    MM = MM < 10 ? '0' + MM : MM;
-    let dd = date.getDate(); // 日
-    dd = dd < 10 ? '0' + dd : dd; // 日
-    let HH = date.getHours(); // 时
-    HH = HH < 10 ? '0' + HH : HH; // 如果只有一位，则前面补零
-    let mm = date.getMinutes(); // 分
-    mm = mm < 10 ? '0' + mm : mm; // 如果只有一位，则前面补零
-    let ss = date.getSeconds();//秒
-    ss = ss < 10 ? '0' + ss : ss; // 如果只有一位，则前面补零
-
-    if (format === 1) {
-        return yyyy
-    } else if (format === 2) {
-        return yyyy + '-' + MM
-    } else if (format === 3) {
-        return yyyy + '-' + MM + '-' + dd
-    } else if (format === 98) {
-        return yyyy + '-' + MM + '-' + dd + ' ' + HH + ':' + mm + ':' + ss + "_" + date.getTime().toString().substring(10)
-    } else if (format === 99) {
-        return yyyy + '年' + (date.getMonth() + 1) + '月' + date.getDate() + '日'
-    }
-    return yyyy + '-' + MM + '-' + dd + ' ' + HH + ':' + mm + ':' + ss
-}

package/src/utils/ExcelUtil.js

@@ -1,159 +0,0 @@
-import {useMessage} from "@/utils/message";
-import FileSaver from "file-saver";
-
-const message = useMessage() // 消息弹窗
-/**
- * 组装导出表格
- * @param data 页面导出数据
- * @param name 文件名
- * @param keys 自定义导出字段
- * @param option 对齐方式
- * @param columns 页面字段
- * @param sheetOpt 多sheet
- */
-import ExcelJS from "exceljs";
-
-export function exportExcel({data, name, keys, option, columns, sheetOpt}) {
-    // 创建工作簿
-    const workbook = new ExcelJS.Workbook();
-    // 添加工作表，名为sheet1
-    const sheet1 = workbook.addWorksheet("sheet1");
-    sheet1.columns = getColumns(columns)
-    // 将数据写入工作表
-    if (data && data.length >= 1) {
-        setExportData(data, sheet1, columns)
-    }
-    // 标题宽度
-    setColumnWidth({sheet: sheet1, option: option})
-    setRowHorizontal({sheet: sheet1, option: option})
-
-    saveXlsx(workbook, name)
-}
-
-/**
- * 获取导出excel标题列
- * @param keys 自定义导出字段
- * @param columns 页面字段
- * @returns {*[]}
- */
-function getColumns(columns) {
-    let res = []
-    for (const column of columns) {
-        const width = column.width
-        res.push({
-            header: column.title, key: column.field, width: isNaN(width) ? 20 : width / 10
-        })
-    }
-    return res
-}
-
-/**
- * 设置全部单元格对齐方式
- * @param sheet
- * @param option
- */
-function setRowHorizontal({sheet, option}) {
-    sheet.eachRow((row, rowNumber) => {
-        // 遍历每个单元格
-        row.eachCell((cell) => {
-            // 设置边框样式
-            // cell.border = {
-            //     top: {style: 'thin'},
-            //     left: {style: 'thin'},
-            //     bottom: {style: 'thin'},
-            //     right: {style: 'thin'}
-            // };
-            // 设置居中对齐
-            cell.alignment = {
-                vertical: 'middle', horizontal: option.align
-            };
-        });
-        row.font = {
-            size: 12, name: '宋体'
-        };
-    });
-}
-
-/**
- * 根据表格单元格值设置单元格宽度
- * @param sheet 表格
- * @param option 单元格内容对齐方式
- */
-function setColumnWidth({sheet, option}) {
-    sheet.columns.forEach(function (column, i) {
-        let maxLength = 0;
-        column["eachCell"]({includeEmpty: true}, function (cell) {
-            let columnLength = cell.value ? cell.value.toString().length : 10;
-            if (new RegExp("[\\u4E00-\\u9FFF]+", "g").test(cell.value)) {
-                columnLength = columnLength * 2
-            }
-            maxLength = 10
-            if (columnLength >= maxLength) {
-                maxLength = columnLength + 3;
-            }
-            column.width = maxLength > 30 ? 30 : maxLength;
-        });
-
-        // 列头样式
-        let cell = sheet.getCell(column.letter + '1')
-        cell.fill = {
-            type: 'pattern', pattern: 'solid', fgColor: {argb: 'ff808080'}, bgColor: {argb: '00000000'},
-        }
-        cell.font = {
-            color: {argb: 'ffffffff'},
-        }
-        cell.alignment = {
-            horizontal: option.align, vertical: 'middle',
-        }
-    });
-}
-
-/**
- * 导出表格赋值
- * @param data 导出数据
- * @param keys 自定义导出字段 t_id
- * @param sheet 表格
- * @param columns 页面表单字段
- */
-function setExportData(data, sheet, columns) {
-    data.map(row => {
-        let column = {}
-        columns.forEach((item) => {
-            column[item.field] = getRowValue(item, row)
-        })
-        let values = Object.values(column);
-        sheet.addRow(values);
-    })
-}
-
-/**
- * 获取行数据值
- * @param columns 页面表单字段
- * @param row 行数据
- * @param key 字段
- * @returns {*}
- */
-function getRowValue(column, row) {
-    let value = row[column.field]
-    if (column.params && column.params.dictValueLabel && column.params.dictValueLabel[value]) {
-        value = column.params.dictValueLabel[value];
-    }
-    return value
-}
-
-/**
- * 导出
- * @param workbook 工作表格
- * @param name 导出文件名称
- */
-function saveXlsx(workbook, name) {
-    // 导出表格文件
-    workbook.xlsx.writeBuffer().then((buffer) => {
-        let file = new Blob([buffer], {type: "application/octet-stream"});
-        FileSaver.saveAs(file, name + ".xlsx");
-        message.success("导出成功[" + name + ".xlsx]")
-    }).catch(error => {
-        message.error("导出失败[" + name + ".xlsx]")
-        console.log('Error writing excel export', error)
-    })
-}