| | |
| | | formatter: '{b}: {c} 件', |
| | | }, |
| | | legend: { |
| | | itemWidth: 8, |
| | | itemHeight: 12, |
| | | top: '2%', |
| | | textStyle: { |
| | | color: '#6B90B5', |
| | |
| | | }) |
| | | } |
| | | |
| | | const changeKey = inject('changeKey') |
| | | // 添加监听 |
| | | watch( |
| | | () => store.state.task.taskSearchParams, |
| | | newVal => { |
| | | if (newVal) { |
| | | getJobNumBar(newVal) |
| | | newVal |
| | | } |
| | | }, |
| | | { deep: true } |
| | | () => [store.state.task.taskSearchParams,changeKey.value], |
| | | () => getJobNumBar(store.state.task.taskSearchParams), |
| | | { deep: true } |
| | | ) |
| | | |
| | | onMounted(() => { |
| | | getJobNumBar({ date_enum: 'TODAY' }) |
| | | }) |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .task-time { |
| | | width: 529px; |
| | | height: 100%; |
| | | margin-left: 9px; |
| | | margin-left: 10px; |
| | | background: #FFFFFF; |
| | | border-radius: 8px 8px 8px 8px; |
| | | |
| | | .title { |
| | | padding: 10px 0 10px 16px; |
| | | width: 96px; |
| | |
| | | color: #363636; |
| | | line-height: 18px; |
| | | } |
| | | |
| | | .chart { |
| | | padding: 6px 0px; |
| | | width: 100%; |