管理系统前端说明文档

进行目录: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