1

haoxuan

2024-01-24 b4a603e7e1c123195f5515aa7c3b247e1784fb76

 src/views/dashboard/components/TaskInfo.vue

@@ -12,14 +12,25 @@
    </div>
    <div class="task-info-content">
      <div class="row">
        <div class="col">工单号: {{ task.Order.workOrderId }}</div>
        <div class="col">生产数量：{{ task.Order.amount || 0 }}{{ task.Order.unit }}</div>
        <div class="col">
          工单号:
          <span>{{ task.Order.workOrderId }}</span>
        </div>
        <div class="col">
          生产数量: <span>{{ task.Order.amount || 0 }}{{ task.Order.unit }}</span>
        </div>
      </div>
      <div class="row">
        <div class="col">当前任务: {{ task.Procedure.procedure.procedureName || '' }}</div>
        <div class="col">产品名称：{{ task.Order.productName || '' }}</div>
        <div class="col">
          当前任务:
          <span>{{ task.Procedure.procedure.procedureName || '' }}</span>
        </div>
        <div class="col">
          产品名称:
          <span>{{ task.Order.productName || '' }}</span>
        </div>
      </div>
      <div class="row">计划时间: {{ planTimeText }}</div>
      <div class="row">计划时间:{{ planTimeText }}</div>
    </div>
  </div>
</template>
@@ -41,7 +52,7 @@

const planTimeText = computed(() => {
  const format = (date: number) => {
    return useDateFormat(date, 'YYYY-MM-DD', { locales: 'zh-cn' })
    return useDateFormat(date, 'YYYY-MM-DD HH:mm:ss', { locales: 'zh-cn' })
  }

  const startTime = task.value.Procedure?.startTime
@@ -83,8 +94,8 @@
  background-color: $status-done;
}
.task-info-content {
  font-size: 13px;
  padding: 10px 20px;
  font-size: 12px;
  padding: 10px 15px;
  color: $text-color;
  .row {
    width: 100%;
@@ -95,6 +106,14 @@
  .col {
    width: 50%;
    flex: 1;
    span {
      width: calc(100% - 60px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-block;
      vertical-align: middle;
    }
  }
}
.active {