From 69a25cd577d5639f2869bcf80f498b373e80137e Mon Sep 17 00:00:00 2001
From: 于杰 <1210123631@qq.com>
Date: 星期三, 17 十二月 2025 10:43:44 +0800
Subject: [PATCH] 修改旋转逻辑，增加辅助旋转功能
---
north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor2.vue | 1015 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 1,015 insertions(+), 0 deletions(-)
diff --git a/north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor2.vue b/north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor2.vue
new file mode 100644
index 0000000..38b1e8a
--- /dev/null
+++ b/north-glass-erp/northglass-erp/src/components/sd/order/UpdateAlienEditor2.vue
@@ -0,0 +1,1015 @@
+<script setup>
+import {computed, onMounted, onUpdated, reactive, ref, watch} from "vue"
+import {filterChanged} from "@/hook"
+import {useI18n} from "vue-i18n"
+import {ElMessage, ElMessageBox,} from "element-plus"
+import request from "@/utils/request"
+import {useRouter,useRoute} from "vue-router"
+import {Ellipse, Leafer, Line, Path, Polygon,Rect} from "leafer-ui";
+import {round} from "xe-utils";
+import DxfParser from "dxf-parser";
+import { saveAs } from 'file-saver';
+import DXFWriter from 'dxf-writer';
+import footSum from "@/hook/footSum";
+import deepClone from "@/utils/deepClone";
+
+
+const { t } = useI18n()
+const router = useRouter()
+const route = useRoute()
+let width = ref("")
+let height = ref("null")
+let rowIndex = ref(null)
+const xGrid = ref()
+
+//鐢ㄤ簬鎺ユ敹鐖剁粍浠跺弬鏁�
+
+
+const emits = defineEmits(['getUploadPicture'])
+
+let fileName=ref(null)
+let fileDate=ref(null)
+let fileJson=ref({
+ quadrilateral:null,
+ polygon:null
+})
+let dxfData=ref(null)
+let state=ref(false)
+let states=ref(false)
+let points=ref([])
+let pointsRound=ref([])
+let pointsRect=ref([])
+let pointsDrilling=ref([])
+let circle=ref({
+ x:0,
+ y:0,
+ r:0
+})
+let rect=ref({
+ x:0,
+ y:0,
+ w:0,
+ h:0
+})
+let drilling=ref({
+ coordinates:0,
+ w:0,
+ h:0,
+})
+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;
+let parsedDXFData = ref([]);
+let orderDetailWidth=ref(0)
+let orderDetailHeight=ref(0)
+let widthAgv=ref(0)
+let heightAgv=ref(0)
+
+const ongetproject = (row) => {
+ rowIndex.value=row
+ validate1()
+ validate2()
+ if(row==undefined||row.width==null){
+ const main = document.getElementById('main2')
+ const width = document.getElementById('width2')
+ const height = document.getElementById('height2')
+ main.style.backgroundColor = "#ffffff"
+ width.innerHTML = 0
+ height.innerHTML = 0
+ if (leafer !== undefined) {
+ leafer.clear()
+ }
+ return
+ }
+ pointsRect.value=[]
+ if(row.fileName==null||row.fileName==""){
+ orderDetailWidth.value=row.width
+ orderDetailHeight.value=row.height
+
+ const main =document.getElementById('main2')
+ const width =document.getElementById('width2')
+ const height =document.getElementById('height2')
+ width.innerHTML = orderDetailWidth.value
+ height.innerHTML = orderDetailHeight.value
+ if(orderDetailWidth.value/500>orderDetailHeight.value/350){
+ big=orderDetailWidth.value/500
+ }else{
+ big=orderDetailHeight.value/350
+ }
+ let widthAgv=orderDetailWidth.value/big
+ let heightAgv=orderDetailHeight.value/big
+ main.style.width=widthAgv+"px"
+ main.style.height=heightAgv+"px"
+ main.style.backgroundColor = "#8d9095"
+ datas2.value=heightAgv
+ datas8.value=heightAgv
+ datas5.value=widthAgv
+ datas7.value=widthAgv
+ if(leafer!==undefined){
+ leafer.clear()
+ }
+ leafer=new Leafer({ view: 'canva2' })
+ points.value=[0, heightAgv, 0, 0, widthAgv, 0, widthAgv,heightAgv]
+ const polygon = new Polygon({
+ points: points.value,
+ stroke: '#f00',
+ strokeWidth: 0,
+ })
+ setTimeout(() => {
+ leafer.add(polygon);
+ }, 30)
+ state.value=true
+ states.value=true
+ }else{
+ const b64Data = row.fileData;
+ if(row.fileJson!=null){
+ if(typeof row.fileJson === 'object' && row.fileJson !== null && !Array.isArray(row.fileJson)){
+ fileJson.value=row.fileJson
+ }else{
+ fileJson.value =JSON.parse(row.fileJson);
+ }
+ selectData(fileJson.value)
+ }
+ const byteCharacters = atob(b64Data);
+ const parser = new DxfParser();
+ dxfData.value = parser.parseSync(byteCharacters)
+
+ handleFileUpload1()
+ }
+
+
+}
+
+
+const getproject = () => {
+ validate1()
+ if(leafer!==undefined){
+ leafer.clear()
+ }
+ leafer=new Leafer({ view: 'canva2' })
+ 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 getproject2 = () => {
+ states.value=true
+ if (states.value){
+ validate2()
+ if(leafer!==undefined){
+ leafer.clear()
+ }
+ leafer=new Leafer({ view: 'canva2' })
+ substringData()
+ points.value=[]
+
+
+
+ let state=0
+
+ if(select3.value=="3"){
+ points.value.push(datas1.value +parseInt(a1.value)/big,datas2.value,datas1.value +a1.value/big,datas2.value-parseInt(a2.value)/big,datas1.value,datas2.value-parseInt(a2.value)/big)
+ }else if(select3.value=="2"){
+ points.value.push(datas1.value +parseInt(a1.value)/big,datas2.value,datas1.value,datas2.value-parseInt(a2.value)/big)
+ }else if(select3.value=="1"&&aValue.value!=="0"&&aValue.value!==""){
+ state=parseInt(a1.value)
+ const radius = state/big
+ const cornerPoints = []
+ const segments = 8 // 鍦嗗姬鍒嗘鏁帮紝瓒婂瓒婂钩婊�
+ for (let i = 0; i <= segments; i++) {
+ const angle = (Math.PI / 2) * (i / segments);
+ const x = radius - radius * Math.sin(angle);
+ const y = datas2.value - radius * (1 - Math.cos(angle));
+ cornerPoints.push(x, y);
+ }
+ points.value.push(...cornerPoints, 0, datas2.value-radius)
+ }else{
+ points.value.push(datas1.value - (parseInt(data3.value) / big), datas2.value + (parseInt(data4.value) / big))
+ }
+
+ if(select1.value=="3"){
+ points.value.push(datas3.value,datas4.value+parseInt(parseInt(b2.value))/big,datas3.value +parseInt(b1.value)/big,datas4.value+parseInt(b2.value)/big,datas3.value +parseInt(b1.value)/big,datas4.value)
+ }else if(select1.value=="2"){
+ points.value.push(datas3.value,datas4.value+parseInt(parseInt(b2.value))/big,datas3.value +parseInt(b1.value)/big,datas4.value)
+ }else if(select1.value=="1"&&bValue.value!=="0"&&bValue.value!==""){
+ state=parseInt(b1.value)
+ const radius = state/big
+ const cornerPoints = []
+ 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.push(...cornerPoints, radius, 0)
+ }else{
+ points.value.push(datas3.value + (parseInt(data5.value) / big), datas4.value - (parseInt(data6.value) / big))
+ }
+
+ if(select2.value=="3"){
+ points.value.push(datas5.value-parseInt(c1.value)/big,datas6.value,datas5.value -parseInt(c1.value)/big,datas6.value+parseInt(c2.value)/big,datas5.value,datas6.value +parseInt(c2.value)/big)
+ }else if(select2.value=="2"){
+ points.value.push(datas5.value-parseInt(c1.value)/big,datas6.value,datas5.value,datas6.value +parseInt(c2.value)/big)
+ }else if(select2.value=="1"&&cValue.value!=="0"&&cValue.value!==""){
+ state=parseInt(c1.value)
+ const radius = state/big
+ const cornerPoints = []
+ const segments = 8 // 鍦嗗姬鍒嗘鏁帮紝瓒婂瓒婂钩婊�
+ for (let i = 0; i <= segments; i++) {
+ const angle = (Math.PI / 2) * (i / segments);
+ const x = (datas5.value -radius) + radius * Math.sin(angle);
+ const y = radius * (1 - Math.cos(angle));
+ cornerPoints.push(x, y);
+ }
+ points.value.push(...cornerPoints, datas5.value, radius)
+ }else{
+ points.value.push(datas5.value + (parseInt(data1.value) / big), datas6.value + (parseInt(data2.value) / big))
+ }
+
+ if(select4.value=="3"){
+ points.value.push(datas7.value,datas8.value-parseInt(d2.value)/big,datas7.value -parseInt(d1.value)/big,datas8.value-parseInt(d2.value)/big,datas7.value -parseInt(d1.value)/big,datas8.value)
+ }else if(select4.value=="2"){
+ points.value.push(datas7.value,datas8.value-parseInt(d2.value)/big,datas7.value -parseInt(d1.value)/big,datas8.value)
+ }else if(select4.value=="1"&&dValue.value!=="0"&&dValue.value!==""){
+ state=parseInt(d1.value)
+ const radius = state/big
+ const cornerPoints = []
+ const segments = 8 // 鍦嗗姬鍒嗘鏁帮紝瓒婂瓒婂钩婊�
+ for (let i = 0; i <= segments; i++) {
+ const angle = (Math.PI / 2) * (i / segments);
+ const x = datas5.value -(radius- radius * Math.cos(angle));
+ const y = datas2.value -(radius- radius * Math.sin(angle));
+ cornerPoints.push(x, y);
+ }
+ points.value.push(...cornerPoints, datas5.value-radius, datas2.value)
+ }else{
+ points.value.push(datas7.value - (parseInt(data7.value) / big), datas8.value - (parseInt(data8.value) / big))
+ }
+
+ 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),select1.value,select2.value,select3.value,select4.value]
+
+
+ load()
+ exportToDXF(1)
+ }
+}
+
+
+
+const exportToDXF = async (value) => {
+ const dxf = new DXFWriter();
+
+
+ let arr=[]
+ for (let i=0;i<points.value.length;i++){
+ let a=[]
+ if(i % 2 === 0){
+ a.push(points.value[i]*big)
+ a.push((points.value[i+1]*big))
+ a.push(0)
+ arr.push(a)
+ }
+
+ }
+ let minX = Infinity, minY = Infinity;
+ let maxX = -Infinity, maxY = -Infinity;
+ arr.forEach(p => {
+ minX = Math.min(Math.abs(p[0]),minX );
+ minY = Math.min(Math.abs(p[1]),minY);
+ maxX = Math.max(Math.abs(p[0]),maxX );
+ maxY = Math.max(Math.abs(p[1]),maxY);
+ });
+
+ arr.forEach(p => {
+ p[1]=maxY-minY-p[1]
+ });
+
+
+ dxf.drawPolyline(arr,{ closed: true, layer: '0' })
+
+
+ if (pointsRect.value.length > 0) {
+
+ pointsRect.value.forEach(rect => {
+ if(rect.type=="round"){
+ const x = rect.x+rect.width;
+ const y = maxY-minY-rect.y+rect.width;
+ const radius = rect.width;
+ if (dxf.drawCircle) {
+ dxf.drawCircle(x, y, radius, { layer: '0' });
+ }
+ }else{
+ let poist=[rect.x,rect.y, rect.x,(rect.y+rect.height),(rect.x+rect.width),(rect.y+rect.height),(rect.x+rect.width),rect.y]
+
+ let arr=[]
+ for (let i=0;i<poist.length;i++){
+ let a=[]
+ if(i % 2 === 0){
+ a.push(poist[i])
+ a.push((poist[i+1]))
+ a.push(0)
+ arr.push(a)
+ }
+
+ }
+ let minX = Infinity, minY = Infinity;
+ let maxX = -Infinity, maxY = -Infinity;
+ arr.forEach(p => {
+ minX = Math.min(Math.abs(p[0]),minX );
+ minY = Math.min(Math.abs(p[1]),minY);
+ maxX = Math.max(Math.abs(p[0]),maxX );
+ maxY = Math.max(Math.abs(p[1]),maxY);
+ });
+
+
+ dxf.drawPolyline(arr,{ closed: true, layer: '0' })
+ }
+ });
+ }
+ const blob = new Blob([dxf.toDxfString()], {type: 'text/plain;charset=utf-8'});
+ const base64 = await fileToBase64(blob);
+ if(value===1){
+ fileName.value="map.dxf"
+ fileDate.value=base64.replace(/^data:.+;base64,/, "")
+ }
+ else if(value===2&&state.value){
+ saveAs(blob, 'map.dxf');
+ }else{
+ ElMessage.warning(t('basicData.notExport'))
+ }
+}
+
+
+
+const fileToBase64 = (file) => {
+ return new Promise((resolve, reject) => {
+ const reader = new FileReader();
+ reader.onload = () => resolve(reader.result);
+ reader.onerror = reject;
+ reader.readAsDataURL(file);
+ });
+};
+
+function toBottomOrigin(y, canvasHeight) {
+ return canvasHeight - y; // 灏嗗乏涓婅Y鍧愭爣杞崲涓哄乏涓嬭鍧愭爣绯�
+}
+
+const handleFile1 = async (event) => {
+ state.value=false
+ const main = document.getElementById('main2')
+ const width = document.getElementById('width')
+ const height = document.getElementById('height')
+ //validate()
+ if(leafer!==undefined){
+ leafer.clear()
+ }
+ leafer = new Leafer({view: 'canva2'});
+ const file = event.target.files[0];
+ if (file) {
+ const reader = new FileReader();
+ reader.onload = async (e) => {
+ const text = e.target.result;
+ try {
+ const base64 = await fileToBase64(file);
+ const parser = new DxfParser();
+ dxfData.value = parser.parseSync(text);
+ fileJson.value.quadrilateral=null
+ fileJson.value.polygon=null
+ handleFileUpload1()
+
+ fileName.value=file.name
+ fileDate.value=base64.replace(/^data:.+;base64,/, "")
+ } catch (error) {
+ console.error('瑙ｆ瀽DXF鏂囦欢鏃跺嚭閿�:', error);
+ }
+ };
+ reader.readAsText(file);
+ }
+}
+
+const handleFileUpload1 = () => {
+ const main =document.getElementById('main2')
+ const width =document.getElementById('width2')
+ const height =document.getElementById('height2')
+ if(leafer!==undefined){
+ leafer.clear()
+ }
+ leafer = new Leafer({ view: 'canva2' });
+ try {
+ let type=0;
+ let minX = Infinity, minY = Infinity;
+ let maxX = -Infinity, maxY = -Infinity;
+ dxfData.value.entities.forEach(entity => {
+ if (entity.type === 'LINE' || entity.type === 'LWPOLYLINE') {
+ entity.vertices.forEach(vertices => {
+ minX = Math.min(vertices.x, minX);
+ minY = Math.min(vertices.y, minY);
+ maxX = Math.max(vertices.x, maxX);
+ maxY = Math.max(vertices.y, maxY);
+ })
+ }
+ if (entity.type === 'ARC') {
+ type=1
+ const center = {x: entity.center.x, y: entity.center.y};
+ const radius = entity.radius;
+ const startAngle = entity.startAngle * (180 / Math.PI);
+ const endAngle = entity.endAngle * (180 / Math.PI);
+
+ const points = [];
+ const steps = 32;
+ for (let i = 0; i <= steps; i++) {
+ const angle = startAngle + (endAngle - startAngle) * (i / steps);
+ const x = center.x + radius * Math.cos(angle * Math.PI / 180);
+ const y = center.y + radius * Math.sin(angle * Math.PI / 180);
+ points.push({x, y});
+ }
+
+
+ points.forEach(p => {
+ minX = Math.min(minX, p.x);
+ minY = Math.min(minY, p.y);
+ maxX = Math.max(maxX, p.x);
+ maxY = Math.max(maxY, p.y);
+ });
+ }
+ if (entity.type === 'CIRCLE') {
+ type=1
+ minX = Math.min(minX, entity.center.x-entity.radius);
+ minY = Math.min(minY, entity.center.y-entity.radius);
+ maxX = Math.max(maxX, entity.center.x+entity.radius);
+ maxY = Math.max(maxY, entity.center.y+entity.radius);
+ }
+ });
+ if ((maxX - minX) / 500 > (maxY - minY) / 350) {
+ big = (maxX - minX) / 500
+ } else {
+ big = (maxY - minY) / 350
+ }
+ let indexNumber=0
+ Object.values(dxfData.value.entities).forEach(entity => {
+ switch (entity.type) {
+ case 'LINE':
+ main.style.width = (maxX - minX) / big + "px"
+ main.style.height = (maxY - minY) / big + "px"
+ main.style.backgroundColor = "#8d9095"
+ width.innerHTML = round(maxX - minX, 2)
+ height.innerHTML = round(maxY - minY, 2)
+ const line = new Line({
+ points: [(entity.vertices[0].x - minX) / big, ((maxY - minY) - (entity.vertices[0].y- minY)) / big,
+ (entity.vertices[1].x - minX) / big, ((maxY - minY) - (entity.vertices[1].y - minY)) / big],
+ stroke: '#f00',
+ strokeWidth: 1,
+ zIndex: 1
+ })
+ setTimeout(() => {
+ leafer.add(line);
+ }, 30);
+ break;
+ case 'LWPOLYLINE':
+ let point = entity.vertices.map(v => [
+ (v.x - minX) / big,
+ toBottomOrigin((v.y - minY) / big, (maxY - minY) / big),
+ ]).flat()
+
+ if(indexNumber==0){
+ main.style.width = (maxX - minX) / big + "px"
+ main.style.height = (maxY - minY) / big + "px"
+ main.style.backgroundColor = "#8d9095"
+ width.innerHTML = round(maxX - minX, 2)
+ height.innerHTML = round(maxY - minY, 2)
+
+ if(fileJson.value!=null&&(fileJson.value.polygon!=null||fileJson.value.quadrilateral!=null)){
+ points.value=point
+ isQuadrilateral(maxY,minY,maxX,minX,point)
+ }
+ indexNumber=1
+ }else{
+ let point = entity.vertices.map(v => [
+ (v.x - minX) / big,
+ (v.y - minY) / big,
+ ]).flat()
+ 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: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);
+
+
+
+ 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) / 500){
+ big = (entity.radius * 2) / 500
+ 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)
+ pointsRect.value.push({id:pointsRect.value.length+1,type:'round',shap:"銆�",x:x,y:y,width:entity.radius,
+ x1:round(x),y1:round(entity.center.y-minY)})
+ const ellipse = new Ellipse({
+ x:CIRCLEX,
+ y:CIRCLEY,
+ width: entity.radius * 2 / big,
+ height: entity.radius * 2 / big,
+ //fill: "#32cd79"
+ stroke: '#f00',
+ zIndex: 3
+ })
+ setTimeout(() => {
+ leafer.add(ellipse);
+ }, 30);
+
+ break;
+ case 'ELLIPSE':
+ console.log(entity)
+
+ const {majorAxisEndPoint, axisRatio} = entity;
+
+ const dx = majorAxisEndPoint.x;
+ const dy = majorAxisEndPoint.y;
+ const a = Math.sqrt(dx ** 2 + dy ** 2);
+ const c = a * axisRatio;
+ const 胃 = Math.atan2(dy, dx);
+ const l = axisRatio * (180 / Math.PI);
+
+ if ((a * 2) / 500 > (c * 2) / 350) {
+ big = (a * 2) / 500
+ } else {
+ big = (c * 2) / 350
+ }
+
+ main.style.width = a * 2 / big + "px"
+ main.style.height = c * 2 / big + "px"
+ width.innerHTML = round(a * 2, 2)
+ height.innerHTML = round(c * 2, 2)
+ const ellipse2 = new Ellipse({
+ width: a * 2 / big,
+ height: c * 2 / big,
+ stroke: '#f00',
+ })
+
+ setTimeout(() => {
+ leafer.add(ellipse2);
+ }, 30);
+
+ break;
+ case 'ARC':
+ const center = {x: entity.center.x, y: entity.center.y};
+ const radius = entity.radius;
+ const startAngle = entity.startAngle * (180 / Math.PI);
+ const endAngle = entity.endAngle * (180 / Math.PI);
+
+ if ((maxX - minX) / 500 > (maxY - minY) / 350) {
+ big = (maxX - minX) / 500
+ } else {
+ big = (maxY - minY) / 350
+ }
+
+
+ // 璁＄畻鍦嗗姬鐨勮捣鐐瑰拰缁堢偣
+ const startX = (center.x + radius * Math.cos(entity.startAngle) - minX);
+ const startY = (maxY - minY) - ((center.y + radius * Math.sin(entity.startAngle)) - minY);
+ const endX = (center.x + radius * Math.cos(entity.endAngle) - minX);
+ const endY = (maxY - minY) - ((center.y + radius * Math.sin(entity.endAngle)) - minY);
+
+ // 鍒涘缓鍦嗗姬璺緞
+ const path = new Path({
+ path: `M ${startX / big} ${startY / big} A ${radius / big} ${radius / big} 0 ${endAngle - startAngle > 180 ? 1 : 0} 0 ${endX / big} ${endY / big}`,
+ stroke: '#f00',
+ strokeWidth: 1,
+ });
+
+
+ setTimeout(() => {
+ leafer.add(path);
+ }, 30);
+
+
+ break;
+
+ }
+
+ })
+ } catch (error) {
+ console.error('瑙ｆ瀽DXF鏂囦欢鏃跺嚭閿�:', error);
+ }
+
+};
+const selectData = (item) => {
+ if(item.quadrilateral!=null){
+ state.value=true
+ data1.value=item.quadrilateral[2]
+ data2.value=item.quadrilateral[3]
+ data3.value=item.quadrilateral[4]
+ data4.value=item.quadrilateral[5]
+ data5.value=item.quadrilateral[0]
+ data6.value=item.quadrilateral[1]
+ data7.value=item.quadrilateral[6]
+ data8.value=item.quadrilateral[7]
+ }
+ if(item.polygon!=null){
+ a1.value=item.polygon[0]
+ a2.value=item.polygon[1]
+ b1.value=item.polygon[2]
+ b2.value=item.polygon[3]
+ c1.value=item.polygon[4]
+ 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
+ data3.value=0
+ data4.value=0
+ data5.value=0
+ data6.value=0
+ data7.value=0
+ data8.value=0
+ big=0
+ return true
+}
+
+const validate1 = async () => {
+ a1.value=0
+ a2.value=0
+ b1.value=0
+ b2.value=0
+ c1.value=0
+ c2.value=0
+ d1.value=0
+ d2.value=0
+ aValue.value="0"
+ bValue.value="0"
+ cValue.value="0"
+ dValue.value="0"
+}
+const validate2 = async () => {
+ data1.value=0
+ data2.value=0
+ data3.value=0
+ data4.value=0
+ data5.value=0
+ data6.value=0
+ data7.value=0
+ data8.value=0
+}
+defineExpose({
+ validate,
+ ongetproject
+})
+
+const save = () => {
+ if(fileName.value!=null&&fileDate.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)
+ }else{
+ ElMessage.warning(t('basicData.notUpdate'))
+ }
+
+}
+
+const reset = () => {
+ if(rowIndex.value!==null){
+ validate1()
+ validate2()
+ orderDetailWidth.value=rowIndex.value.width
+ orderDetailHeight.value=rowIndex.value.height
+ const main =document.getElementById('main2')
+ const width =document.getElementById('width2')
+ const height =document.getElementById('height2')
+ if(orderDetailWidth.value/500>orderDetailHeight.value/350){
+ big=orderDetailWidth.value/500
+ }else{
+ big=orderDetailHeight.value/350
+ }
+ let widthAgv=orderDetailWidth.value/big
+ let heightAgv=orderDetailHeight.value/big
+ main.style.width=widthAgv+"px"
+ main.style.height=heightAgv+"px"
+ main.style.backgroundColor = "#8d9095"
+ datas2.value=heightAgv
+ datas8.value=heightAgv
+ datas5.value=widthAgv
+ datas7.value=widthAgv
+ if(leafer!==undefined){
+ leafer.clear()
+ }
+ leafer=new Leafer({ view: 'canva2' })
+ points.value=[0, heightAgv, 0, 0, widthAgv, 0, widthAgv,heightAgv]
+ const polygon = new Polygon({
+ points: points.value,
+ stroke: '#f00',
+ strokeWidth: 0,
+ })
+ setTimeout(() => {
+ leafer.add(polygon);
+ }, 30)
+ state.value=true
+ states.value=true
+
+ pointsRect.value=[]
+ exportToDXF(1)
+ }
+
+}
+
+
+const handleChange=(value)=> {
+ getproject2()
+
+}
+
+const substringData = () =>{
+ const indexA = aValue.value.indexOf("/");
+ if(indexA==-1){
+ a1.value=aValue.value
+ a2.value=aValue.value
+ }else{
+ a1.value = aValue.value.substring(0, indexA);
+ a2.value = aValue.value.substring(indexA + 1);
+ }
+ const indexB = bValue.value.indexOf("/");
+ if(indexB==-1){
+ b1.value=bValue.value
+ b2.value=bValue.value
+ }else{
+ b1.value = bValue.value.substring(0, indexB);
+ b2.value = bValue.value.substring(indexB + 1);
+ }
+ const indexC = cValue.value.indexOf("/");
+ if(indexC==-1){
+ c1.value=cValue.value
+ c2.value=cValue.value
+ }else{
+ c1.value = cValue.value.substring(0, indexC);
+ c2.value = cValue.value.substring(indexC + 1);
+ }
+ const indexD = dValue.value.indexOf("/");
+ if(indexD==-1){
+ d1.value=dValue.value
+ d2.value=dValue.value
+ }else{
+ d1.value = dValue.value.substring(0, indexD);
+ d2.value = dValue.value.substring(indexD + 1);
+ }
+}
+
+const isQuadrilateral = (maxY,minY,maxX,minX,point) => {
+ state.value=true
+ datas1.value=0
+ datas2.value=(maxY - minY) / big
+ datas3.value=0
+ datas4.value=0
+ datas5.value=(maxX - minX) / big
+ datas6.value=0
+ datas7.value=(maxX - minX) / big
+ datas8.value=(maxY - minY) / big
+}
+
+const gridOptions = reactive({
+ border: "full",//琛ㄦ牸鍔犺竟妗�
+ keepSource: true,//淇濇寔婧愭暟鎹�
+ align: 'center',//鏂囧瓧灞呬腑
+ rowConfig: {isCurrent: true, isHover: true,height: 30},//榧犳爣绉诲姩鎴栭�夋嫨楂樹寒
+ id: 'UpdateAlienEditor',
+
+ //琛ㄥご鍙傛暟
+ columns:[
+ {title: t('basicData.operate'), width: 60, slots: { default: 'button_slot' },fixed:"left"},
+ {field: 'shap',width:60, title: t('order.shape')},
+ {field: 'x1',width:60, title: t('X')},
+ {field: 'y1',width:60, title: t('Y')},
+ {field: 'width',width:60, title: t('')},
+ {field: 'height',width:60, title: t('')},
+ ]
+})
+
+
+const load= () =>{
+ if (pointsRect.value.length > 0) {
+
+ pointsRect.value.forEach(rect => {
+ if(rect.type=="round"){
+ const height = document.getElementById('height')
+ let x=parseInt(rect.x)
+ let y=parseInt(rect.y)
+ let r=parseInt(rect.width)
+ const ellipse = new Ellipse({
+ x:x/ big,
+ y:(y-r*2)/ big,
+ width: r*2 / big,
+ height: r*2 / big,
+ stroke: '#f00',
+ zIndex: 3
+ })
+ leafer.add(ellipse);
+ }else{
+ const height = document.getElementById('height')
+ let x=parseInt(rect.x)
+ let ydesc=parseInt(height.innerHTML)-parseInt(rect.y)
+ let y=parseInt(rect.y)
+ let w=parseInt(rect.width)
+ let h=parseInt(rect.width)
+ const rects = new Rect({
+ x:x/big,
+ y:(ydesc-h)/big,
+ width:w/big,
+ height:h/big,
+ stroke: '#f00',
+ zIndex:2,
+ })
+
+ leafer.add(rects);
+ }
+ });
+ }
+}
+
+
+</script>
+
+<template>
+ <div style="width: 504px;height: 354px;border: 2px solid #000;float: left;
+ position: relative;display: flex;justify-content: center;align-content: center;margin-left: -280px;margin-top: 20px;">
+ <div id="main2" ref="parent" >
+ <canvas id="canva2" ></canvas>
+ </div>
+ </div>
+ <div id="width2" style="width: 60px;position: absolute;top: 0px;left: -80px;">{{orderDetailWidth}}</div>
+ <div id="height2" style="width: 60px;position: absolute;top: 205px;left: -330px;">{{orderDetailHeight}}</div>
+ <div style="float: left;margin-top: -132px;margin-left: 330px">
+ <el-input class="contactNumber" @blur="getproject" type="text" v-model="data1" />
+ <el-input class="contactNumber" @blur="getproject" type="text" v-model="data2" />
+ <el-input class="contactNumber" @blur="getproject" type="text" v-model="data3" />
+ <el-input class="contactNumber" @blur="getproject" type="text" v-model="data4" /><br>
+ <el-input class="contactNumber" @blur="getproject" type="text" v-model="data5" />
+ <el-input class="contactNumber" @blur="getproject" type="text" v-model="data6" />
+ <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 style="height: 20px;position: absolute;top: 245px;left: 295px;">{{$t('order.upper')}}</div>
+ <div style="height: 20px;position: absolute;top: 264px;left: 295px;">{{$t('order.down')}}</div>
+ <div style="height: 20px;position: absolute;top: 210px;left: 340px;">{{$t('order.horizontal')}}</div>
+ <div style="height: 20px;position: absolute;top: 210px;left: 400px;">{{$t('order.vertical')}}</div>
+ <div style="height: 20px;position: absolute;top: 210px;left: 475px;">{{$t('order.horizontal')}}</div>
+ <div style="height: 20px;position: absolute;top: 210px;left: 535px;">{{$t('order.vertical')}}</div>
+ <div style="float: left;margin-top: -50px;margin-left: 280px;margin-bottom: 20px">
+ <label for="file-upload1" class="custom-file-upload">
+ {{$t('order.selectFile')}}
+ </label>
+ <input id="file-upload1" style="width: 180px;display: none;" type="file" @change="handleFile1" accept=".dxf" />
+ <el-button type="primary" style="margin-left: 20px" @click="exportToDXF(2)">{{$t('order.exportDXF')}}</el-button>
+ <el-button type="primary" @click="reset()">{{$t('craft.reset')}}</el-button>
+ <el-button type="primary" @click="save()">{{$t('basicData.save')}}</el-button>
+ </div>
+
+ <div style="position: absolute;margin-top: 20px;margin-left: 280px;">
+
+ <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>
+ <el-option value="2" :label="$t('order.cuttingCorners')"></el-option>
+ <el-option value="3" :label="$t('order.fourCornerExcavation')"></el-option>
+ </el-select>
+ <el-select v-model="select2" @change="handleChange" style="width: 100px;height: 40px;font-size: 8px">
+ <el-option value="1" :label="$t('order.edgeAngleCurvature')"></el-option>
+ <el-option value="2" :label="$t('order.cuttingCorners')"></el-option>
+ <el-option value="3" :label="$t('order.fourCornerExcavation')"></el-option>
+ </el-select><br>
+ <el-input class="contactNumber1" @blur="getproject2" type="text" v-model="bValue" />
+
+ <el-input class="contactNumber1" @blur="getproject2" type="text" v-model="cValue" /><br><br>
+
+ <el-select v-model="select3" @change="handleChange" style="width: 100px;height: 40px;font-size: 8px">
+ <el-option value="1" :label="$t('order.edgeAngleCurvature')"></el-option>
+ <el-option value="2" :label="$t('order.cuttingCorners')"></el-option>
+ <el-option value="3" :label="$t('order.fourCornerExcavation')"></el-option>
+ </el-select>
+ <el-select v-model="select4" @change="handleChange" style="width: 100px;height: 40px;font-size: 8px">
+ <el-option value="1" :label="$t('order.edgeAngleCurvature')"></el-option>
+ <el-option value="2" :label="$t('order.cuttingCorners')"></el-option>
+ <el-option value="3" :label="$t('order.fourCornerExcavation')"></el-option>
+ </el-select><br>
+
+ <el-input class="contactNumber1" @blur="getproject2" type="text" v-model="aValue" />
+
+ <el-input class="contactNumber1" @blur="getproject2" type="text" v-model="dValue" />
+ </div>
+
+
+
+
+
+
+
+
+
+
+</template>
+
+<style scoped>
+.contactNumber{
+ width: 60px;
+ height:20px;
+ box-shadow: none;
+ font-size: 15px;
+}
+.contactNumber1{
+ width: 100px;
+ height:20px;
+ border: none;
+ box-shadow: none;
+ font-size: 15px;
+}
+.custom-file-upload {
+ border: 1px solid #ccc;
+ display: inline-block;
+ padding: 6px 12px;
+ cursor: pointer;
+ background-color: #f9f9f9;
+}
+
+#main2 {
+ position: relative;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.8.0