统一卧转立扫码、卧转立、大车、大理片笼的定时器逻辑和步骤状态；添加设备拓扑图清除数据、联机状态切换按钮，

huang

2025-12-03 8f3a85044b6e4b56a8dd0b104ca023933f1f129c

 mes-web/src/views/device/components/DeviceLogicConfig/WorkstationTransferConfig.vue

@@ -2,18 +2,6 @@
  <div class="workstation-transfer-config">
    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="扫码间隔(秒)">
          <el-input-number
            v-model="scanIntervalSeconds"
            :min="1"
            :max="60"
            :step="1"
            style="width: 100%;"
          />
          <span class="form-tip">定时查询最近扫码玻璃的时间间隔，默认10秒</span>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="缓冲判定时间(秒)">
          <el-input-number
            v-model="transferDelaySeconds"
@@ -40,6 +28,21 @@
          <span class="form-tip">可装载的最大宽度（毫米），默认6000mm</span>
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="玻璃间隙(mm)">
          <el-input-number
            v-model="config.glassGap"
            :min="0"
            :max="1000"
            :step="10"
            style="width: 100%;"
          />
          <span class="form-tip">多块玻璃之间的物理间隔空隙，默认200mm</span>
        </el-form-item>
      </el-col>
    </el-row>

    <el-row :gutter="20">
      <el-col :span="12">
        <el-form-item label="监控间隔(秒)">
          <el-input-number
@@ -68,7 +71,7 @@
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="位置值(格)">
        <el-form-item label="卧转立编号">
          <el-input-number
            v-model="config.inPosition"
            :min="0"
@@ -76,7 +79,7 @@
            :step="1"
            style="width: 100%;"
          />
          <span class="form-tip">写入PLC的inPosition值（格子）</span>
          <span class="form-tip">写入PLC的inPosition字段，表示卧转立编号</span>
        </el-form-item>
      </el-col>
    </el-row>
@@ -97,16 +100,15 @@

// 配置数据
const config = ref({
  scanIntervalMs: 10000,
  transferDelayMs: 30000,
  vehicleCapacity: 6000,
  glassGap: 200,
  monitorIntervalMs: 10000,
  workLine: null,
  inPosition: null
})

// 时间字段（秒）- 用于前端显示和输入
const scanIntervalSeconds = ref(10)
const transferDelaySeconds = ref(30)
const monitorIntervalSeconds = ref(10)

@@ -114,31 +116,20 @@
watch(() => props.modelValue, (newVal) => {
  if (newVal && Object.keys(newVal).length > 0) {
    config.value = {
      scanIntervalMs: newVal.scanIntervalMs ?? 10000,
      transferDelayMs: newVal.transferDelayMs ?? 30000,
      vehicleCapacity: newVal.vehicleCapacity ?? 6000,
      monitorIntervalMs: newVal.monitorIntervalMs ?? newVal.scanIntervalMs ?? 10000,
      glassGap: newVal.glassGap ?? 200,
      monitorIntervalMs: newVal.monitorIntervalMs ?? 10000,
      workLine: newVal.workLine ?? null,
      inPosition: newVal.inPosition ?? null
    }
    // 将毫秒转换为秒用于显示
    scanIntervalSeconds.value = (config.value.scanIntervalMs ?? 10000) / 1000
    transferDelaySeconds.value = (config.value.transferDelayMs ?? 30000) / 1000
    monitorIntervalSeconds.value = (config.value.monitorIntervalMs ?? 10000) / 1000
  }
}, { immediate: true, deep: true })

// 监听秒字段变化，转换为毫秒并更新config
watch(scanIntervalSeconds, (val) => {
  config.value.scanIntervalMs = Math.round(val * 1000)
  // 如果monitorIntervalMs未设置，则使用scanIntervalMs
  if (!props.modelValue?.monitorIntervalMs) {
    config.value.monitorIntervalMs = config.value.scanIntervalMs
    monitorIntervalSeconds.value = val
  }
  emit('update:modelValue', { ...config.value })
})

watch(transferDelaySeconds, (val) => {
  config.value.transferDelayMs = Math.round(val * 1000)
  emit('update:modelValue', { ...config.value })
@@ -152,6 +143,7 @@
// 监听config其他字段变化，同步到父组件
watch(() => [
  config.value.vehicleCapacity,
  config.value.glassGap,
  config.value.workLine,
  config.value.inPosition
], () => {