|
@@ -3,19 +3,17 @@
|
|
|
<template v-if="mergedConfig">
|
|
|
<div class="label-column">
|
|
|
<div v-for="item in mergedConfig.data" :key="item.name" style="cursor: pointer" @click="getEventList(item)">
|
|
|
- {{ item.name }}
|
|
|
+ {{ item.name }}
|
|
|
</div>
|
|
|
<div> </div>
|
|
|
</div>
|
|
|
<div class="capsule-container">
|
|
|
- <div class="capsule-item" v-for="(capsule, index) in capsuleLength" :key="index">
|
|
|
+ <div class="capsule-item" v-for="(capsule, index) in capsuleLength" :key="index" style="cursor: pointer" @click="getEventList(mergedConfig.data[index])">
|
|
|
<div
|
|
|
- @click="getEventList(capsule)"
|
|
|
class="capsule-item-column"
|
|
|
- :style="`cursor: pointer;width: ${capsule * 100}%; background-color: ${mergedConfig.colors[index % mergedConfig.colors.length]};`"
|
|
|
+ :style="`width: ${capsule * 100}%; background-color: ${mergedConfig.colors[index % mergedConfig.colors.length]};`"
|
|
|
>
|
|
|
<div
|
|
|
- style="cursor: pointer" @click="getEventList(capsule)"
|
|
|
v-if="mergedConfig.showValue"
|
|
|
class="capsule-item-value"
|
|
|
>{{ capsuleValue[index] }}
|