IssueDescription
说明
- IssueDescription组件为issue详情顶部描述组件，demo如下
// tempalte
<issue-description
:title="issueDescData.title"
:user-name="issueDescData.userName"
:created-time="issueDescData.createdTime"
:status-icon='issueDescData.statusIcon'
:status-icon-color="issueDescData.statusIconColor"
:status-text = "issueDescData.statusText"
>
</issue-description>
// script
const issueDescData = {
title: '3516DV300开关机压测出现系统挂死3516DV300开关机压测出现系统挂死3516DV300开关机压测出现系统挂死3516DV300开关机',
userName: '李雷',
createdTime: '2023-07-24',
statusIcon: 'icon-infomation',
statusIconColor: '',
statusText: '已关闭'
};
Props(使用中)
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| id | 位置标识 | string | 1 | |
| title | 标题 | string | ||
| createdTime | 创建时间 | string | ||
| statusIcon? | 用户名之前icon | string | icon-right | |
| statusIconColor? | 用户名之前icon颜色 | string | ||
| statusText? | 状态文案（已关闭 | 已合并 ） | string | ‘已关闭‘ | |
| indexLabel? | 标题后缀index（不传则不显示） | string | ||
| statusBgColor? | 状态区域背景色 | string | #0EB07B | |
| closedTime? | 关闭时间 | string | ||
| canEdit? | 是否编辑模式 | boolean | false |
Emits
| 方法 | 说明 | 返回值 |
|---|---|---|
| handleSave | input按enter键或失去焦点时触发 | title，id |
Slots
| 名称 | 说明 |
|---|---|
| status | 状态区域插槽 |
| content | 内容区域插槽 |
| handle-more | 标题底部更多信息配置插槽 |