From 96ad5792d7fcb35d0b05533bd5a3ff94a3ffc79d Mon Sep 17 00:00:00 2001
From: fei.wang <wf18701153496@163.com>
Date: 星期五, 10 五月 2024 10:01:12 +0800
Subject: [PATCH] Initial commit
---
src/components/toplane.vue | 165 ++++++++++++++++++++++++++++++++-----------------------
1 files changed, 96 insertions(+), 69 deletions(-)
diff --git a/src/components/toplane.vue b/src/components/toplane.vue
index 5f3a84b..07ab711 100644
--- a/src/components/toplane.vue
+++ b/src/components/toplane.vue
@@ -13,16 +13,13 @@
<!-- <el-form :inline="true" :label-position="labelPosition" label-width="80px" :model="formLabelAlign"> -->
<div style="display: flex; ">
- <div
- style="width:15.9%;height: 60px;border-right: 1px solid black">
+ <div style="width:16%;height: 60px;border-right: 1px solid black">
<h2 style="color: #f5f7fa;margin-left: 5px;width: 50px;">鍚嶇О</h2>
</div>
- <div
- style="width:42%;height: 60px;border-right: 1px solid black">
+ <div style="width:42%;height: 60px;border-right: 1px solid black">
<h3 style="color: #f5f7fa;font-size: 18px;">婵�鍏夌偣浜�</h3>
</div>
- <div
- style="width:42%;height: 60px;">
+ <div style="width:42%;height: 60px;">
<h3 style="color: #f5f7fa;font-size: 18px;">CAD鍦板浘</h3>
</div>
</div>
@@ -52,8 +49,7 @@
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
<h3>Y</h3>
</div>
- <div
- style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
+ <div style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
<h3>Z</h3>
</div>
@@ -65,61 +61,71 @@
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeAX" oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慉鐐筙鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeAX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慉鐐筙鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeAY"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慉鐐筜鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeAY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慉鐐筜鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeAZ"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慉鐐筞鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeAZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慉鐐筞鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeAX"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘A鐐筙鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="plane.planeAX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘A鐐筙鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeAY"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘A鐐筜鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="plane.planeAY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘A鐐筜鍧愭爣"></el-input>
</div>
- <div
- style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
- <el-input style=" border: none;" v-model="plane.planeAZ"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘A鐐筞鍧愭爣"></el-input>
+ <div style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
+ <el-input class="class1" style=" border: none;" v-model="plane.planeAZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘A鐐筞鍧愭爣"></el-input>
</div>
</div>
<div style="display: flex; border-top: 1px solid black">
<div
- style="width:16%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black" >
+ style="width:16%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
<h3 style="margin-left: 5px;width: 70px;">宸茬煡B鐐�</h3>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeBX"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜態鐐筙鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeBX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜態鐐筙鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeBY"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜態鐐筜鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeBY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜態鐐筜鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeBZ"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜態鐐筞鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeBZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜態鐐筞鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeBX"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘B鐐筙鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="plane.planeBX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘B鐐筙鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeBY"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘B鐐筜鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="plane.planeBY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘B鐐筜鍧愭爣"></el-input>
</div>
- <div
- style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
- <el-input style=" border: none;" v-model="plane.planeBZ"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘B鐐筞鍧愭爣"></el-input>
+ <div style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
+ <el-input class="class1" style=" border: none;" v-model="plane.planeBZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘B鐐筞鍧愭爣"></el-input>
</div>
</div>
<div style="display: flex; border-top: 1px solid black; border-bottom: 1px solid black">
@@ -129,29 +135,34 @@
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeCX"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慍鐐筙鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeCX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慍鐐筙鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeCY"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慍鐐筜鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeCY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慍鐐筜鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeCZ"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慍鐐筞鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeCZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆婵�鍏夌偣浜慍鐐筞鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeCX"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘C鐐筙鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="plane.planeCX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘C鐐筙鍧愭爣"></el-input>
</div>
<div
style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);border-right: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeCY"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘C鐐筜鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="plane.planeCY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘C鐐筜鍧愭爣"></el-input>
</div>
- <div
- style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
- <el-input style=" border: none;" v-model="plane.planeCZ"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘C鐐筞鍧愭爣"></el-input>
+ <div style="width:14%;height: 40px;background-color:rgba(205, 211, 232, 100);">
+ <el-input class="class1" style=" border: none;" v-model="plane.planeCZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆CAD鍦板浘C鐐筞鍧愭爣"></el-input>
</div>
</div>
@@ -214,31 +225,41 @@
</div>
<div style="width:14%;height: 40px;border: 1px solid black;">
<!-- <template slot-scope="scope"> -->
- <el-input style=" border: none;" v-model="three.threeDX"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆寰呰绠梄鍧愭爣"></el-input>
+ <el-input class="class1" style=" border: none;" v-model="three.threeDX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆寰呰绠梄鍧愭爣"></el-input>
<!-- </template> -->
</div>
- <div style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeDY"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆寰呰绠梇鍧愭爣"></el-input>
+ <div
+ style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
+ <el-input class="class1" style=" border: none;" v-model="three.threeDY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆寰呰绠梇鍧愭爣"></el-input>
</div>
- <div style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
- <el-input style=" border: none;" v-model="three.threeDZ"oninput ="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆寰呰绠梈鍧愭爣"></el-input>
+ <div
+ style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
+ <el-input class="class1" style=" border: none;" v-model="three.threeDZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" placeholder="杈撳叆寰呰绠梈鍧愭爣"></el-input>
</div>
- <div style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeDX"oninput ="value=value.replace(/[^\d.-]/g,'')" readonly></el-input>
+ <div
+ style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
+ <el-input class="class1" style=" border: none;" v-model="plane.planeDX"
+ oninput="value=value.replace(/[^\d.-]/g,'')" readonly></el-input>
</div>
- <div style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeDY"oninput ="value=value.replace(/[^\d.-]/g,'')" readonly></el-input>
+ <div
+ style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
+ <el-input class="class1" style=" border: none;" v-model="plane.planeDY"
+ oninput="value=value.replace(/[^\d.-]/g,'')" readonly></el-input>
</div>
- <div style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
- <el-input style=" border: none;" v-model="plane.planeDZ"oninput ="value=value.replace(/[^\d.-]/g,'')" readonly></el-input>
+ <div
+ style="width:14%;height: 40px;border-right: 1px solid black;border-top: 1px solid black;border-bottom: 1px solid black">
+ <el-input class="class1" style=" border: none;" v-model="plane.planeDZ"
+ oninput="value=value.replace(/[^\d.-]/g,'')" readonly></el-input>
</div>
</div>
- <el-button @click="onDfSubmit" type="success"
- style="margin-top: 5px;">璁＄畻鍧愭爣</el-button>
+ <el-button @click="onDfSubmit" type="success" style="margin-top: 5px;">璁＄畻鍧愭爣</el-button>
- <el-button @click="onClear" type="success" style="margin-left: 180px; margin-top: 50px;" >娓呯┖鏁版嵁</el-button>
+ <el-button @click="onClear" type="success" style="margin-left: 180px; margin-top: 50px;">娓呯┖鏁版嵁</el-button>
</div>
@@ -250,6 +271,10 @@
</template>
<script>
+//娴嬭瘯鏁版嵁
+// String posPlane = "158,596,0;671,596,0;158,1430,0";
+// String posPointCloud = "3.851,8.806,-0.207;7.68,5.362,-0.197;-1.71,2.54,-0.21";
+// String posPointCloudCheck = "-1.161,3.115,2.424";
import axios from 'axios';
//const dfurl = 'http://39.106.210.13:8848/hxzkuwb/ddmm2d';
const plane = 'http://39.106.210.13:8848/hxzkuwb/toplane';
@@ -413,7 +438,7 @@
this.three.threeA = this.three.threeAX + "," + this.three.threeAY + "," + this.three.threeAZ
this.three.threeB = this.three.threeBX + "," + this.three.threeBY + "," + this.three.threeBZ
this.three.threeC = this.three.threeCX + "," + this.three.threeCY + "," + this.three.threeCZ
- const posPointCloud= this.three.threeA + ";" + this.three.threeB + ";" + this.three.threeC
+ const posPointCloud = this.three.threeA + ";" + this.three.threeB + ";" + this.three.threeC
console.log(this.plane.planeAX);
this.plane.planeA = this.plane.planeAX + "," + this.plane.planeAY + "," + this.plane.planeAZ
@@ -426,24 +451,24 @@
console.log(posPlane);
console.log(posPointCloud);
console.log(posPointCloudCheck);
- const params = { posPlane: posPlane,posPointCloud:posPointCloud,posPointCloudCheck:posPointCloudCheck };
+ const params = { posPlane: posPlane, posPointCloud: posPointCloud, posPointCloudCheck: posPointCloudCheck };
axios.get(plane, { params })
.then((response) => {
console.log('鎴愬姛鑾峰彇鍒板悗绔暟鎹�', response.data);
// 澶勭悊杩斿洖鐨勬暟鎹�
// console.log(res);
- if(response.data=="閫夌偣鏈夐棶棰�,璇烽噸鏂伴�夌偣"){
+ if (response.data == "閫夌偣鏈夐棶棰�,璇烽噸鏂伴�夌偣") {
this.$message.error('閫夌偣鏈夐棶棰�,璇烽噸鏂伴�夌偣');
- }else{
- // this.plane.planeDX = response.data.split(";")[0]
- // this.plane.planeDY = response.data.split(";")[1]
- // this.plane.planeDZ = response.data.split(";")[2]
+ } else {
+ // this.plane.planeDX = response.data.split(";")[0]
+ // this.plane.planeDY = response.data.split(";")[1]
+ // this.plane.planeDZ = response.data.split(";")[2]
- this.plane.planeDX = parseFloat(response.data.split(";")[0]).toFixed(2)
- this.plane.planeDY = parseFloat(response.data.split(";")[1]).toFixed(2)
- this.plane.planeDZ = parseFloat(response.data.split(";")[2]).toFixed(2)
+ this.plane.planeDX = parseFloat(response.data.split(";")[0]).toFixed(2)
+ this.plane.planeDY = parseFloat(response.data.split(";")[1]).toFixed(2)
+ this.plane.planeDZ = parseFloat(response.data.split(";")[2]).toFixed(2)
}
-
+
})
.catch((error) => {
this.$message.error('鍧愭爣鏁版嵁涓嶈兘涓虹┖');
@@ -461,10 +486,10 @@
this.three.threeBX = ''
this.three.threeBY = ''
this.three.threeBZ = ''
- this.three.threeC= ''
- this.three.threeCX= ''
- this.three.threeCY= ''
- this.three.threeCZ= ''
+ this.three.threeC = ''
+ this.three.threeCX = ''
+ this.three.threeCY = ''
+ this.three.threeCZ = ''
this.three.threeDX = ''
this.three.threeDY = ''
this.three.threeDZ = ''
@@ -514,7 +539,7 @@
.plane {
/* border-radius: 10px; */
- background-color:#0783e991;
+ background-color: #0783e991;
text-align: center;
width: 1300px;
height: 430px;
@@ -543,18 +568,20 @@
}
.class1 .el-input__inner {
- background-color: rgba(231, 233, 243, 100) !important;
- height: 40px;
+ border-radius: 0px;
+ /* background-color: rgba(231, 233, 243, 100) !important;
+ height: 40px; */
}
.class2 .el-input__inner {
- background-color: rgba(205, 211, 232, 100) !important;
- height: 40px;
+ border-radius: 0px;
+ /* background-color: rgba(205, 211, 232, 100) !important;
+ height: 40px; */
}
.class3 .el-input__inner {
- background-color: rgba(67, 113, 1194, 100) !important;
+ /* background-color: rgba(67, 113, 1194, 100) !important; */
border-radius: 0px;
- height: 40px;
+ /* height: 40px; */
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3