芝麻小仙女

摘要： 需求如图： 与后端协商好的表单数据为： 组件代码： /* 阶梯分成组件 */ import React, { useState, useEffect } from 'react'; import { message, InputNumber, Button } from 'antd'; import 阅读全文

摘要： 需求： 在基于react+antd进行开发的页面中，实现导出excel报表的功能 实际场景： 1.简单数据：单层表头+数据 2.复杂数据：多层表头+数据 实现方式： 1.简单数据 简单数据的导出使用了js-export-excel插件，需要自己转换表头数据与表格数据，代码如下： import { u 阅读全文

摘要： 需求： 在新增&编辑表单中，共分三个表单模块，第二个模块设计为一个可编辑表格组件，其中可选下拉列表依赖外层第一个模块的某条数据值，提供新增、编辑、删除、按规定条件去重等功能，并在第三个模块中自动计算列表数值总和 实现： 1.表单初始化接口的返回约定为三个数组，按模块对应： const [dataSo 阅读全文

摘要： 图片宽高校验方法： // 上传图片尺寸限制 const checkIconWH = (file: any) => { return new Promise<void>(function (resolve, reject) { const fileReader = new FileReader(); 阅读全文

摘要： 纯列表版效果展示： ① 初始无值，展示为唤醒按钮+文案外链 ②点击按钮唤醒弹窗（简易版示意图） ③配置后 可编辑表格组件文档： https://procomponents.ant.design/components/editable-table 纯列表组件代码： 表单引用： // antd-pro的 阅读全文

摘要： .blcok { width: xxx; height: xxx; max-width: xxx; background: #fff; overflow-x: scroll; &::-webkit-scrollbar { width: 6px; height: 6px; } &::-webkit-s 阅读全文

摘要： 参考文档： https://blog.csdn.net/weixin_39887846/article/details/113492372 https://juejin.cn/post/6844904046436843527 index主文件： import type { FC } from 're 阅读全文

摘要： 一丢丢webpack的打包配置 首先在根目录中找到vue.config.js，这就是本项目的配置文件，可以看到初始是： 1 const { defineConfig } = require('@vue/cli-service') 2 module.exports = defineConfig({ 3 阅读全文

摘要： _.omitBy( object, predicate ) 参数： object:源对象。 predicate:每个属性调用的函数。是一个可选值。 返回值： 返回新对象。 常用： 去除对象里的undefined，null，0，‘’，false等 示例： 阅读全文

摘要： 预期内容： 需求描述：（一期） 1.无数据时：点击按钮打开弹窗，展示【自定义模块】与【选择已有标签模块】，其中自定义模块可以通过输入+回车进行添加，限制条数与总字数并在下方体现，点击确定更新到外层。 2.已选数据需编辑时：点击修改打开弹窗，正确赋值并可以删改数据。 3.后端要求的格式为对象： val 阅读全文