adtec-core-package 1.0.0 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adtec-core-package",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "private": false,
   "type": "module",
   "scripts": {
@@ -31,7 +31,9 @@
     "vue-focus-lock": "^3.0.0",
     "vue-img-viewr": "2.0.11",
     "vue-router": "^4.5.0",
-    "wujie-vue3": "^1.0.24"
+    "wujie-vue3": "^1.0.24",
+    "xlsx-js-style": "^1.2.0",
+    "linq-to-ts": "^1.3.0"
   },
   "devDependencies": {
     "@tsconfig/node22": "^22.0.0",

package/src/components/ElFlex/ElFlex.vue

@@ -135,7 +135,7 @@ const getStyleComp = computed(() => {
     height: heightComp.value,
     width: widthComp.value,
     flex: getFlex(),
-    overflow: 'auto',
+    overflow: 'initial',
     boxSizing: 'border-box',
     minWidth: props.minWidth ? props.minWidth : '',
     flexShrink: flexShrinkComp.value,

package/src/components/Table/ElTableColumnDynamic.vue

@@ -1,58 +1,28 @@
 <!--创建人 丁盼-->
-<!--说明: ElTable动态列-->
+<!--说明: ElTableDynamicColumn-->
 <!--创建时间: 2025/3/19 14:25-->
 <!--修改时间: 2025/3/19 14:25-->
 <template>
   <el-table-column :key="getItemKey(column)" v-bind="column">
     <template #default v-if="column.children && column.children.length > 0">
-      <el-table-column-dynamic
-        v-for="item in column.children"
-        :key="getItemKey(item)"
-        :column="item">
-        <template v-slot:[getSlotNameDefault(item.prop)]="scope">
-          <slot
-            :name="getSlotNameDefault(item.prop)"
-            :row="scope.row"
-            :column="scope.column"
-            :$index="scope.$index"></slot>
-        </template>
-        <template v-slot:[getSlotNameHeader(item.prop)]="scope">
-          <slot
-            :name="getSlotNameHeader(item.prop)"
-            :column="scope.column"
-            :$index="scope.$index"></slot>
-        </template>
-
-      </el-table-column-dynamic>
+      <template v-for="item in column.children" :key="getItemKey(item)">
+        <el-table-column-dynamic :column="item">
+          <template #default="scope">
+            <slot :row="scope.row" :column="scope.column" :$index="scope.$index"></slot>
+          </template>
+        </el-table-column-dynamic>
+      </template>
     </template>
-    <template #default="scope" v-if="slots[getSlotNameDefault(column.prop)]">
-      <slot
-        :name="getSlotNameDefault(column.prop)"
-        :row="scope.row"
-        :column="scope.column"
-        :$index="scope.$index"></slot>
-    </template>
-    <template #header="scope" v-if="slots[getSlotNameHeader(column.prop)]">
-      <slot
-        :name="getSlotNameHeader(column.prop)"
-        :column="scope.column"
-        :$index="scope.$index"></slot>
+    <template #default="scope">
+      <slot :row="scope.row" :column="scope.column" :$index="scope.$index"></slot>
     </template>
   </el-table-column>
 </template>
 <script setup lang="ts">
 import type { TableColumnCtx } from 'element-plus/es/components/table/src/table-column/defaults'
-import { useSlots } from 'vue'
 defineProps<{
   column: TableColumnCtx<any> // 列配置数据
 }>()
-const getSlotNameDefault=(name:any)=>{
-  return name
-}
-const getSlotNameHeader=(name:any)=>{
-  return name+'H'
-}
-const slots = useSlots()
 // 假设每一项都有一个唯一的 id 属性
 function getItemKey(item: TableColumnCtx<any>): string {
   return item?.prop || String(Math.random()) // 如果没有 id，使用随机字符串作为 key

package/src/utils/FrameworkUtils.ts

@@ -1,66 +1,335 @@
-import elTableTool from '../components/Table/ElTableTool.ts'
-import { ElMessage } from 'element-plus'
-/**
- * Create by丁盼
- * 说明: FrameworkUtils
- * 创建时间: 2025/3/12 09:24
- * 修改时间: 2025/3/12 09:24
- */
-export default {
-  /**
-   * 校验表格数据是否为空
-   * @param table 表格对象
-   * @param rules 校验规则
-   */
-  validateTableData(table: any, rules: any): Boolean {
-    return elTableTool.validateTableData(table, rules)
-  },
-  /**
-   * 获取系统分页数
-   */
-  getPageSize(): number {
-    try {
-      const systemConfig = JSON.parse(localStorage.getItem('systemConfig') + '')
-      if (systemConfig && systemConfig['pageSize'] + '') {
-        return Number(systemConfig['pageSize'] + '')
-      } else {
-        return 50
-      }
-    } catch {
-      return 50
-    }
-  },
-  /**
-   * 提示错误信息
-   * @param err
-   */
-  messageError(err: any) {
-    if (err.code) {
-      if (err.code === '500') {
-        ElMessage.error('系统错误,请与管理员联系！')
-      } else if (
-        err.code === '10402' ||
-        err.code === '10403' ||
-        err.code === '10404' ||
-        err.code === '10500' ||
-        err.code === '10505' ||
-        err.code === '10506' ||
-        err.code === '10507'
-      ) {
-        ElMessage.error(err.msg)
-      } else if (err.code === '10504') {
-        ElMessage.warning(err.msg)
-      }
-    } else {
-      ElMessage.error(err.message)
-    }
-  },
-  // /**
-  //  * 判断是否有操作权限
-  //  * @param operCode
-  //  * @constructor
-  //  */
-  // IsOperationAuth(operCode:string): Boolean {
-  //   return permission.IsOperationAuth(operCode)
-  // }
-}
+import elTableTool from '../components/Table/ElTableTool.ts'
+import { ElMessage } from 'element-plus'
+import * as XLSX from 'xlsx-js-style'
+import { Linq } from 'linq-to-ts'
+/**
+ * Create by丁盼
+ * 说明: FrameworkUtils
+ * 创建时间: 2025/3/12 09:24
+ * 修改时间: 2025/3/12 09:24
+ */
+export default {
+  /**
+   * 校验表格数据是否为空
+   * @param table 表格对象
+   * @param rules 校验规则
+   */
+  validateTableData(table: any, rules: any): Boolean {
+    return elTableTool.validateTableData(table, rules)
+  },
+  /**
+   * 获取系统分页数
+   */
+  getPageSize(): number {
+    try {
+      const systemConfig = JSON.parse(localStorage.getItem('systemConfig') + '')
+      if (systemConfig && systemConfig['pageSize'] + '') {
+        return Number(systemConfig['pageSize'] + '')
+      } else {
+        return 50
+      }
+    } catch {
+      return 50
+    }
+  },
+  /**
+   * 提示错误信息
+   * @param err
+   */
+  messageError(err: any) {
+    if (err.code) {
+      if (err.code === '500') {
+        ElMessage.error('系统错误,请与管理员联系！')
+      } else if (
+        err.code === '10402' ||
+        err.code === '10403' ||
+        err.code === '10404' ||
+        err.code === '10500' ||
+        err.code === '10505' ||
+        err.code === '10506' ||
+        err.code === '10507'
+      ) {
+        ElMessage.error(err.msg)
+      } else if (err.code === '10504') {
+        ElMessage.warning(err.msg)
+      }
+    } else {
+      ElMessage.error(err.message)
+    }
+  },
+  /**
+   * 导出excel
+   * @param title 标题
+   * @param fileName 文件名
+   * @param sheetName 工作表名
+   * @param columns 表头，参考ElTable列属性{property:'',width:'',label:'',colSpan:'',colSpan:'',level:'',children:[]}
+   * @param data 数据
+   * @param rowMerges 行合并配置
+   * [{
+   *   conditions: ['groupNo'],//条件
+   *   fields: ['groupNo', 'seMeetingSampleName'],//需要合并的列
+   *  }]
+   * @param colMerges 列合并配置
+   * [
+   *    {
+   *       conditions: ['groupNo', 'seMeetingSampleName']//条件
+   *    },
+   *  ]
+   * @param customHeaderCallback 自定义标题回调函数
+   * rows: any[], 当前行对象
+   * dataColumns: any[],列对象
+   * merges: any[] 合并对象
+   * @param customFooterCallback 自定义页脚回调函数
+   * @constructor
+   */
+  exportExcel(
+    title: string,
+    fileName: string,
+    sheetName: string,
+    columns: any,
+    data: any,
+    rowMerges?: any[],
+    colMerges?: any[],
+    customHeaderCallback?: any,
+    customFooterCallback?: any,
+  ) {
+    const cl = columns
+    let rows: any[] = []
+    const cols: any[] = []
+    const dataColumns: any[] = []
+    const merges: any = []
+    this.generateColumns(cl, dataColumns)
+    //设置表头
+    if (customHeaderCallback) {
+      customHeaderCallback(rows, dataColumns, merges)
+    } else {
+      rows.push([
+        {
+          v: title,
+          t: 's',
+          s: {
+            font: { bold: true },
+            alignment: {
+              vertical: 'center', // 垂直居中
+              horizontal: 'center', // 水平居中
+            },
+            // border 边框属性
+            border: {
+              top: { style: 'thin' },
+              bottom: { style: 'thin' },
+              left: { style: 'thin' },
+              right: { style: 'thin' },
+            },
+          },
+        },
+      ])
+      //表头合并
+      merges.push({
+        s: { c: 0, r: 0 },
+        e: { c: dataColumns.length - 1, r: 0 },
+      })
+    }
+    //@ts-ignore
+    this.generateHeader(cl, rows, 0, merges)
+    //设置缺失单元格对象
+    let max = 0
+    rows.forEach((r: any) => {
+      if (max < r.length) {
+        max = r.length
+      }
+    })
+    const rowsS = [{ hpx: 30 }]
+    rows.forEach((r: any, index: number) => {
+      if (index > 0) {
+        rowsS.push({ hpx: 20 })
+      }
+      for (let i = 0; i < max; i++) {
+        if (!r[i]) {
+          r[i] = {
+            v: '',
+            t: 's',
+            s: {
+              font: { bold: true },
+              alignment: {
+                vertical: 'center', // 垂直居中
+                horizontal: 'center', // 水平居中
+              },
+              // border 边框属性
+              border: {
+                top: { style: 'thin' },
+                bottom: { style: 'thin' },
+                left: { style: 'thin' },
+                right: { style: 'thin' },
+              },
+            },
+          }
+        }
+      }
+    })
+    const data1 = JSON.parse(JSON.stringify(data))
+    data1.forEach((r: any, index: any) => {
+      r._orderNum = index + rows.length
+    })
+    //col单元格合并
+    if (colMerges) {
+      colMerges.forEach((m: any) => {
+        data1.forEach((r: any) => {
+          const set = new Set()
+          m.conditions.forEach((c: any) => {
+            set.add(r[c])
+          })
+          if (set.size === 1) {
+            const sIndes = dataColumns.indexOf(
+              dataColumns.find((c) => c.property === m.conditions[0]),
+            )
+            const eIndes = dataColumns.indexOf(
+              dataColumns.find((c) => c.property === m.conditions[m.conditions.length - 1]),
+            )
+            merges.push({
+              s: { c: sIndes, r: r._orderNum },
+              e: { c: eIndes, r: r._orderNum },
+            })
+          }
+        })
+      })
+    }
+    //row单元格合并
+    if (rowMerges) {
+      rowMerges.forEach((m: any) => {
+        const groupList = new Linq(data1).groupBy((r: any) => {
+          const obj: any = {}
+          m.conditions.forEach((c: any) => {
+            obj[c] = r[c]
+          })
+          return obj
+        })
+        //@ts-ignore
+        groupList.forEach((c: any) => {
+          m.fields.forEach((m1: any) => {
+            const cIndex = dataColumns.indexOf(dataColumns.find((c) => c.property === m1))
+            let minOrderNum = 0
+            let maxOrderNum = 0
+            minOrderNum = new Linq(c.elements).min((c: any) => c._orderNum)
+            maxOrderNum = new Linq(c.elements).max((c: any) => c._orderNum)
+            merges.push({
+              s: { c: cIndex, r: minOrderNum },
+              e: { c: cIndex, r: maxOrderNum },
+            })
+          })
+        })
+      })
+    }
+    data1?.forEach((r: any) => {
+      const row: any = []
+      dataColumns.forEach((c) => {
+        row.push({
+          v: r[c.property] ? r[c.property] : '',
+          t: 's',
+          s: {
+            alignment: {
+              vertical: 'center', // 垂直居中
+              horizontal: 'center', // 水平居中
+            },
+            // border 边框属性
+            border: {
+              top: { style: 'thin' },
+              bottom: { style: 'thin' },
+              left: { style: 'thin' },
+              right: { style: 'thin' },
+            },
+          },
+        })
+      })
+      rows.push(row)
+    })
+    //设置行高
+    rows.forEach((r: any, index: number) => {
+      if (index > 0) {
+        rowsS.push({ hpx: 20 })
+      }
+    })
+    //设置列宽
+    dataColumns.forEach((c) => {
+      cols.push({ wpx: c.width })
+    })
+    if (customFooterCallback) {
+      customFooterCallback(rows, dataColumns, merges)
+    }
+    const wb = XLSX.utils.book_new()
+    const ws = XLSX.utils.aoa_to_sheet(rows)
+    ws['!cols'] = cols
+    ws['!merges'] = merges
+    ws['!rows'] = rowsS
+    XLSX.utils.book_append_sheet(wb, ws, sheetName)
+    // STEP 4: Write Excel file to browser
+    XLSX.writeFile(wb, fileName+'.xlsx')
+  },
+   generateHeader(
+    columns: any[],
+    rows: any[],
+    columnIndex: number,
+    merges: any,
+  ){
+    //@ts-ignore
+    columns.forEach((c: any) => {
+      let row: any = []
+      if (rows[c.level]) {
+        row = rows[c.level]
+      } else {
+        row = []
+        rows.push(row)
+      }
+      row[columnIndex] = {
+        v: c.label,
+        t: 's',
+        s: {
+          font: { bold: true },
+          alignment: {
+            vertical: 'center', // 垂直居中
+            horizontal: 'center', // 水平居中
+          },
+          // border 边框属性
+          border: {
+            top: { style: 'thin' },
+            bottom: { style: 'thin' },
+            left: { style: 'thin' },
+            right: { style: 'thin' },
+          },
+        },
+      }
+      if (c.children) {
+        merges.push({
+          s: { c: columnIndex, r: c.level },
+          e: { c: columnIndex + c.colSpan - 1, r: c.level },
+        })
+        this.generateHeader(c.children, rows, columnIndex, merges)
+      } else {
+        if (c.rowSpan > 1) {
+          merges.push({
+            s: { c: columnIndex, r: c.level },
+            e: { c: columnIndex, r: c.level + c.rowSpan - 1 },
+          })
+        }
+      }
+      columnIndex = columnIndex + c.colSpan
+    })
+  },
+  generateColumns(columns: any[], dataColumns: any[]){
+    //@ts-ignore
+    columns.forEach((c: any) => {
+      if (c.children) {
+        this.generateColumns(c.children, dataColumns)
+      } else {
+        dataColumns.push({ property: c.property, width: c.width ? c.width : c.minWidth })
+      }
+    })
+  }
+  // /**
+  //  * 判断是否有操作权限
+  //  * @param operCode
+  //  * @constructor
+  //  */
+  // IsOperationAuth(operCode:string): Boolean {
+  //   return permission.IsOperationAuth(operCode)
+  // }
+}