运维端管理系统前端说明文档

进行目录：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 不需要查询
    import 显示导入按钮，对应事件方法：toImport()方法
    back 显示返回按钮，对应事件方法：toBack()方法
    其它配置属性，请参看：minix/table.js,  defaultConfig配置
    treeTable 以树型表格方式显示，数据要求请参看菜单管理(同步显示)，区域管理(异步显示)

  config配置项有两个参数：
    search 表单搜索条件, 格式[]
    columns 表单列, 格式[]
    addQuery 新增按钮携带的参数，即通过URL带到新增页面的参数,格式：{'query.parentId':1}
    buttons 额外按钮和事件，格式：[{label:'按钮显示名称',isShow:是否显示true/false,loading:true/false,type:'类型',icon:'图标',method:function(){}}]	
    methods：支持行相关事件：单击，选择，排序等，可根据element了解和扩展
   table-buttons组件：
	 内置了查看、编辑、删除按钮
	 可通过动态属性对按钮进行显示控制：noDel,noView,noEdit
	 
4 show.vue模板说明

  Field组件：
    label 中文名
    prop 表单字段name
    type 表单字段类型，默认text,可取值：text,password,textarea,select,radio,checkbox,date,datetime
    v-model 表单字段数据
    enumData 枚举数据，从接口返回的dict字段中取得

  form-buttons组件：
    内置了保存取消按钮。
    noSaveBtn 不需要保存按钮
    noCancelBtn 不需要取消按钮

  rules配置项：
    针对表单字段做前端js验证

  toString配置：
    针对使用了枚举类型字段的值从number转化为string

5 菜单展示方式切换
   支持菜单在顶部和左边显示，切换方式：修改Layout.vue文档中的MenuPage参数，如MenuPage="top"即顶部展示菜单

 