用vuejs该怎么实现选择时间轴区间的功能

主要的效果如下图所示:
不同的类型通过不同的颜色开区分;同一类型可以复制到其他天的相同时间段;点击区间快可以一键设置区间;
图片说明
图片说明
图片说明

https://blog.csdn.net/w178191520/article/details/78937537