klp-oa/klp-ui/src/views/lines/rects.js

export const rects = [
  // 左侧：开卷机
  {
    id: 'POR1',
    config: {
      x: 40,
      y: 110,
      width: 200,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '1#开卷机[POR1]' }
  },
  {
    id: 'POR2',
    config: {
      x: 40,
      y: 220,
      width: 200,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '2#开卷机[POR2]' }
  },

  // 中上部：焊机、入口活套
  {
    id: 'WELDER',
    config: {
      x: 300,
      y: 30,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '焊机[WELDER]' }
  },
  {
    id: 'ENL1',
    config: {
      x: 300,
      y: 110,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '入口活套1[ENL1]' }
  },
  {
    id: 'ENL2',
    config: {
      x: 300,
      y: 160,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '入口活套2[ENL2]' }
  },

  // 中下部：清洗段
  {
    id: 'CLEAN',
    config: {
      x: 300,
      y: 240,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '清洗段[CLEAN]' }
  },

  // 右侧上：退火炉1-4
  {
    id: 'FUR1',
    config: {
      x: 600,
      y: 70,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '退火炉[FUR1]' }
  },
  {
    id: 'FUR2',
    config: {
      x: 600,
      y: 120,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '退火炉[FUR2]' }
  },
  {
    id: 'FUR3',
    config: {
      x: 600,
      y: 170,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '退火炉[FUR3]' }
  },
  {
    id: 'FUR4',
    config: {
      x: 600,
      y: 220,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '退火炉[FUR4]' }
  },

  // 右侧中：光整机
  {
    id: 'TM',
    config: {
      x: 600,
      y: 400,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '光整机[TM]' }
  },

  // 右侧下：拉矫机
  {
    id: 'TL',
    config: {
      x: 600,
      y: 480,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '拉矫机[TL]' }
  },

  // 中下：后处理
  {
    id: 'COAT',
    config: {
      x: 300,
      y: 360,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '后处理[COAT]' }
  },

  // 中下：出口活套
  {
    id: 'CXL1',
    config: {
      x: 300,
      y: 440,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '出口活套[CXL1]' }
  },
  {
    id: 'CXL2',
    config: {
      x: 300,
      y: 490,
      width: 220,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '出口活套[CXL2]' }
  },

  // 左下：卷取机、称重位
  {
    id: 'TR',
    config: {
      x: 40,
      y: 380,
      width: 200,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '卷取机[TR]' }
  },
  {
    id: 'WEIT',
    config: {
      x: 40,
      y: 460,
      width: 200,
      height: 50,
      fill: '#d3d3d3',
      stroke: 'black',
      strokeWidth: 1,
      cursor: 'pointer'
    },
    textConfig: { text: '称重位[WEIT]' }
  }
]

export const lines = [
  // 1#开卷机 → 焊机
  {
    id: 'line-por1-welder',
    config: {
      points: [
        40 + 200, 110 + 25, 
        40 + 200 + 30, 110 + 25,
        40 + 200 + 30, 30 + 25,
        300, 30 + 25
      ],
      stroke: '#686868',
      strokeWidth: 2,
      lineCap: 'round',
      lineJoin: 'round'
    }
  },
  // 2#开卷机 → 焊机
  {
    id: 'line-por2-welder',
    config: {
      points: [
        40 + 200, 220 + 25,
        40 + 200 + 30, 220 + 25,
        40 + 200 + 30, 30 + 25,
        300, 30 + 25
      ],
      stroke: '#686868',
      strokeWidth: 2,
      lineCap: 'round',
      lineJoin: 'round'
    }
  },
  // 清洗段 → 退火炉1
  {
    id: 'line-clean-fur1',
    config: {
      points: [
        300 + 220, 240 + 25,
        300 + 220 + 40, 240 + 25,
        300 + 220 + 40, 70 + 25,
        600, 70 + 25
      ],
      stroke: '#686868',
      strokeWidth: 2,
      lineCap: 'round',
      lineJoin: 'round'
    }
  },
  // 退火炉4 → 光整机
  {
    id: 'line-fur4-tm',
    config: {
      points: [
        600 + 220, 220 + 25,
        600 + 220 + 40, 220 + 25,
        600 + 220 + 40, 400 + 25,
        600 + 220, 400 + 25
      ],
      stroke: '#686868',
      strokeWidth: 2,
      lineCap: 'round',
      lineJoin: 'round'
    }
  },
  // 拉矫机 → 后处理
  {
    id: 'line-tl-coat',
    config: {
      points: [
        600, 480 + 25, 
        600 - 40, 480 + 25,
        600 - 40, 360 + 25,
        600 - 80, 360 + 25
      ],
      stroke: '#686868',
      strokeWidth: 2,
      lineCap: 'round',
      lineJoin: 'round'
    }
  },
  // 出口活套2 → 卷取机
  {
    id: 'line-cxl2-tr',
    config: {
      points: [
        300, 490 + 25, 
        300 - 30, 490 + 25,
        300 - 30, 380 + 25,
        300 - 60, 380 + 25
      ],
      stroke: '#686868',
      strokeWidth: 2,
      lineCap: 'round',
      lineJoin: 'round'
    }
  }
]