feat: 配置加工数目标数及其单位

songshankun

2023-11-02 634883b481643c3d3d78278639cbce096d891cb1

 src/views/dashboard/components/ColorInfo.vue

@@ -1,26 +1,33 @@
<template>
  <div class="color-info">
    <div v-if="type == 1" class="color-one">
      加工数({{ order.unit }})
      <span>{{ order.finishNumber || 0 }}</span>
      加工数({{ activeTask?.Order?.unit ?? '--' }})
      <span>{{ plcInfo?.finishNumber ?? 0 }}</span>
    </div>
    <div v-else class="color-two">
      目标({{ order.unit }})
      <span> {{ order.amount || 0 }}</span>
      目标({{ activeTask?.Order?.unit ?? '--' }})
      <span> {{ plcInfo?.totalNumber ?? 0 }}</span>
    </div>
  </div>
</template>
<script setup lang="ts">
import { toRefs } from 'vue'
import type { Order } from '@/api/task'
import { usePLCStore } from '@/stores/plc'
import { storeToRefs } from 'pinia'
import { useTasksStore } from '@/stores/tasks'

export interface ColorInfoProps {
  order: Order
  type?: Number
  /** 1加工数 2目标数*/
  type?: 1 | 2
}

const props = defineProps<ColorInfoProps>()
const { order, type } = toRefs(props)
const { type } = toRefs(props)

const plcStore = usePLCStore()
const { plcInfo } = storeToRefs(plcStore)
const taskStore = useTasksStore()
const { activeTask } = storeToRefs(taskStore)
</script>

<style scoped lang="scss">