| | |
| | | <div class="events"> |
| | | <div v-for="(event, index) in getEvents(data.day)" :key="index" class="event-item" :class="event.type" |
| | | @click="jumpcalendar(event, data.day)"> |
| | | <img :src="getEventIcon(event.type)" alt="" /> |
| | | {{ event.name }}<span>{{ event.value }}</span> |
| | | <div> <img :src="getEventIcon(event.type)" alt="" /> |
| | | {{ event.name }}</div> |
| | | <span>{{ event.value }}</span> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | |
| | | const getJobEventBar = () => { |
| | | getCalen(params.value).then(res => { |
| | | console.log('re',res.data); |
| | | |
| | | if (res.data.code !== 0) return |
| | | events.value = res.data.data |
| | | const a = res.data.data |
| | | const filteredData = {}; |
| | | for(let date in a) { |
| | | filteredData[date] = a[date].filter(item => item.type !== "work-order"); |
| | | } |
| | | events.value = filteredData; |
| | | // events.value = res.data.data |
| | | }) |
| | | } |
| | | const jumpcalendar = (event, day) => { |
| | |
| | | .event-item { |
| | | font-size: 12px; |
| | | // padding: 2px; |
| | | |
| | | text-align: center; |
| | | border-radius: 3px; |
| | | white-space: nowrap; |
| | | |
| | |
| | | |
| | | span { |
| | | font-weight: 600; |
| | | font-size: 14px; |
| | | font-size: 20px; |
| | | color: #029d36; |
| | | margin-left: 2px; |
| | | } |