无人机管理后台前端(已迁走)
chenyao
2025-11-17 233e4fc4f35bd00a36ee34a7fbf5e47b41db26db
src/views/job/components/TaskTop/TaskTime.vue
@@ -31,6 +31,8 @@
      formatter: '{b}: {c} 件',
   },
   legend: {
      itemWidth: 8,
      itemHeight: 12,
      top: '2%',
      textStyle: {
         color: '#6B90B5',
@@ -61,15 +63,15 @@
      type: 'category',
      data: ['1'],
      axisLine: {
         show: false, // 隐藏轴线
         show: true, // 隐藏轴线
      },
      axisTick: {
         show: true,
         length: 2,
         lineStyle: {
            color: '#363636',
         },
      },
      // axisTick: {
      //    show: true,
      //    length: 2,
      //    lineStyle: {
      //       color: 'red',
      //    },
      // },
      axisLabel: {
         color: '#363636',
         margin: 8,
@@ -121,30 +123,23 @@
   })
}
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;
@@ -155,6 +150,7 @@
      color: #363636;
      line-height: 18px;
   }
   .chart {
      padding: 6px 0px;
      width: 100%;