gaoluyang
2 天以前 787ccc59ba89bacc075562a161ecf02bc76ebadc
src/views/mes/workbench/index.vue
@@ -2,12 +2,19 @@
import type { MesMdWorkstationApi } from '#/api/mes/md/workstation';
import type { PendingTask, WorkbenchTabItem, WorkbenchTabKey } from './types';
import { computed, ref, watch } from 'vue';
import { computed, onMounted, ref, watch } from 'vue';
import { confirm } from '@vben/common-ui';
import { MesProWorkRecordTypeEnum } from '@vben/constants';
import { IconifyIcon } from '@vben/icons';
import { Button } from 'ant-design-vue';
import { Button, message } from 'ant-design-vue';
import {
  clockInWorkRecord,
  clockOutWorkRecord,
  getMyWorkRecord,
} from '#/api/mes/pro/workrecord';
import { getPendingFeedbackPage } from '#/api/mes/pro/task';
import { router } from '#/router';
@@ -52,6 +59,43 @@
  workstation.value = ws;
}
// --- 上工/下工 ---
const isClockIn = ref(false);
async function loadClockStatus() {
  const record = await getMyWorkRecord();
  isClockIn.value = record?.type === MesProWorkRecordTypeEnum.CLOCK_IN;
}
/** 上工:默认使用当前选中的工作站,弹窗确认 */
async function handleClockIn() {
  if (!workstationId.value) return;
  try {
    await confirm(
      `确认上工到当前工作站「${workstation.value?.code} - ${workstation.value?.name}」?`,
    );
  } catch {
    return;
  }
  await clockInWorkRecord(workstationId.value);
  message.success('上工成功');
  isClockIn.value = true;
}
/** 下工 */
async function handleClockOut() {
  try {
    await confirm('确认下工当前工作站?');
  } catch {
    return;
  }
  await clockOutWorkRecord();
  message.success('下工成功');
  isClockIn.value = false;
}
onMounted(loadClockStatus);
// --- 任务列表 ---
const taskList = ref<PendingTask[]>([]);
const taskLoading = ref(false);
@@ -71,16 +115,18 @@
      pageSize: 200,
    });
    taskList.value = result.list ?? [];
    // 自动选中并同步 selectedTask 到最新数据
    if (taskList.value.length) {
      if (selectedTask.value) {
        // 尝试在新列表中找到同 ID 的任务,更新引用以刷新数据
        const updated = taskList.value.find(
          (t) => t.id === selectedTask.value!.id,
        );
        selectedTask.value = updated ?? taskList.value[0];
    // 同步 selectedTask 到最新数据(不自动选中第一个,需用户手动点击)
    if (selectedTask.value) {
      const updated = taskList.value.find(
        (t) => t.id === selectedTask.value!.id,
      );
      if (updated) {
        selectedTask.value = updated;
      } else if (taskList.value.length) {
        // 之前选中的任务不在新列表中了,清空
        selectedTask.value = undefined;
      } else {
        selectedTask.value = taskList.value[0];
        selectedTask.value = undefined;
      }
    } else {
      selectedTask.value = undefined;
@@ -157,7 +203,10 @@
        <!-- 工作站选择面板 -->
        <WorkstationPanel
          :workstation="workstation"
          :is-clock-in="isClockIn"
          @change="openWorkstationSelect"
          @clock-in="handleClockIn"
          @clock-out="handleClockOut"
        />
        <!-- 工单列表 -->
@@ -178,8 +227,8 @@
      <main class="workbench-main">
        <div class="workbench-main__head">
          <span class="workbench-main__tab-title">{{ activeTabLabel }}</span>
          <span v-if="selectedTask?.workOrderCode" class="workbench-main__context">
            工单 {{ selectedTask.workOrderCode }}
          <span v-if="selectedTask?.code" class="workbench-main__context">
            工单 {{ selectedTask.code }}
          </span>
        </div>
        <div class="workbench-main__body">
@@ -201,15 +250,25 @@
          />
          <RecordParamTab
            v-else-if="activeTab === 'record-param'"
            :work-order-id="selectedTask?.workOrderId"
            :task-id="selectedTask?.id"
            :work-order-id="selectedTask?.id"
            :workstation-id="workstationId"
          />
          <ProductIssueTab
            v-else-if="activeTab === 'product-issue'"
            :task-id="selectedTask?.id"
            :task-code="selectedTask?.code"
            :task-name="selectedTask?.name"
            :work-order-id="selectedTask?.workOrderId"
            :workstation-id="workstationId"
            :workstation-name="workstationName"
          />
          <ReturnIssueTab
            v-else-if="activeTab === 'return-issue'"
            :task-id="selectedTask?.id"
            :task-code="selectedTask?.code"
            :task-name="selectedTask?.name"
            :work-order-id="selectedTask?.workOrderId"
            :workstation-id="workstationId"
            :workstation-name="workstationName"
          />