订单首页流程卡新增楼层编号显示

廖井涛

7 天以前 a660db06773007b1be690e0674829c00a57aeb7b

 north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor.vue

@@ -40,7 +40,7 @@
const emits = defineEmits(['getUploadPicture'])

let fileName=ref(null)
let fileDate=ref(null)
let fileData=ref(null)
let fileJson=ref({
  quadrilateral:null,
  polygon:null
@@ -71,13 +71,18 @@
let data1=ref(0);let data2=ref(0);let data3=ref(0);let data4=ref(0)
let data5=ref(0);let data6=ref(0);let data7=ref(0);let data8=ref(0)

//上下横竖输入的八个参数
let datas1=ref(0);let datas2=ref(0);let datas3=ref(0);let datas4=ref(0)
let datas5=ref(0);let datas6=ref(0);let datas7=ref(0);let datas8=ref(0)

//用于计算的八个参数
let a1=ref(0);let a2=ref(0);let b1=ref(0);let b2=ref(0)
let c1=ref(0);let c2=ref(0);let d1=ref(0);let d2=ref(0)

//下拉框下输入的四个参数
let aValue=ref("0");let bValue=ref("0");let cValue=ref("0");let dValue=ref("0")

//下拉框的四个参数
let select1=ref("2");let select2=ref("2");let select3=ref("2");let select4=ref("2");let select5=ref("1")
let big=0
let leafer;
@@ -90,6 +95,7 @@
const ongetproject = (row) =>  {

  if(row.fileName==null||row.fileName==""){

    orderDetailWidth.value=row.width
    orderDetailHeight.value=row.height
    const main =document.getElementById('mains')
@@ -147,31 +153,33 @@
}


//绘制自由多边形
const getproject = () => {
    validate1()
    if(leafer!==undefined){
      leafer.clear()
    }
    leafer=new Leafer({ view: 'canvas' })
    points.value = [datas1.value + (parseInt(data5.value) / big), datas2.value - (parseInt(data6.value) / big), datas3.value + (parseInt(data1.value) / big), datas4.value + (parseInt(data2.value) / big),
      datas5.value - (parseInt(data3.value) / big), datas6.value + (parseInt(data4.value) / big), datas7.value - (parseInt(data7.value) / big), datas8.value - (parseInt(data8.value) / big)]
    fileJson.value.quadrilateral=[parseInt(data5.value),parseInt(data6.value),parseInt(data1.value),parseInt(data2.value),
      parseInt(data3.value),parseInt(data4.value),parseInt(data7.value),parseInt(data8.value)]
    fileJson.value.polygon=null
    states.value=false
  validate1()
  if(leafer!==undefined){
    leafer.clear()
  }
  leafer=new Leafer({ view: 'canvas' })
  points.value = [datas1.value + (parseInt(data5.value) / big), datas2.value - (parseInt(data6.value) / big), datas3.value + (parseInt(data1.value) / big), datas4.value + (parseInt(data2.value) / big),
    datas5.value - (parseInt(data3.value) / big), datas6.value + (parseInt(data4.value) / big), datas7.value - (parseInt(data7.value) / big), datas8.value - (parseInt(data8.value) / big)]
  fileJson.value.quadrilateral=[parseInt(data5.value),parseInt(data6.value),parseInt(data1.value),parseInt(data2.value),
    parseInt(data3.value),parseInt(data4.value),parseInt(data7.value),parseInt(data8.value)]
  fileJson.value.polygon=null
  states.value=false

    const polygon = new Polygon({
      points: points.value,
      stroke: '#f00',
      zIndex: 1
    })
    leafer.add(polygon)
    load()
    state.value=true
    exportToDXF(1)
  const polygon = new Polygon({
    points: points.value,
    stroke: '#f00',
    zIndex: 1
  })
  leafer.add(polygon)
  load()
  state.value=true
  exportToDXF(1)

}

//添加圆
const add = () => {
  if (state.value){
    const height = document.getElementById('height')
@@ -180,8 +188,8 @@
    let r=parseInt(circle.value.r)
    if(x>0 && y>0 && r>0){
      const ellipse = new Ellipse({
        x:x/ big,
        y:(y-r*2)/ big,
        x:(x-r)/ big,
        y:(y-r)/ big,
        width: r*2 / big,
        height: r*2 / big,
        stroke: '#f00',
@@ -198,12 +206,13 @@
      circle.value.r=0
      exportToDXF(1)
    }else{
      ElMessage.warning("请输入大于0的有效参数")
      ElMessage.warning(t('basicData.greater0Msg'))
    }

  }
}

//添加矩形
const addRect = () => {
  if (state.value){
    const height = document.getElementById('height')
@@ -233,13 +242,13 @@
      rect.value.h=0
      exportToDXF(1)
    }else{
      ElMessage.warning("请输入大于0的有效参数")
      ElMessage.warning(t('basicData.greater0Msg'))
    }

  }
}


//添加矩形的挖缺
const addDrilling = () => {
  if (state.value){
    const width = parseInt(document.getElementById('width').innerHTML)
@@ -315,19 +324,13 @@
      load()
      exportToDXF(1)
    }else{
      ElMessage.warning("请输入大于0的有效参数")
      //ElMessage.warning("请输入大于0的有效参数")
    }

  }
}

function getDistance(p1, p2) {
  const dx = p2[0] - p1[0];
  const dy = p1[1] - p2[1];
  return Math.sqrt(dx * dx + dy * dy);
}


//获取坐标最近的方法
function getDistancess(list,xy, fx) {
  if (list == null  || xy == null || xy.length != 3) {
    return null;
@@ -339,40 +342,40 @@

      for (let i=0;i<list.length;i++) {
        let curr=list[i]
      // 排除自身坐标
      if (curr[0] == xy[0] && curr[1] == xy[1]) {
        continue;
      }
      // 筛选x≥目标x的坐标（只考虑递增方向的候选）
      if (curr[0] < xy[0]) {
        continue;
      }
      // 第一次找到候选，直接赋值
      if (best == null) {
        best = xy;
        continue;
      }
      if (curr[0] == best[0]) {
        // x相同则比较y：y更小则更优
        if (curr[1] < best[1]) {
          best = curr;
          index=i
        // 排除自身坐标
        if (curr[0] == xy[0] && curr[1] == xy[1]) {
          continue;
        }
        // 筛选x≥目标x的坐标（只考虑递增方向的候选）
        if (curr[0] < xy[0]) {
          continue;
        }
        // 第一次找到候选，直接赋值
        if (best == null) {
          best = xy;
          continue;
        }
        if (curr[0] == best[0]) {
          // x相同则比较y：y更小则更优
          if (curr[1] < best[1]) {
            best = curr;
            index=i
          }
        }
      }
    }
      break;

    case 2: // x轴递减：找x≤当前x的坐标中，x最大的；x相同则y最大的
      for (let i=0;i<list.length;i++) {
        let curr=list[i]
      // 排除自身坐标
      if (curr[0] == xy[0] && curr[1] == xy[1]) {
        continue;
      }
      // 筛选x≤目标x的坐标（只考虑递减方向的候选）
      if (curr[0] > xy[0]) {
        continue;
      }
        // 排除自身坐标
        if (curr[0] == xy[0] && curr[1] == xy[1]) {
          continue;
        }
        // 筛选x≤目标x的坐标（只考虑递减方向的候选）
        if (curr[0] > xy[0]) {
          continue;
        }
        // 第一次找到候选，直接赋值
        if (best == null) {
          best = xy;
@@ -385,20 +388,20 @@
            index=i
          }
        }
    }
      }
      break;

    case 3: // y轴递增：找y≥当前y的坐标中，y最小的；y相同则x最小的
      for (let i=0;i<list.length;i++) {
        let curr=list[i]
      // 排除自身坐标
      if (curr[0] == xy[0] && curr[1] == xy[1]) {
        continue;
      }
      // 筛选y≥目标y的坐标（只考虑递增方向的候选）
      if (curr[1] < xy[1]) {
        continue;
      }
        // 排除自身坐标
        if (curr[0] == xy[0] && curr[1] == xy[1]) {
          continue;
        }
        // 筛选y≥目标y的坐标（只考虑递增方向的候选）
        if (curr[1] < xy[1]) {
          continue;
        }
        // 第一次找到候选，直接赋值
        if (best == null) {
          best = xy;
@@ -411,24 +414,24 @@
            index=i
          }
        }
    }
      }
      break;

    case 4: // y轴递减：找y≤当前y的坐标中，y最大的；y相同则x最大的
      for (let i=0;i<list.length;i++) {
        let curr=list[i]
      // 排除自身坐标
      if (curr[0] == xy[0] && curr[1] == xy[1]) {
        continue;
      }
      // 筛选y≤目标y的坐标（只考虑递减方向的候选）
      if (curr[1] > xy[1]) {
        continue;
      }
      if (best == null) {
        best = xy;
        continue;
      }
        // 排除自身坐标
        if (curr[0] == xy[0] && curr[1] == xy[1]) {
          continue;
        }
        // 筛选y≤目标y的坐标（只考虑递减方向的候选）
        if (curr[1] > xy[1]) {
          continue;
        }
        if (best == null) {
          best = xy;
          continue;
        }
        if (curr[1] == best[1]) {
          // y相同则比较x：x更小则更优
          if (curr[0] > best[0]) {
@@ -436,7 +439,7 @@
            index=i
          }
        }
    }
      }
      break;

    default: // 无效方向
@@ -448,6 +451,7 @@

}

//绘制矩形的切角挖角弧度
const getproject2 = () => {
  states.value=true
  if (states.value){
@@ -458,31 +462,6 @@
    leafer=new Leafer({ view: 'canvas' })
    substringData()
    points.value=[]


    /*const radius = 50
    const cornerPoints = []
    const startX = 0 + radius  // 左上角右移
    const startY = 0
    const endX = 0
    const endY = 0 + radius    // 左上角下移
    const segments = 8 // 圆弧分段数，越多越平滑
    for (let i = 0; i <= segments; i++) {
      const angle = (Math.PI / 2) * (i / segments) // 90度角分段
      const x = radius - radius * Math.cos(angle)
      const y = radius - radius * Math.sin(angle)
      cornerPoints.push(x, y)
    }
    points.value = [
      0, 100,
      ...cornerPoints,  // 左上角圆弧点
      radius, 0,        // 回到圆弧起始点
      100, 0,          // 右上角
      100, 100        // 右下角
                // 左下角

    ]*/


    let state=0

@@ -573,25 +552,9 @@
    })
    leafer.add(polygon)

    /*if((select1.value=="1"&&bValue.value!=="0")||(select2.value=="1"&&cValue.value!=="0")||(select3.value=="1"&&aValue.value!=="0")||(select4.value=="1"&&dValue.value!=="0")){
      const polygon = new Polygon({
        points: points.value,
        stroke: '#f00',
        zIndex:2,
        cornerRadius: state/big
      })
      leafer.add(polygon)
    }else{
      const polygon = new Polygon({
        points: points.value,
        stroke: '#f00',
        zIndex:2,
      })
      leafer.add(polygon)
    }*/

    fileJson.value.polygon=[parseInt(a1.value),parseInt(a2.value),parseInt(b1.value),parseInt(b2.value),
      parseInt(c1.value),parseInt(c2.value),parseInt(d1.value),parseInt(d2.value)]
      parseInt(c1.value),parseInt(c2.value),parseInt(d1.value),parseInt(d2.value),select1.value,select2.value,select3.value,select4.value]


    load()
@@ -600,7 +563,7 @@
}



//绘制后的数据处理
const exportToDXF = async (value) => {
  const dxf = new DXFWriter();

@@ -637,8 +600,8 @@

    pointsRect.value.forEach(rect => {
      if(rect.type=="round"){
        const x = rect.x+rect.width;
        const y = maxY-minY-rect.y+rect.width;
        const x = rect.x;
        const y = maxY-minY-rect.y;
        const radius = rect.width;
        if (dxf.drawCircle) {
          dxf.drawCircle(x, y, radius, { layer: '0' });
@@ -675,17 +638,17 @@
  const base64 = await fileToBase64(blob);
  if(value===1){
    fileName.value="map.dxf"
    fileDate.value=base64.replace(/^data:.+;base64,/, "")
    fileData.value=base64.replace(/^data:.+;base64,/, "")
  }
  else if(value===2&&state.value){
    saveAs(blob, 'map.dxf');
  }else{
    ElMessage.warning("该格式不支持导出")
    ElMessage.warning(t('basicData.notExport'))
  }
}



//解析dxf文件
const fileToBase64 = (file) => {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
@@ -695,10 +658,13 @@
  });
};

//反向y坐标计算
function toBottomOrigin(y, canvasHeight) {
  return canvasHeight - y; // 将左上角Y坐标转换为左下角坐标系
}


//导入文件方法
const handleFile =  async (event) => {
  state.value=false
  const main = document.getElementById('mains')
@@ -723,7 +689,7 @@
        handleFileUpload()

        fileName.value=file.name
        fileDate.value=base64.replace(/^data:.+;base64,/, "")
        fileData.value=base64.replace(/^data:.+;base64,/, "")
      } catch (error) {
        console.error('解析DXF文件时出错:', error);
      }
@@ -732,6 +698,8 @@
  }
}


//解析dxf文件并显示方法
const handleFileUpload =  () => {
  const main =document.getElementById('mains')
  const width =document.getElementById('width')
@@ -836,37 +804,37 @@
            pointsRect.value.push({id:pointsRect.value.length+1,type:'rect',shap:"▢",x:entity.vertices[0].x,y:entity.vertices[0].y,
              width:entity.vertices[2].x-entity.vertices[0].x,
              height:entity.vertices[1].y-entity.vertices[0].y
                ,x1:entity.vertices[0].x,y1:entity.vertices[0].y})
              ,x1:round(entity.vertices[0].x),y1:round(entity.vertices[0].y)})
          }

            const polygon = new Polygon({
              points: point,
              stroke: '#f00',
              zIndex: 1
            })
            setTimeout(() => {
              leafer.add(polygon);
            }, 30);
          const polygon = new Polygon({
            points: point,
            stroke: '#f00',
            zIndex: 1
          })
          setTimeout(() => {
            leafer.add(polygon);
          }, 30);



          break;
        case 'CIRCLE':
            let CIRCLEX=(entity.center.x-minX-entity.radius)/big
            let CIRCLEY=((maxY - minY)-(entity.center.y-minY+entity.radius))/big
            if(big<(entity.radius * 2) / 400){
              big = (entity.radius * 2) / 400
              main.style.width = entity.radius * 2 / big + "px"
              main.style.height = entity.radius * 2 / big + "px"
              width.innerHTML = round(entity.radius * 2, 2)
              height.innerHTML = round(entity.radius * 2, 2)
              CIRCLEX=0
              CIRCLEY=0
            }
            let x=entity.center.x-minX-entity.radius
            let y=(maxY - minY)-(entity.center.y-minY-entity.radius)
          let CIRCLEX=(entity.center.x-minX-entity.radius)/big
          let CIRCLEY=((maxY - minY)-(entity.center.y-minY+entity.radius))/big
          if(big<(entity.radius * 2) / 400){
            big = (entity.radius * 2) / 400
            main.style.width = entity.radius * 2 / big + "px"
            main.style.height = entity.radius * 2 / big + "px"
            width.innerHTML = round(entity.radius * 2, 2)
            height.innerHTML = round(entity.radius * 2, 2)
            CIRCLEX=0
            CIRCLEY=0
          }
          let x=entity.center.x-minX
          let y=(maxY - minY)-(entity.center.y-minY)
          pointsRect.value.push({id:pointsRect.value.length+1,type:'round',shap:"〇",x:x,y:y,width:entity.radius,
            x1:x,y1:entity.center.y-minY-entity.radius})
            x1:round(x),y1:round(entity.center.y-minY)})
          const ellipse = new Ellipse({
            x:CIRCLEX,
            y:CIRCLEY,
@@ -956,6 +924,8 @@
  }

};

//界面输入框下拉框赋值
const selectData =  (item) => {
  if(item.quadrilateral!=null){
    state.value=true
@@ -977,10 +947,36 @@
    c2.value=item.polygon[5]
    d1.value=item.polygon[6]
    d2.value=item.polygon[7]
    if(item.polygon[0]==item.polygon[1]){
      aValue.value=item.polygon[0]+""
    }else{
      aValue.value=item.polygon[0]+"/"+item.polygon[1]
    }
    if(item.polygon[2]==item.polygon[3]){
      bValue.value=item.polygon[2]+""
    }else{
      bValue.value=item.polygon[2]+"/"+item.polygon[3]
    }
    if(item.polygon[4]==item.polygon[5]){
      cValue.value=item.polygon[4]+""
    }else{
      cValue.value=item.polygon[4]+"/"+item.polygon[5]
    }
    if(item.polygon[6]==item.polygon[7]){
      dValue.value=item.polygon[6]+""
    }else{
      dValue.value=item.polygon[6]+"/"+item.polygon[7]
    }
    select1.value=item.polygon[8]
    select2.value=item.polygon[9]
    select3.value=item.polygon[10]
    select4.value=item.polygon[11]

  }

}

//清空输入框
const validate = async () => {
  data1.value=0
  data2.value=0
@@ -994,6 +990,7 @@
  return true
}

//清空输入框
const validate1 = async () => {
  a1.value=0
  a2.value=0
@@ -1008,6 +1005,7 @@
  cValue.value="0"
  dValue.value="0"
}
//清空输入框
const validate2 = async () => {
  data1.value=0
  data2.value=0
@@ -1018,25 +1016,29 @@
  data7.value=0
  data8.value=0
}
//返回父级界面方法
defineExpose({
  validate,
  ongetproject
})


//保存方法
const save =  () => {
  if(fileName.value!=null&&fileDate.value!=null){
  if(fileName.value!=null&&fileData.value!=null){
    fileJson.value.quadrilateral=[parseInt(data5.value),parseInt(data6.value),parseInt(data1.value),parseInt(data2.value),
      parseInt(data3.value),parseInt(data4.value),parseInt(data7.value),parseInt(data8.value)]
    if(fileJson.value.quadrilateral==null&&fileJson.value.polygon==null){
      fileJson.value=null
    }
    emits('getUploadPicture', fileName.value,fileDate.value,fileJson.value)
    emits('getUploadPicture', fileName.value,fileData.value,fileJson.value)
  }else{
    ElMessage.warning("未参与修改")

  }

}

//重置方法
const reset =  () => {

  validate1()
@@ -1120,6 +1122,7 @@
  circle.value.r = val;
}

//下拉框触发
const handleChange=(value)=> {
  getproject2()
  /*if(value=="1"){
@@ -1131,6 +1134,8 @@
  }*/
}


//通过/截取输入框的值
const  substringData = () =>{
  const indexA = aValue.value.indexOf("/");
  if(indexA==-1){
@@ -1166,6 +1171,7 @@
  }
}


const isQuadrilateral =  (maxY,minY,maxX,minX,point) => {
  state.value=true
  datas1.value=0
@@ -1196,6 +1202,7 @@
  ]
})

//表格删除
const getTableRow = (row,type) =>{
  switch (type) {
    case 'delete':{
@@ -1224,6 +1231,8 @@
  }
}


//重新加载保存的字典对象数据
const load= () =>{
  if (pointsRect.value.length > 0) {

@@ -1234,8 +1243,8 @@
        let y=parseInt(rect.y)
        let r=parseInt(rect.width)
        const ellipse = new Ellipse({
          x:x/ big,
          y:(y-r*2)/ big,
          x:(x-r)/ big,
          y:(y-r)/ big,
          width: r*2 / big,
          height: r*2 / big,
          stroke: '#f00',
@@ -1286,12 +1295,12 @@
    <el-input class="contactNumber" @blur="getproject" type="text" v-model="data7"  />
    <el-input class="contactNumber" @blur="getproject" type="text" v-model="data8"  /><br>
  </div>
  <div id="width" style="height: 20px;position: absolute;top: 342px;left: 725px;">{{$t('order.upper')}}</div>
  <div id="width" style="height: 20px;position: absolute;top: 364px;left: 725px;">{{$t('order.down')}}</div>
  <div id="width" style="height: 20px;position: absolute;top: 322px;left: 767px;">{{$t('order.horizontal')}}</div>
  <div id="width" style="height: 20px;position: absolute;top: 322px;left: 825px;">{{$t('order.vertical')}}</div>
  <div id="width" style="height: 20px;position: absolute;top: 322px;left: 900px;">{{$t('order.horizontal')}}</div>
  <div id="width" style="height: 20px;position: absolute;top: 322px;left: 965px;">{{$t('order.vertical')}}</div>
  <div  style="height: 20px;position: absolute;top: 342px;left: 725px;">{{$t('order.upper')}}</div>
  <div  style="height: 20px;position: absolute;top: 364px;left: 725px;">{{$t('order.down')}}</div>
  <div  style="height: 20px;position: absolute;top: 322px;left: 767px;">{{$t('order.horizontal')}}</div>
  <div  style="height: 20px;position: absolute;top: 322px;left: 825px;">{{$t('order.vertical')}}</div>
  <div  style="height: 20px;position: absolute;top: 322px;left: 900px;">{{$t('order.horizontal')}}</div>
  <div  style="height: 20px;position: absolute;top: 322px;left: 965px;">{{$t('order.vertical')}}</div>
  <div style="float: left;margin-top: 30px;margin-left: 690px;">
    <label for="file-upload" class="custom-file-upload">
      {{$t('order.selectFile')}}
@@ -1302,7 +1311,7 @@
    <el-button type="primary" @click="save()">{{$t('basicData.save')}}</el-button>
  </div>

 <div style="position: absolute;margin-top: 373px;margin-left: 300px;">
  <div style="position: absolute;margin-top: 373px;margin-left: 300px;">

    <el-select v-model="select1" @change="handleChange" style="width: 100px;height: 40px;font-size: 8px">
      <el-option value="1" :label="$t('order.edgeAngleCurvature')"></el-option>