增加 点击需要移动的小片，显示红框提醒

于杰

2025-12-03 f4d9c0d0b790c8836cdc05c0826dba3c304d42f6

增加 点击需要移动的小片，显示红框提醒

 north-glass-erp/northglass-erp/src/views/pp/glassOptimize/page/OptimizationRect.vue

@@ -253,6 +253,12 @@
  return bestFit;

};



const isSelected = (layoutIndex, rectIndex) => {

  return focusIndex.value &&

         focusIndex.value.layoutIndex === layoutIndex &&

         focusIndex.value.rectIndex === rectIndex;

};



//版图内容样式加载

const layoutContainerStyle = (layoutIndex) => {

  const layout = layouts.value[layoutIndex];

@@ -304,9 +310,10 @@
//版图内容小片样式加载

const rectStyle = (glassDetail, layoutIndex) => {

  const layout = layouts.value[layoutIndex];

  const scale = Math.min(0.25

  );

  return {

  const scale = Math.min(0.25);

  const isSelectedRect = isSelected(layoutIndex, layout.glassDetails.indexOf(glassDetail));



  let style = {

    position: 'absolute',

    left: `${glassDetail.x * scale}px`,

    top: `${glassDetail.y * scale}px`,

@@ -318,13 +325,21 @@
    draggable: !glassDetail.isRemain,

    zIndex: glassDetail.isRemain ? 1 : 2

  };



  // 如果被选中，则添加内侧红框

  if (isSelectedRect) {

    style.boxShadow = 'inset 0 0 0 2px red';

  }



  return style;

};



const rectStyle1 = (glassDetail, layoutIndex) => {

  const layout = layouts.value[layoutIndex];

  const scale = Math.min(0.25

  );

  return {

  const scale = Math.min(0.25);

  const isSelectedRect = isSelected(layoutIndex, layout.glassDetails.indexOf(glassDetail));



  let style = {

    position: 'absolute',

    left: `${glassDetail.x * scale}px`,

    top: `${glassDetail.y * scale}px`,

@@ -336,6 +351,13 @@
    draggable: !glassDetail.isRemain,

    zIndex: glassDetail.isRemain ? 1 : 2

  };



  // 如果被选中，则添加内侧红框

  if (isSelectedRect) {

    style.boxShadow = 'inset 0 0 0 2px red';

  }



  return style;

};



//点击小片