- 博客(12)
- 收藏
- 关注
RSS订阅
原创 vue移动端h5中a标签下载/预览文件
需求：在原有的列表页中增加一行展示附件（点击可下载）。只写结构，暂不考虑其他，增加附件行的代码如下：<div> <span> 附件： <a :href='' {{'附件名称'}}> </a> </span></div>点击列表页本身的每一个方框会跳转一个详情页，同理点击下载发票附件时也会，需要处理一下点击a标签时的穿透问题。这里我给span加上一个点击事件，事件里边写上event.stopPro.
2020-05-26 23:10:18
9256
6
原创 react表格导出功能
import {message} from 'antd';import FileSave from 'file-saver';import ExcelExporter from 'widget';// 初始化exportVisible: false,exportColumns:[ {title:'代码',dataIndex:'code'}， {title:'名称',dataIndex:'name'}，{}], // 导出列// 导出confirmExport = params =&
2020-09-26 17:33:27
1144
1
原创 antd表格固定列遮挡
需求：在原本表格基础上设置左右列为固定列。现有情况：个别表格不带勾选框，个别表格带勾选框。问题描述：前者直接给列加上fixed即可，后者加上fixed会出现可移动列被左侧固定列遮挡部分的情况。给表格设置固定列后，实际上就从一个表变为了多个表。原始的表格为一个表，含有最初的所有列，左侧固定列为一个表，右侧固定列为一个表。检查元素发现，原始表格勾选框的宽度较左侧固定列表中的勾选框宽度更短，导致移动列向前缩进被左侧固定列在上方遮挡。查阅官方文档，找到选择功能的配置rowSelection，其中自定义列.
2020-09-13 23:01:38
3463
1
原创 react 前后端配合的弹窗提醒弱校验
需求：在原来的【提交】按钮事件基础上增加弹窗弱校验。// 原提交按钮事件<Button type="primary" onClick={this.onSubmit} loading={loading}>onSubmit = () => {}//service.jssubmit(id){ return httpFetch.put(`${config.mdataUrl}/api/suppier/submit?id=${id}`)}实现思路：后台实现校验逻辑，把.
2020-08-16 23:37:16
765
原创 Modal.xx语法糖
详见antd官方文档（好叭，也没多详细= =）个人常用有Modal.info和Modal.confirmModal.info默认按钮有1个，为【知道了】,点击留在当前页Modal.confirm默认按钮有2个，为【取消】【确定】，点击取消留在当前页，点击确认执行确定按钮事件代码需求：现在需要弹窗中只有一个按钮，点击后执行期望事件代码（不是停留在当前页）。Modal.info({ title:'', content:'',})Modal.confirm({ title:'modal
2020-08-15 23:09:55
2077
原创 replace(/\(.*?\)/g,““)去除括号及括号内内容，调试无误后升级代码不生效
需求：去除一段话中出现的括号及其内容。补充：这段话中可能出现多个括号，括号可能为中文，可能为英文。实现思路：.replace(/\（.?\）/g,"").replace(/(.?)/g,"")前者为中文括号，后者为英文。本地调试无误后打包升级到测试环境失效，刷新、清缓存均不生效，失效为中文括号。解决：将出现的所有中文括号先替换为英文括号，再对全部的英文括号使用正则去除括号及内容。实现：.replace(/（/g,"(").replace(/）/g,")").replace(/(.*.
2020-08-15 22:59:48
1125
原创 react 复制antd表格行
需求：表格操作列已有“编辑”、“删除”功能，现要求增加“复制”表格行功能思路：复制所在行数据，再push到表格列数组dataSource中注意：1）拷贝所在行数据时，需要注意两个字段，id和index。id由后台生成，index即数组据在dataSource中的索引。完全拷贝会出现的情况是保存时id不唯一；且对复制数据和被复制数据中的某一条进行“编辑”或“删除”操作时，由于索引index一样，多条数据会同时被操作。2）将dataSource拷贝到新数组copyRows中，给copyRow.
2020-07-09 00:02:45
2390
1
原创 angular 字典值处理方法
以基金产品中的提醒类型为例，某个提醒为“净值波动提醒”，后台要的值为“A”，前台要显示为“净值波动提醒”，可以在后台增删修改提醒类别。相关字典值提醒类型 REMIND_TYPE产品类型 REMIND_FUND_TYPE转换嘛，最初想到的是用switch case，但后来发现能实现想要效果，但字典值就失去了意义。试想，如果在后台修改“净值波动提醒”对应的值为“B”，那前端代码中是不是还要手动去修改转换对应的代码？同理新增提醒类别也是，仍需要手动去维护前端代码。// html中“提醒类别”的sel.
2020-06-30 23:12:47
697
原创 react map()循环选中行根据条件分支进行不同弹窗
1.现有数组selectedRows，值为[alpha,beta,gamma,delte]，其中alpha也是数组，现在要拿到alpha下的one值。已知：selectedRows 为列表选中行，可能单选，也可能多选。思路：通过selectedRows 拿到alpha，再拿到alpha下的one。// selectedRows:[Object]selectedRows = [alpha,beta,gamma,delte]; alpha = [one,two,third,fourth,fifth];
2020-05-18 00:50:44
682
原创 angular项目 通过运行命令配置ip地址及端口号
原本启动项目命令ng serve配置ip地址及端口号命令ng serve -host ip -port 端口号比如现在在终端通过如下命令启动项目ng serve -host 192.1.52.110 -port 3340
2020-05-11 23:16:34
1556
原创 react+antd Table表头按钮一键展开或关闭
记录自己在解决这个需求中碰到的问题，首先在这里感谢Deidei☀️在这个过程中提供的帮助。Deidei☀️关于react项目中解决antd Table展开行可全部展开或关闭文章见 antd Table 展开行可全部展开或关闭需求如图，在表头添加一个按钮，控制子表全部展开或关闭。先看看antd Table官方文档对展开行的处理 表格 Table可展开官方文档中对于表格展开行并没有一件全部展开...
2020-04-14 00:56:27
5872
原创 react项目npm start时报错'roadhog'不是内部或外部命令
记录自己碰到这个情况是怎么解决的。npm i roadhog -g 全局安装roadhog。此安装过程终端再次报错，往下一步一步解决。npm install --global cnpm 全局安装镜像，再使用镜像去全局安装roadhog: cnpm i roadhog -g。安装镜像下载依赖的速度会比较快，个人感觉 npm下不了有的依赖但 cnpm 可以，怪网速吗？此时再运行项目提示找不到某...
2020-04-04 00:57:24
1229
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人