Fs670267542的博客

原创 处理金额,(千分位的位数是可以设置的)

【代码】处理金额,(千分位的位数是可以设置的)

原创 el-cascader级联,配置props单选

如果数据放在前端处理,传参既要label,又要value,可以通过ref的getCheckedNodes()来获取,自己log看会有啥。

原创 封装echarts,折线图

【代码】封装echarts,折线图。

原创 重写console.log(),让程序在生产环境不输出

【代码】重写console.log(),让程序在生产环境不输出。

原创 echarts折线图,自定义tooltip后,折线不显示问题

但是自定义tooltip,formatter函数需要用到多个数值,data必须写成[{},{}] 数组套对象格式,此时,必须有个属性名字为value,不然折线不会显示。官网 data为简单的数组:例如[1,2,3,4]这样没问题。

原创 饼图数据案例,主要是formatter函数的使用

selectedMode: false, //取消图例上的点击事件。console.log(name, "打印一下name");padding: 1, //图例上下的间距。itemHeight: 15, //图例圆点的高度。show: false, //树枝提示文字。name: "运转类",name: "收运类",name: "除雪类",name: "邀检类",name: "清洗类",name: "清扫类",

原创 js中计算时间差,显示 xx天xx小时xx分

return days + "天 " + hours + "小时 " + minutes + " 分钟";var leave1 = time3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数。var leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数。return hours + "小时 " + minutes + " 分钟";return minutes + " 分钟";

原创 echarts简单封装

echarts简单封装

原创 改变滚动条样式

*高宽分别对应横竖滚动条的尺寸*//*滚动条里面小方块*//*滚动条整体样式*//*滚动条里面轨道*/

原创 【无标题】:render-header=“renderHeader“ 设置表头不换行

vue中使用element-UI,table组件 设置表头不换行。

原创 React中使用antd,给table里的每条数据做校验

把rules写成一个数组,使用rules的第二个参数,打印这个value,可以看到value就是table里的每一条数据。我使用的是react+procomponents;procomponents也在antd的基础上做的封装,平时碰到的都是from校验,直接写rules就行。但是table里面有好几个字段。...

原创 base.css

base.css

原创 盒子垂直居中的方法

　　1、先让盒子的上下边缘和父盒子的水平中心线重叠，，然后再让子盒子往回移动自身一半的距离 1 <div class="father"> // 结构 2 <div class="son"></div> 3 </div> 4 /* 通过 transform 属性来移动*/ 5 .father { 6 width: 500px; 7 ..

原创 国际化配置,日期一半中文,一半英文解决办法

antd组件里的配置,就是蓝框里的文件位置需要改一下.改成这样就行了(import "moment/dist/locale/zh-cn";)

原创 ReactHooks,简单封装一个echarts

import { useEffect, useRef } from "react";import * as echarts from "echarts";let myChart: any;const PriceEcharts = (props: any) => { const isRef = useRef(null); useEffect(() => { myChart = echarts.init(isRef.current as unk...

原创 antd中使用Table组件,设置ellipsis: true后；结果宽度不起作用了

我设置width应该是这么宽,结果设置了 ellipsis: true 后,这个宽度就不生效了,被内容撑开了解决办法:onCell: () => { return { style: { maxWidth: 160, overflow: 'hidden', whiteSpace: 'nowrap', textOverflow:'ellipsis', cursor:'po...

原创 (property) React.MutableRefObject＜null＞.current: null类型“null”的参数不能赋给类型“HTMLElement”的参数

飘红的地方查看问题如下:(property) React.MutableRefObject<null>.current: null类型“null”的参数不能赋给类型“HTMLElement”的参数。解决办法:(这是一个ts报错)var myChart = echarts.init(isRef.current as unknown as HTMLDivElement);...

原创 封装一个递归方法来筛选数组

//递归筛选数组filterItem=(ary,key)=> {var arrList = []ary.map(item=>{if(item.childList && item.childList.length){const temp = this.filterItem(item.childList,key);if(temp.length){//一级标...

原创 安装nvm后,使用npm提示未安装npm

是因为使用nvm命令安装的那个node版本里刚好没有npm.解决办法: 去node官网下载这个对应的版本的node包,解析后,把里面的文件都替换到你的文件夹里面(注意:还有node_modules文件夹里面)也缺少个文件,一并粘过来选中的这些都是我从解析包里面粘贴过来的...

原创 块元素,行内元素,行内块元素的区别

块元素(常见的有html body div h1~h6 ul ol li dl dt dd hr p form)显示模式:独占一行,设置宽高起作用,当不设置固定宽度时,和父元素一样宽行内元素(常见的有a b i s u em s del span )显示模式:一行可以有多个共存,设置宽高不起作用,默认沿着文本基线对齐,行内元素是用来包裹和修饰文字的行内块元素(常见的有img table表单标签)显示模式:一行可以有多个共存,设置宽高起作用,默认沿着文本基线对齐display: inl

原创 react中onClick事件为什么要写成箭头函数

原创 antd中的form表单用法笔记

这是我的表单结构,引用的antd中的Form表单,里面有四个From.Item(这里的Row,Col可以忽略,因为我包个外层结构好布局样式)我的需求1.在此处点击添加是需要收集到这个skuId ,以这个skuId为参数去调用接口,去匹配拿到到一组数据,展示到下面的表格中. 收集某个From.Item中的数据用到的方法getFieldsValue,拿值怎么拿,需要把From定义成一个可控组件,也就是给它加一个ref,通过标签获取它上面的值,看代码这两步就可以给标签添加一个...

原创 getDerivedStateFromProps (从props中获取state)

getDerivedStateFromProps生命周期函数,可以把父组件穿过来的props值转换为state,存起来(但是有个小问题,就是在子组件通过setState更新数据的时候不好使,要更新子页面,还是得改变父组件里的props里的data)我用的是antd的table组件 (table在此处是子组件,父组件是个form表单)子组件要获取父组件传过来的props,存到state里面,可以通过props拿到...

原创 a标签点击下载两个文件的两种方法

1.点击a标签,下载两个文件(测试后谷歌和火狐没问题,搜狗浏览器只有第一次生效)2.可以采用这种方法,location.href和window.open 相结合.此处附带接口图片,展示row对象里面的参数