自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 el-table 表头换行,及输入数量联动

本文展示了一个基于Element UI的订单分拆DN功能的前端实现。该组件包含一个弹窗界面,主要功能包括: 通过标签页切换不同订单 展示订单明细表格,包含原行、分拆DN和拆出行三部分数据 支持DN数量输入和校验 提供拆出行取消功能及相关原因选择 实现SKU分组逻辑校验和样式区分 包含数据汇总和表单提交功能 关键特性包括动态表格高度适配、输入验证、分组行样式区分、全选功能等,使用Vue.js和Element UI组件实现,通过mixins复用表格功能,并采用debounce优化输入处理。

2025-12-09 09:55:00 142

原创 el-table 平铺数据合并单元格

【代码】el-table 平铺数据合并单元格。

2025-02-17 14:14:27 145

原创 过滤器方法

1.字符串加密(姓名、手机号、地址)

2024-08-05 15:24:05 139

原创 小数精度处理 (原生toFixed有精度问题)

【代码】小数精度处理 (原生toFixed有精度问题)

2024-08-05 15:06:19 443

原创 request 请求节流

【代码】request 请求节流。

2024-08-05 15:03:20 405

原创 数组去重方法

【代码】数组去重方法。

2024-06-17 10:17:39 164

原创 el-table 行合并及合并后序号错位处理

2.数据处理记录合并行。

2024-05-24 14:31:01 1128

原创 双重forEach寻找name优化

arr.flat(Infinity) 数组扁平化。

2024-05-22 14:20:46 147

原创 过滤多选数组反选label

【代码】过滤多选数组反选label。

2024-03-27 13:42:24 159

原创 input 支持输入两位小数的正整数(金额)

【代码】input 支持输入两位小数的正整数(金额)

2024-03-21 17:08:59 275 1

原创 element日期组件多范围选择

【代码】element日期组件多范围选择。

2024-03-12 14:35:01 562 1

原创 全局el-modal弹窗封装

全局调用,避免modal重复定义化

2024-03-12 14:26:42 407 1

原创 el-table 点击切换input修改单元格

orderId ---中转参数,也可以绑定scope值,但一次只修改一行,重新定义也无妨。3,input聚焦需对应表格中元素!

2024-03-07 17:30:03 544

原创 vue2 select下拉全选、搜索

【代码】vue2 select下拉全选、搜索。

2024-03-01 15:26:38 667 1

原创 websocket使用

【代码】websocket使用。

2024-03-01 15:19:18 187 1

原创 全路径图片下载

this.$service.common.downSceneCode(this.info.preAllocationCodeUrl, {}, `${this.name}二维码.png`)

2024-01-17 16:30:43 405

原创 浏览器 web打印,支持图片

handleCompletePrint(){ xxxx }---具体执行事件。1.定义打印样式,全局引用。2.打印内容,区分区域。3.监听打印完成回调。

2024-01-17 16:24:12 568

原创 input 限制输入范围数,不以0开头

【代码】input 限制输入范围数,不以0开头。

2024-01-05 14:46:55 933 1

原创 select 下拉滚动加载分页回显

3.组件使用(目前只支持单选,多选需优化参数,后期再修改)1.全局封装自定义滚动指令。

2023-12-19 16:20:06 1438 3

原创 el-tabl 表头自定义筛选过滤

el-table-column align="center" prop="customerCode" label="客户编码" min-width="120" sortable :render-header='renderHeader'></el-table-column>使用方式 引入import filterData from './filterData'主要代码 renderHeader属性。

2023-10-26 14:23:35 2088 1

原创 table 无限滚动列表

【代码】table 无限滚动列表。

2023-10-19 14:38:58 229 1

原创 echart 中国地图

地图josn数据可以自行下载,支持异步地图tooltip,地图缩放。

2023-10-12 14:45:32 164

原创 Echart 大屏自适应

该方法自动覆盖定义的px无需重新转换rem

2023-10-12 14:33:01 149

原创 vue3 element下拉全选反选加搜索

【代码】vue3 el下拉筛选全选反选组件封装。

2023-03-28 10:55:42 365

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除