红藕香残玉簟秋/element-timeline

代码拉取完成,页面将自动刷新

扫描微信二维码支付

取消

支付完成

richgiteeai

Watch

不关注关注所有动态仅关注版本发行动态关注但不提醒动态

1 Star 0 Fork 0

红藕香残玉簟秋/element-timeline

代码 Issues 0 Pull Requests 0 Wiki 统计流水线

服务

加入 Gitee

与超过 1400万开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)

免费加入

已有帐号? 立即登录

该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。

项目仓库所选许可证以仓库主分支所使用许可证为准

克隆/下载

HTTPS SSH SVN SVN+SSH 下载ZIP

提示

下载代码请复制以下命令到终端执行

为确保你提交的代码身份被 Gitee 正确识别,请执行以下命令完成配置

git config --global user.name userName 
git config --global user.email userEmail

初次使用 SSH 协议进行代码克隆、推送等操作时,需按下述提示完成 SSH 配置

1 生成 RSA 密钥

2 获取 RSA 公钥内容,并配置到 SSH公钥中

在 Gitee 上使用 SVN,请访问使用指南

使用 HTTPS 协议时,命令行会出现如下账号密码验证步骤。基于安全考虑,Gitee 建议配置并使用私人令牌替代登录密码进行克隆、推送等操作

Username for 'https://gitee.com': userName

Password for 'https://userName@gitee.com': # 私人令牌

新建文件新建 Diagram 文件

新建子模块

上传文件

分支 7

标签 0

贡献代码

同步代码

创建 Pull Request

了解更多

对比差异通过 Pull Request 同步

同步更新到分支

通过 Pull Request 同步

将会在向当前分支创建一个 Pull
Request,合入后将完成同步

fishb 页m 78bfae7

21 次提交

build

config

dist

docs

public

src

.gitignore

README.md

babel.config.js

package-lock.json

package.json

README

# demo

[预览地址](https://github.com/fishb/element-timeline)

### Attributes
属性 | 属性名 | 是否必填 | 默认值 | 类型
---|---|---|---|---
最小时间 | minHour | 否 | 0 | string/number
最大时间 | maxHour | 否 | 24 | string/number
一格对应时间(分钟) | unit | 否 | 30 | string/number
一格表示的时段对应的刻度 | scale | 否 | 0.5 | string/number
被他人预定 | disabledList | 否 | [{name:'',time:0}] | array
被我预定 | checkedList | 否 | [] | array
dom节点 | domRef | 是 | "" | string
传入时间 | date | 否 | "" | string 提前多少小时

### Events
事件名称 | 说明 | 回调参数
---|---|---
getHours | 获取返回参数 | 组件绑定值
clearHours | 重置其它time-line组件状态 | 组件绑定值

###### 默认状态

```
<time-line domRef="vs" @getHours="getHours" :clear="clear=='vs'" @clearHours="clearHours"/>
```

###### 被我选择过的时段

```
<time-line domRef="vs3" :minHour="7" :maxHour="23" :checkedList="[12,12.5,13.5]" @getHours="getHours" :clear="clear=='vs3'" @clearHours="clearHours"/>
```

###### 其它人选择过的时段

```
<time-line domRef="vs18" :minHour="10" :maxHour="21" :disabledList="[{name:'张三',time:15},{name:'李四',time:15.5},{name:'王五',time:16}]" @getHours="getHours" :clear="clear=='vs18'" @clearHours="clearHours"/>
```

###### 传递时间

```
<time-line domRef="vs19" :date="'2020-06-08'" :minHour="10" :maxHour="21" @getHours="getHours" :clear="clear=='vs19'" @clearHours="clearHours"/>
```

```
/**
*
* 获取选择后的参数
**/
getHours(e) {
 this.$message({
 type: 'success',
 message: JSON.stringify(e)
 })
}
/**
* 借助父组件的clear实现组件互相触发重置功能
**/
clearHours(e) {
 this.clear = e
}
```