摘要：
ant-design-pro项目的菜单可以在config文件夹下的routes.ts文件里配置. 如果需要通话后端数据接口获取,官方也提供了方法 routes.ts文件里的路由还是要添加,和静态路由是一样 菜单接口数据, commonLayout公共页面部分 和redirect菜单重置部分不需要了, 阅读全文
摘要：
删除ant-design-pro项目中的umi文件提示需要权限,记录下处理方法 1. 文件右键属性 -> 安全 -> 高级 2. 看下所有者是不是 删除时提示的无权限账号,不是的话点击更改, 是的话点击添加. 更改和添加点进去的步骤一致,这里展示添加的步骤 3. 选择主体 -> 点击高级 4. 页面 阅读全文
摘要：
今天从ant-design-pro官网下载了项目,启动后引入了pro-form表单,页面显示发现input和select组件样式没生效 pro-form依赖的是antd的表单组件,只需要从antd引入对应的表单组件后,pro-form样式就生效了 遇到相同问题的可以试试 阅读全文
摘要：
创建流程时,会涉及节点的拖拽,添加,删除 以及节点内容的修改 效果图 官网例子: https://reactflow.dev/docs/examples/drag-and-drop/ 分步实现,每一步新增的功能代码用红色标记 实现节点拖拽 主要是增加两个函数onDragOver onDrop将选择的 阅读全文
摘要：
React Flow流程组件用起来还是挺简单的,能满足一些基本的流程配置.可以通过自定义配置节点实现不同需求 官网地址: https://reactflow.dev/docs/introduction/ 可以浏览一遍基本API在结合官网给的例子,快速开发.官网给了很多例子,很方便 效果图: 使用: 阅读全文
摘要：
树形表格数据过多时,可以使用懒加载方式获取子级数据 githup源代码地址: https://github.com/shengbid/vue-demo/tree/master/src/views/Table/asyncTreeTable 完成效果: 先加载出父级数据, 点击折叠按钮请求子级数据 代码 阅读全文
摘要：
之前写了一篇用el-tree实现可选择树形表格的博客 https://www.cnblogs.com/steamed-twisted-roll/p/10348471.html 最近再次有这种树形表格的需求,研究了下,发现用el-table本身支持的树形数据改造下也可以实现 两种方式都可以实现需求,这 阅读全文
摘要：
table表格支持这种树形可展开的形式,只需要在tableData中有children数据 不过这种用法是一开始获取表格数据时,就把children数据拿到了 实际场景中可能需要点击展开按钮时再去调取children数据 可以有两种方法实现这个需求 第一种: 通过expandable的onExpan 阅读全文
摘要：
有一个全国行政区域地图,可以点击下钻, 正常是先把地图引入,在注册 import china from './china.json' // 注册地图 echarts.registerMap('全国', china) 但是这种可以点击的,一开始就全部引入浪费,需要动态加载数据 json文件可以直接请求 阅读全文
摘要：
Protable自带表单筛选,一般场景适用. 也提供了一些api,方便不同场景使用.这里列出几种常用的属性 api: 1. labelWidth form表单label的宽度,可以是number或者'auto'.默认是80px,实际使用设置为auto更好 设置方法 <ProTable ... sea 阅读全文