目录结构及文件描述

| 目录 | 文件 | 类别 | 描述 |
|---|
| Board | Board | 看板 | 任务统计 |
| Mixins | dataSource | 内置的数据方法 | 混入到taskModel文件 |
| taskInfo | btnGrid | 按钮区内容 | 内置了任务的新增、删除、启动、完成、导入、导出方法,可传参自定义方法 |
| | fatherTask | 父任务选择组件 | taskInfo文件选择父任务 |
| | gantt | 任务甘特图组件 | 甘特图视图(gantt) |
| | resourceSelector | 资源选择组件 | taskInfo文件选择资源 |
| | tableGrid | 单列表组件 | 列表视图(list) |
| | taskConfig | 甘特图内使用的任务信息新增编辑组件 | 需搭配gantt组件使用 |
| | taskInfo | 任务信息组件 | 任务信息的新增、编辑组件 |
| | taskSearch | 搜索区组件 | 可传参自定义搜索项 |
| | totalCofing | 甘特图功能设置组件 | 需搭配gantt组件使用 |
| | totalDataGrid | 表格底部组件 | 目前搭配列表tableGrid使用 |
| taskModel | | 任务模块组件 | 组装taskInfo内小组件 |
| index | | 自定义界面-主页 | 引用taskModel组件,完成自定义配置使用 |
| detail | | 自定义界面-详情 | 引用taskInfo,插槽自定义业务字段 |
文件配置
1. Index.vue引入taskModel 配置项说明
| taskModel.vue 组件配置项 | 类型 | 详情 |
|---|
| busSource | String | 任务类型(通过provide注入) |
| microservices | String | 微服务名称(通过provide注入) |
| resource | String | 资源名称(通过provide注入) |
| basePath | String | 外层路径 |
| mainBtnsConfigureProp | 按钮配置 | 见附1 |
| gridColumnBtnsConfigureProp | 表格内按钮配置 | 见附2 |
| gridColumnFieldsConfigureProp | 表格内字段配置 | 见附3 |
| gridColumnStatusConfigure | 表格内状态字段表现配置 | 见附4 |
| @getcomponentView | 获取表格对象的事件 | 返回实例 |
| crumbsArrProp | Array | 面包屑 |
| isShowToolbar | Boolean | 是否展示工具栏(暂时没用,可不管) |
| showImportButtons | Boolean | 是否需要导入导出 |
| queryFormConfigure | 搜索项配置 | 见附6 |
2.detail.vue引入taskInfo 配置项说明
| detail.vue组件配置项 | 类型 | 详情 |
|---|
| microservices**** | String**** | 微服务名 |
| resource**** | String**** | 资源名 |
| busSource | String | 任务类型 |
| busForm | Object | 外部默认插槽表单 |
| readOnly | Boolean | 外部通过operate执行类型判断是否只读 |
| @confirm | 事件 | 确认事件,提交内外部数据并回传信息 |
| @cancel | 事件 | 获取取消的回传事件 |
| @getOtherBusInfo | 事件 | 内部请求回的数据回传 |
| hasResource | Boolean | 是否需要资源选择 |
参数附录
附1 mainBtnsConfigureProp(按钮区按钮)
| 参数 | 详情 | 类型 |
|---|
| name | 按钮名称 | String |
| text | 按钮文本 | String |
| location | 位置 | String |
| icon | 图标 | String |
| click | 事件(可选项,无click时内部通过name选择执行内部定义方法) | String |
附2 gridColumnBtnsConfigureProp(列表内按钮)
| 参数 | 详情 | 类型 |
|---|
| text | 按钮文本 | String |
| operate | 执行类型 | 'edit'、'view'、'add' |
| disabled | 禁用条件 | ['state', 'in', ['完成', '中止']] |
| path | 跳转的路径 | String |
附3 gridColumnFieldsConfigureProp(列表字段)
| 参数 | 详情 | 类型 |
|---|
| caption | 字段名称 | String |
| dataField | 字段 | String |
| alignment | .. | String |
| fixed | .. | String |
| allowHiding | .. | String |
| sortOrder | .. | String |
| allowSorting | .. | String |
| … | … | … |
附4 gridColumnFieldsConfigureProp(任务状态,也可通过插槽自定义状态)
| 参数 | 详情 | 类型 |
|---|
| text | 状态文本 | String |
| dataField | 状态字段名名称 | String |
| dataFieldValue | 状态字段值 | '待启动'、'执行中'... |
| type | 状态类型 | 'primary'、'warning'、'success' 、'danger' |
附5 queryFormConfigure(搜索区搜索项)
| 参数 | 详情 | 类型 |
|---|
| editorType | 编辑类型 | String(见官网) |
| labelText | 搜索名称 | String |
| dataField | 查询字段 | String |
| colSpan | 搜索行行宽 | Number |
| list | 如果是选择项组件需填选项数组 | Array |
w=374&h=420&s=23002&e=png&b=f3f3f3)