cloud-web-corejs 1.0.54-dev.555 → 1.0.54-dev.557

package/src/views/user/position/list.vue

@@ -2,70 +2,35 @@
   <div id="containt">
     <el-tabs v-model="activeName" class="tab-box">
       <el-tab-pane :label="$t1('常规')" name="first">
-        <editView
-          v-if="showEdit"
-          visible-key="showEdit"
-          :_dataId.sync="dataId"
-          :parent-target="_self"
-          @reload="$reloadHandle"
-        ></editView>
+        <editView v-if="showEdit" visible-key="showEdit" :_dataId.sync="dataId" :parent-target="_self"
+                  @reload="$reloadHandle"></editView>
       </el-tab-pane>
       <el-tab-pane :label="$t1('列表')" name="second">
         <div class="grid-height">
-          <vxe-grid
-            ref="table-m1"
-            v-bind="vxeOption"
-            @resizable-change="$vxeTableUtil.onColumnWitchChange"
-            @custom="$vxeTableUtil.customHandle"
-          >
+          <vxe-grid ref="table-m1" v-bind="vxeOption" @resizable-change="$vxeTableUtil.onColumnWitchChange"
+                    @custom="$vxeTableUtil.customHandle">
             <template #form>
               <div class="clearfix screen-btns">
                 <div class="fl">
-                  <vxe-button
-                    status="primary"
-                    class="button-sty"
-                    icon="el-icon-plus"
-                    @click="openEditDialog"
-                  >
-                    {{ $t1("新增") }}
+                  <vxe-button status="primary" class="button-sty" icon="el-icon-plus" @click="openEditDialog">
+                    {{ $t1('新增') }}
                   </vxe-button>
-                  <base-table-export
-                    :option="{ title: $t1('岗位导出'), targetRef: 'table-m1' }"
-                    :parent-target="_self"
-                  />
+                  <base-table-export :option="{ title: $t1('岗位导出'), targetRef: 'table-m1'}" :parent-target="_self"/>
                 </div>
                 <div class="fr">
-                  <vxe-button
-                    icon="el-icon-brush"
-                    class="button-sty"
-                    @click="resetEvent"
-                    type="text"
-                    status="primary"
-                    plain
-                    >{{ $t1("重置") }}
+                  <vxe-button icon="el-icon-brush" class="button-sty" @click="resetEvent" type="text" status="primary"
+                              plain>{{ $t1('重置') }}
                   </vxe-button>
-                  <vxe-button
-                    status="warning"
-                    icon="el-icon-search"
-                    class="button-sty"
-                    @click="searchEvent"
-                  >
-                    {{ $t1("搜索") }}
+                  <vxe-button status="warning" icon="el-icon-search" class="button-sty" @click="searchEvent">
+                    {{ $t1('搜索') }}
                   </vxe-button>
                 </div>
               </div>
-              <vxe-form
-                ref="form"
-                class="screen-box"
-                title-width="92px"
-                title-align="right"
-                :data="formData"
-                @submit="searchEvent"
-                @reset="searchEvent"
-              >
-                <vxe-form-item :title="$t1('岗位名称') + ':'" field="name">
+              <vxe-form ref="form" class="screen-box" title-width="92px" title-align="right" :data="formData"
+                        @submit="searchEvent" @reset="searchEvent">
+                <vxe-form-item :title="$t1('岗位名称')+':'" field="name">
                   <template v-slot>
-                    <el-input v-model="formData.name" size="small" clearable />
+                    <el-input v-model="formData.name" size="small" clearable/>
                   </template>
                 </vxe-form-item>
                 <!-- <vxe-form-item :title="$t1('岗位编码')+':'" field="code">
@@ -83,18 +48,18 @@
 </template>
 
 <script>
-import editView from "./edit.vue";
+import editView from './edit.vue';
 
 export default {
-  name: "position:list",
-  components: { editView },
+  name: 'position:list',
+  components: {editView},
   data() {
     return {
-      activeName: "second",
+      activeName: 'second',
       dataId: 0,
       showEdit: false,
       vxeOption: {},
-      formData: {},
+      formData: {}
     };
   },
   mounted() {
@@ -102,85 +67,85 @@ export default {
   },
   methods: {
     searchEvent() {
-      this.$refs["table-m1"].commitProxy("reload");
+      this.$refs['table-m1'].commitProxy('reload');
     },
     resetEvent() {
       this.formData = {};
-      this.$refs["table-m1"].commitProxy("reload");
+      this.$refs['table-m1'].commitProxy('reload');
     },
     openEditDialog(id) {
-      this.dataId = !id || typeof id == "object" ? 0 : id;
-      this.activeName = "first";
-      this.$openEditView("showEdit");
+      this.dataId = !id || typeof id == 'object' ? 0 : id;
+      this.activeName = 'first';
+      this.$openEditView('showEdit');
     },
     initTableList() {
       let that = this;
       let tableOption = {
         vue: this,
-        tableRef: "table-m1",
-        tableName: "basic_position_list-m2",
-        path: USER_PREFIX + "/position/listCurrentPage",
+        tableRef: 'table-m1',
+        tableName: 'basic_position_list-m2',
+        path: USER_PREFIX + '/position/listCurrentPage',
         param: () => {
           return this.formData;
         },
         columns: [
-          { type: "checkbox", width: 48, resizable: false, fixed: "left" },
+          {type: 'checkbox', width: 48, resizable: false, fixed: 'left'},
           {
-            title: this.$t1("岗位名称"),
-            field: "name",
+            title: this.$t1('岗位名称'),
+            field: 'name',
             width: 150,
-            fixed: "left",
+            fixed: 'left'
           },
           /* {
             field: 'code',
             title: this.$t1('岗位编码'),
             width: 250
           }, */
-          { title: this.$t1("所属组织"), field: "companyName", width: 150 },
+          {title: this.$t1('所属组织'), field: 'companyName', width: 150},
           {
-            field: "enabled",
-            title: this.$t1("是否启用"),
+            field: 'enabled',
+            title: this.$t1('是否启用'),
             width: 150,
             slots: {
-              default: ({ row }) => {
+              default: ({row}) => {
                 if (row.enabled) {
                   return [
                     <div class="txt-status">
-                      <span>{this.$t1("启用")}</span>
-                    </div>,
+                      <span>{this.$t1('启用')}</span>
+                    </div>
                   ];
                 } else {
                   return [
                     <div class="txt-status disable">
-                      <span>{this.$t1("禁用")}</span>
-                    </div>,
+                      <span>{this.$t1('禁用')}</span>
+                    </div>
                   ];
                 }
-              },
-            },
+              }
+            }
           },
           {
-            field: "createDate",
-            title: this.$t1("创建时间"),
-            width: 150,
+            field: 'createDate',
+            title: this.$t1('创建时间'),
+            width: 150
           },
           {
-            field: "_createBy",
-            title: this.$t1("创建人"),
-            width: 150,
+            field: '_createBy',
+            title: this.$t1('创建人'),
+            width: 150
           },
           {
-            field: "_modifyBy",
-            title: this.$t1("更新人"),
-            width: 150,
+            field: '_modifyBy',
+            title: this.$t1('更新人'),
+            width: 150
           },
           {
             width: 47,
-            fixed: "right",
-            title: "",
+            fixed: 'right',
+            title: '',
             sortable: false,
             slots: {
-              default: ({ row }) => {
+              default: ({row}) => {
                 return [
                   <div>
                     <a
@@ -190,40 +155,19 @@ export default {
                         this.openEditDialog(row.id);
                       }}
                     >
-                      <el-tooltip
-                        enterable={false}
-                        effect="dark"
-                        content={this.$t1("查看")}
-                        placement="top"
-                        popper-class="tooltip-skin"
-                      >
-                        <i class="el-icon-edit" />
+                      <el-tooltip enterable={false} effect="dark" content={this.$t1('查看')} placement="top"
+                                  popper-class="tooltip-skin">
+                        <i class="el-icon-edit"/>
                       </el-tooltip>
                     </a>
-                  </div>,
+                  </div>
                 ];
-              },
-            },
-          },
-        ],
-        config: {
-          loadingConfig: {
-            icon: "vxe-icon-indicator roll",
-            text: "正在拼命加载中...",
-          },
-          slots: {
-            loading() {
-              return `<div class="vxe-loading tttt">
-                <div class="vxe-loading__text">{this.loadingConfig.text}</div>
-                <div class="vxe-loading__icon">
-                  <i class={this.loadingConfig.icon}></i>
-                </div>
-              </div>`;
-            },
-          },
-        },
+              }
+            }
+          }
+        ]
       };
-      this.$vxeTableUtil.initVxeTable(tableOption).then((opts) => {
+      this.$vxeTableUtil.initVxeTable(tableOption).then(opts => {
         this.vxeOption = opts;
       });
     },
@@ -231,14 +175,14 @@ export default {
       let that = this;
       that.$excelImport({
         prefix: USER_PREFIX,
-        excel: USER_PREFIX + "/excelTemplate/position/position.xlsx",
+        excel: USER_PREFIX + '/excelTemplate/position/position.xlsx',
         multi: false,
-        saveUrl: USER_PREFIX + "/position/save",
+        saveUrl: USER_PREFIX + '/position/save',
         callback: () => {
           that.searchEvent();
-        },
+        }
       });
-    },
-  },
+    }
+  }
 };
 </script>

package/src/components/luckysheet/README.md

@@ -1,329 +0,0 @@
-# Luckysheet Excel 导出功能改进说明
-
-## 主要改进内容
-
-### 1. **列宽处理优化**
-- 添加了 `setColumnWidths` 函数，能够根据原始数据的列宽配置自动设置Excel列宽
-- 提供了合理的默认列宽(15个字符宽度)
-- 设置了列宽范围限制(8-100个字符)，避免显示异常
-
-### 2. **样式处理增强**
-- **字体映射优化**: 改进了中文字体到Excel字体的标准映射
-  - 微软雅黑 → Microsoft YaHei
-  - 宋体 → SimSun  
-  - 黑体 → SimHei
-  - 楷体 → KaiTi
-  - 仿宋 → FangSong
-- **颜色处理**: 完善了RGBA颜色格式支持，正确处理透明度
-- **字体大小**: 添加了8-72pt的范围限制
-- **数字格式**: 新增完整的数字格式转换支持
-
-### 3. **工作表属性完善**
-- 添加了工作簿元数据(创建者、修改时间等)
-- 设置了工作表属性(默认行高、标签颜色)
-- 配置了页面设置(A4纸张、纵向布局)
-- 使用了标准的Excel MIME类型
-
-### 4. **新增功能**
-- `setRowHeights`: 行高设置功能
-- `convertNumberFormat`: 数字格式转换
-- 更好的错误处理机制
-- 内存管理优化
-
-### 5. **Base64文件转换功能** ⭐ **新增**
-- **File转Base64**: `fileToBase64(file)` - 将File对象转换为Base64数据URL
-- **Base64转File**: `base64ToFile(base64, filename, mimeType)` - 将Base64数据转换回File对象
-- **Base64转Blob**: `base64ToBlob(base64, mimeType)` - 将Base64数据转换为Blob对象
-- **直接下载**: `downloadBase64File(base64, filename, mimeType)` - 直接下载Base64数据为文件
-- **MIME类型常量**: 提供常用的文件MIME类型映射
-
-### 6. **API接口保持兼容**
-- 保留了原有的三个主要导出函数
-- 添加了使用示例和详细文档
-- 提供了多种使用场景的支持
-
-## Base64转换功能使用说明
-
-### 基本用法
-
-```javascript
-import { 
-  fileToBase64, 
-  base64ToFile, 
-  base64ToBlob, 
-  downloadBase64File,
-  MIME_TYPES 
-} from './fileUtils.js';
-
-// File转Base64
-const base64 = await fileToBase64(file);
-
-// Base64转File
-const file = base64ToFile(base64, 'filename.xlsx', MIME_TYPES.EXCEL);
-
-// Base64转Blob
-const blob = base64ToBlob(base64, MIME_TYPES.EXCEL);
-
-// 直接下载
-downloadBase64File(base64, 'download.xlsx', MIME_TYPES.EXCEL);
-```
-
-### 在对话框中的应用
-
-对话框组件现在会在提交时自动进行双向转换：
-- 原始File对象 → Base64字符串
-- Base64字符串 → 转换后的File对象
-- 返回的数据包含：`file`、`base64`、`convertedFile` 三个版本
-
-### 支持的文件类型
-
-```javascript
-const MIME_TYPES = {
-  EXCEL: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-  PDF: 'application/pdf',
-  WORD: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
-  IMAGE_JPEG: 'image/jpeg',
-  IMAGE_PNG: 'image/png',
-  IMAGE_GIF: 'image/gif',
-  TEXT: 'text/plain',
-  JSON: 'application/json'
-};
-```
-
-## 使用示例
-
-详细使用示例请参考 [fileConversionExample.js](./fileConversionExample.js) 文件。
-
-## 注意事项
-
-1. Base64转换会增加约33%的数据大小
-2. 大文件转换时注意内存使用
-3. 转换过程中会进行错误处理，失败时返回null
-4. 文件名和MIME类型参数可以根据实际需求自定义
-
-## API 接口说明
-
-### 主要导出函数
-
-#### 1. `exportExcel(luckysheet, fileName)`
-直接导出Excel文件并触发下载
-
-```javascript
-import { exportExcel } from './export'
-
-// 基础使用
-exportExcel(luckysheetData, '我的表格')
-```
-
-#### 2. `generateExcelBlob(luckysheet, fileName)`
-生成Blob对象，可用于自定义下载或其他处理
-
-```javascript
-import { generateExcelBlob } from './export'
-
-const blob = await generateExcelBlob(luckysheetData, '我的表格')
-// 可以对blob进行进一步处理
-```
-
-#### 3. `generateExcelFile(luckysheet, fileName)`
-生成File对象
-
-```javascript
-import { generateExcelFile } from './export'
-
-const file = await generateExcelFile(luckysheetData, '我的表格')
-```
-
-## 数据结构要求
-
-### 单个工作表数据结构
-
-```javascript
-const sheetData = {
-  name: '工作表名称',
-  data: [
-    // 第一行（标题行）
-    [
-      { v: '列1标题', ff: 1, fc: '#000000', bl: 1, fs: 12 },
-      { v: '列2标题', ff: 1, fc: '#000000', bl: 1, fs: 12 }
-    ],
-    // 数据行
-    [
-      { v: '数据1', ff: 0, fc: '#333333', fs: 10 },
-      { v: '数据2', ff: 0, fc: '#333333', fs: 10 }
-    ]
-  ],
-  config: {
-    merge: {},           // 合并单元格配置
-    borderInfo: [],      // 边框信息
-    columnlen: {         // 列宽配置
-      0: 100,            // 第1列宽度100px
-      1: 80              // 第2列宽度80px
-    },
-    rowlen: {            // 行高配置
-      0: 25,             // 第1行高度25px
-      1: 20              // 第2行高度20px
-    }
-  }
-}
-```
-
-### 多个工作表数据结构
-
-```javascript
-const multipleSheets = [
-  {
-    name: 'Sheet1',
-    data: [...],
-    config: {...}
-  },
-  {
-    name: 'Sheet2', 
-    data: [...],
-    config: {...}
-  }
-]
-```
-
-## 单元格属性说明
-
-| 属性 | 类型 | 说明 | 示例 |
-|------|------|------|------|
-| v | any | 单元格值 | `'文本'`, `123`, `true` |
-| ff | number/string | 字体 | `0`(微软雅黑), `'Arial'` |
-| fc | string | 字体颜色 | `'#FF0000'`, `'#FF000080'`(带透明度) |
-| fs | number | 字体大小 | `12` |
-| bl | number | 粗体 | `0`(正常), `1`(粗体) |
-| it | number | 斜体 | `0`(正常), `1`(斜体) |
-| ul | number | 下划线 | `0`(无), `1`(下划线) |
-| cl | number | 删除线 | `0`(无), `1`(删除线) |
-| bg | string | 背景色 | `'#FFFF00'` |
-| vt | number | 垂直对齐 | `0`(居中), `1`(顶部), `2`(底部) |
-| ht | number | 水平对齐 | `0`(居中), `1`(左对齐), `2`(右对齐) |
-| tb | number | 文本换行 | `0`(不换行), `2`(换行) |
-| tr | number | 文字旋转 | `0`(正常), `1`(45度), `2`(-45度) |
-| f | string | 公式 | `'SUM(A1:A10)'` |
-| ct | object | 内容类型 | `{fa: '0.00', s: [...]}` |
-
-## 使用示例
-
-### 1. 基础导出
-
-```javascript
-import { exportExcel } from './export'
-
-// 导出单个工作表
-exportExcel(singleSheetData, '员工信息表')
-
-// 导出多个工作表
-exportExcel(multipleSheetsData, '综合报表')
-```
-
-### 2. 带进度的自定义导出
-
-```javascript
-import { customExportExample } from './exportExample'
-
-customExportExample(
-  sheetData, 
-  '我的报表',
-  (progress, message) => {
-    console.log(`导出进度: ${progress}% - ${message}`)
-    // 更新UI进度条
-    updateProgressBar(progress)
-  }
-)
-```
-
-### 3. 获取Blob进行自定义处理
-
-```javascript
-import { generateExcelBlob } from './export'
-
-const blob = await generateExcelBlob(sheetData, '报表')
-// 上传到服务器
-await uploadToServer(blob)
-```
-
-## 常见问题解决
-
-### 1. 列宽显示不正确
-
-确保在config中正确设置columnlen：
-
-```javascript
-config: {
-  columnlen: {
-    0: 120,  // A列宽度120px
-    1: 80,   // B列宽度80px
-    2: 150   // C列宽度150px
-  }
-}
-```
-
-### 2. 中文字体显示异常
-
-使用标准的字体编号或名称：
-
-```javascript
-// 推荐使用编号
-{ ff: 0, v: '微软雅黑文本' }  // 最佳兼容性
-
-// 或使用标准字体名称
-{ ff: 'Microsoft YaHei', v: '中文文本' }
-```
-
-### 3. 颜色显示不正确
-
-确保颜色格式正确：
-
-```javascript
-// RGB格式
-{ fc: '#FF0000', bg: '#FFFF00' }
-
-// RGBA格式（带透明度）
-{ fc: '#FF000080', bg: '#FFFF00CC' }
-```
-
-### 4. 数字格式不生效
-
-在ct属性中指定数字格式：
-
-```javascript
-{
-  v: 1234.56,
-  ct: {
-    fa: '#,##0.00',  // 千分位格式
-    t: 'n'
-  }
-}
-```
-
-## 性能优化建议
-
-1. **大数据量处理**: 对于超过10000行的数据，建议分批导出
-2. **复杂样式**: 避免过度复杂的样式设置，影响导出性能
-3. **内存管理**: 及时清理不需要的Blob URL对象
-4. **并发控制**: 避免同时进行多个大型导出操作
-
-## 浏览器兼容性
-
-- ✅ Chrome 60+
-- ✅ Firefox 55+
-- ✅ Safari 12+
-- ✅ Edge 79+
-
-## 更新日志
-
-### v2.0.0 (当前版本)
-
-- 🎉 重构导出核心逻辑
-- 🎉 添加列宽自动设置功能
-- 🎉 完善样式处理和字体映射
-- 🎉 增强错误处理和性能优化
-- 🎉 添加详细的使用文档和示例
-
-### v1.0.0 (原版本)
-
-- 基础的Excel导出功能
-- 支持基本样式和合并单元格

package/src/components/luckysheet/colorTest.js

@@ -1,54 +0,0 @@
-import { exportExcel } from './export.js'
-
-// 测试数据 - 包含rgb()格式的颜色
-const testData = [{
-  name: '颜色测试工作表',
-  data: [
-    // 测试rgb()背景色
-    [{
-      v: '正确的候选人',
-      bg: 'rgb(106, 168, 79)',  // 绿色背景
-      fc: 'rgb(0, 0, 0)',       // 黑色字体
-      bl: 1,
-      ff: 5,
-      fs: 11
-    }],
-    // 测试rgb()背景色
-    [{
-      v: '当前的候选人',
-      bg: 'rgb(255, 255, 0)',   // 黄色背景
-      fc: 'rgb(0, 0, 0)',       // 黑色字体
-      bl: 1,
-      ff: 5,
-      fs: 11
-    }],
-    // 测试十六进制颜色
-    [{
-      v: '十六进制测试',
-      bg: '#ff9900',            // 橙色背景
-      fc: '#ffffff',            // 白色字体
-      bl: 1,
-      ff: 5,
-      fs: 11
-    }]
-  ],
-  config: {
-    columnlen: {0: 200},
-    rowlen: {0: 25, 1: 25, 2: 25}
-  }
-}]
-
-// 测试函数
-export async function testColorExport() {
-  try {
-    console.log('开始测试颜色导出...')
-    await exportExcel(testData, 'color-test')
-    console.log('颜色测试导出完成！')
-    return true
-  } catch (error) {
-    console.error('颜色测试导出失败:', error)
-    return false
-  }
-}
-
-export default { testColorExport }