管理系统前端说明文档 进行目录:cd app 安装依赖:yarn 启动项目: yarn dev 1 项目位置 前端代码存放于 ./app 目录下 2 目录结构 node_modules 依赖资源包 pulic html模板目录 src 开发资源 assets 静态文件资源(less images js) components 公共组件 tpl 页面模板(list.vue列表 show.vue详情-新增-修改) views 页面 ... router.js 前端路由配置文件 ... vue.config.js 开发配置文件 3 list.vue模板说明 模板包含: 一个LayoutTable组件 一个config配置项 LayoutTable组件接收两个固定参数data和config,无需修改。 另外还包括4个动态属性: notAdd 不需要新增 notDel 不需要批量删除 notSearch 不需要查询 treeTable 以树型表格方式显示,目前为同步显示所有数据,请注意性能影响,数据要求请参看部门管理 config配置项有两个参数: search 表单搜索条件 columns 表单列 table-buttons组件: 内置了查看、编辑、删除、新增按钮 可通过动态属性对按钮进行显示控制:notAdd,notDel,notView,notEdit,needAdd table-tree-toggle组件: 与LayoutTable组件treeTable配合使用,用于在树型表格上增加收缩按钮,请参看部门或菜单管理模块 4 show.vue模板说明 Field组件: label 中文名 prop 表单字段name type 表单字段类型,默认text v-model 表单字段数据 enumData 枚举数据,从接口返回的dict字段中取得 form-buttons组件: 内置了保存取消按钮。 rules配置项: 针对表单字段做前端js验证 toString配置: 针对使用了枚举类型字段的值从number转化为string