导航:首页 > 源码编译 > antdesignvue菜单源码

antdesignvue菜单源码

发布时间:2023-09-11 02:30:34

1. ant design vue多样化表格,合并单元格,数据必须以行遍历

话不多说,源码奉上,效果如上图所示

表格:
1、行是 colSpan
2、列是 rowSpan
design 表格的title 是不计算 索引的正虚 !
3、methods 方法里面实现 rowSpan
1、 注凯掘意 这里 key 是传值 声明方法的时候可以后写
2、使用的时盯清核候 在 mounted 里面调用即可
4、customRender 实现合并

2. ant-design-vue 框架搭建(一)

vue create 项目名
cd 项目名
yarn add ant-design-vue
main.js 中的配置

详细地址

npm add [email protected]
npm add [email protected]
package.json变为 这里好像会自动添加,顷清无需导入

npm add vue-router
在src/router/index.js中配置雀携前好路由后,记得导入main.js

如果出现下面的错误

执行这条语句npm install --save core-js即可

npm install --save axios vue-axios
.env.development 配置环境变量
通过下面隐乱这个语句查看存在.env里的内容

axios 的使用

axios用法的详细地址

安装cookies

npm add nprogress 添加进度条
在main.js 中导入样式

在需要用到的地方

3. “开源”基于SpringBoot+Ant Design Vue开发的物流仓储系统

基于Jeecg-boot开发的物流仓储系统,涵盖模块:用户管理、车辆管理、计划管理、仓库管理、库存管理、财务管理、统计报表、系统管理等模块组成仓储管理系统。

用户管理

车辆管理

计划管理

仓库管理

库存管理

财务管理

统计报表

系统管理

基础开发环境

所用技术

输入账号,密码,验证码即可进入系统,默认账号密码为 admin 123

首页展示一些计划,物品,兆斗仓库容积等一些直观的数据,通过echars 来动态渲染数据样式。

管理公司中的员工,有员工的个人信息,账号密码等等,可以新增用户,修改用户,删除用户,禁用用户等操作。

被禁用的用户无法登录此系统。

管理公司中所有的部门,可以对部门进行增删改查等操作。

然后在新建用户的同时,可以为用户分配其部门。

管理系统中的所有角色信息,可以对角色进行增删改查等操作。

角色授权功能

在角色权限页面右侧的操作栏中点击授权功能后打开此页面

通过勾选指定的菜单分配给角色,这个角色就能访问哪些页面。

还可以通过左下方的树操作,选择合适的功能方便进行分配。

例如:选择了父子关联,当你选择了父菜单,那么子菜单也会自动勾选

也可以选择取消关联,效果与之相反。

若有些菜单并未分配给角色,那么此角色所属的用户登录系统时就访问不到这些菜单页面。

员工依赖角色和部门,部门和角色无关系

系统中是先有部门,然后角色,最后在新建用户的时候为其分配部门和角色。

管理公司中所有车辆,可以对车辆进行增上改查操作。

车辆信息有类型,车牌号,状态等。

若车辆状态为维修,那么在车辆任务时,此车无法执行工作。

管理车辆的保险,可以对车辆保险进行增删改查

在新增车辆保险时,必须选择对应的车牌号。

然后商业险日期和交强险日期会在要过期的前一周,系统回进行信息提醒,会提示在右上方的小铃铛图标处。

根据当前年往前的5年期间,可以直观的看到车辆在什么日期执行了多少次任务。

管理普通的计划,通过 excel 导入要执行的任务计划,表明计划类型是什么,一些基本的信息编号,项目名称等租高等,表示这是什么计划,什么信息,计划完成那些事情,计划完成时间是什么等。

除了对其进行基本的增删改查功能等,还可以进行导入,导出功能,导入功能要按照固定的excel 表头格式进行导入,还可以查看当前派单信息。

合并派单:必须选择一样的工程账号进行批量派单操作
合并完单:同上,工程账号一致的情况下才能进行批量派单操作
派单记录:查看派单记录。

完单记录:查看完单记录。

备品计划的操作同计划列表一样,只不过备品计划代表着这些计划要完成的货物属于废旧物料,公司无法使用的废品进行处理。

新品计划是公司中准备要入库的新物料

电缆计划:要完成计划涉及到的物料货品是电线、电缆等货物,表示一种特殊的物料,并不与其他货物混合等。

可以管理仓库的信息,对仓库进行增删改查等操作。

管理指定仓库中的库位,库位会根据弊猜尺入库货物所占用的面积进行相应的颜色变化,提示容积不足等情况。

库位二维码:点击库位二维码会生成此库位的二维码图片,手机扫描就能查看到此库位上存放的货物信息。

查看存储物料:可以查看库位上存的物料信息。

库位之间的物料物品进行移动后的记录会在这个页面看到。

此页面会记录操作人员什么时间,从哪个库位移动到哪个库位,移动的是哪个物料等信息。

管理系统中所有物料信息,可以对物料进行增删改查等操作,还可以导入物料

可以查询指定仓库-指定库位-存储的物料信息,数量等。

可以根据一系列查询条件查询出入库的记录信息。

此页面可以查看哪些计划完成了,方便财务及时跟进计划的结算状态,结算状态分为已结算和未结算等。

可以查看指定年份,全年12个月哪些计划,哪些物料出库,入库,剩余数量等统计。

查看指定年份车辆每个月执行任务的次数

统计变电物料,计划等信息

统计导线物料,计划等信息

统计新品物料,计划等信息。

统计电缆物料,计划等信息。

统计公司仓库中存放的物料出入库数量

统计公司中所有员工指定年份某月指定任务的次数。

此页面可以查看车辆保险到期提示的信息,和仓库容积超限的提示信息。

此页面为开发人员操作,自定义定时任务,每天半夜12点进行车辆保险and库位容积定时任务查询

此页面用来管理系统中所有的菜单节点信息,角色进行分配菜单的时候就和此菜单进行关联。

此页面管理系统中常用的数据字典,例如状态,性别等等,进行统一管理,可以对齐进行增增删改查操作。还可以导入导出。对字典进行配置等操作。

使用Apache2.0开源协议

私信回复:物流管理

4. Ant-design-vue的一些常见用法

        :pagination="false" //分页器配置项

        childrenColumnName=" "

    添加row-key属性:row-key=" "

    使用defaultExpandAllRows不能直接生效,需要定义一个loading字段,在获取数据后设置loading = true,在标签中进行v-if判断,即: <a-table v-if="loading" defaultExpandAllRows>前胡</a-table>

    翻译:类型明悔哪错误:传播不可提交实例的尝试无效。

    原因:错误运用扩展运算符(...)

    注:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象激码之中

阅读全文

与antdesignvue菜单源码相关的资料

热点内容
电脑服务器地址ip地址 浏览:823
对矩阵压缩是为了 浏览:910
setfacl命令 浏览:172
linux子系统中断 浏览:342
linux查看进程ps 浏览:224
知识库系统php 浏览:623
小波变换压缩图像python 浏览:151
阿里巴巴程序员怎么月入百万 浏览:173
如何使用国外服务器 浏览:188
燃灯者pdf 浏览:468
编译器用数学吗 浏览:7
图形化apk反编译工具 浏览:48
考勤表加密怎么办 浏览:735
arj压缩与解压批处理怎么写 浏览:658
php和大数据哪个好 浏览:930
未来最值得投资的加密货币 浏览:526
ascii码是编译的时候用吗 浏览:781
压缩机感应包可以通用吗 浏览:413
方舟服务器怎么发布到搜索列表 浏览:271
xml防反编译 浏览:242