目录结构
操作流程
1.新建index.vue，绑定菜单，引入taskModel.vue组件
| taskModel.vue组件配置项 | 类型 | 详情 |
|---|---|---|
| busSource | String | 任务类型（通过provide注入） |
| microservices | String | 微服务名称（通过provide注入） |
| resource | String | 资源名称（通过provide注入） |
| mainBtnsConfigureProp | 按钮配置 | 见附1 |
| gridColumnBtnsConfigureProp | 表格内按钮配置 | 见附2 |
| gridColumnFieldsConfigureProp | 表格内字段配置 | 见附3 |
| gridColumnStatusConfigure | 表格内状态字段表现配置 | 见附4 |
| @getcomponentView | 获取表格对象事件 | 返回实例 |
| crumbsArrProp | Array | 面包屑 |
| isShowToolbar | Boolean | 是否展示工具栏（暂时没用，可不管） |
| showImportButtons | Boolean | 是否需要导入导出 |
2.新建detail.vue，编辑详情界面，引入taskInfo.vue组件
| detail.vue组件配置项 | 类型 | 详情 |
|---|---|---|
| busSource | String | 任务类型 |
| readOnly | Boolean | 通过operate执行类型判断是否只读 |
| confirm | 事件 | 确认事件回传任务信息 |
| cancel | 事件 | 获取取消的回传事件 |
| getOtherByBusField | 事件 | 获取任务查询返回的业务id |
附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' |
