稳定版提交

fei.wang

2025-01-23 084dd988ee8e655227436a4894d26cd64043806f

 src/components/degree.vue

@@ -1,18 +1,20 @@
<template>
    <div class="fullscreen-bg">
        <div style="width: 20%;margin-top: 10px; position: absolute;">
      <el-button  class="title_linespan" type="text" @click="goToindex">官网</el-button >
      <el-button  class="title_linespan" type="text" @click="goToDistance">计算距离</el-button >
      <el-button  class="title_linespan" style="color: #f5f7fa; text-decoration: underline;" type="text" @click="goToDegree">度分转换</el-button >
      <el-button  class="title_linespan" type="text" @click="goToCoordinate">坐标计算</el-button >
        <el-button  class="title_linespan" type="text" @click="goToplane">坐标转换</el-button >
    </div>
            <el-button class="title_linespan" type="text" @click="goToindex">官网</el-button>
            <el-button class="title_linespan" type="text" @click="goToDistance">计算距离</el-button>
            <el-button class="title_linespan" style="color: #f5f7fa; text-decoration: underline;" type="text"
                @click="goToDegree">度分转换</el-button>
            <el-button class="title_linespan" type="text" @click="goToCoordinate">坐标计算</el-button>
            <el-button class="title_linespan" type="text" @click="goToplane">坐标转换</el-button>
        </div>

        <div class="bg-red">
            <el-form :inline="true" :label-position="labelPosition" label-width="80px" :model="formLabelAlign">
                <h3 style="margin-left: -330px; color: #f5f7fa;">度分转度</h3>

                <el-input type="textarea" :rows="3" v-model="formLabelAlign.df" placeholder="输入度分格式数据" style="width: 90%;   margin-top: 5px;"></el-input>
                <el-input type="textarea" :rows="3" v-model="formLabelAlign.df" placeholder="输入度分格式数据"
                    style="width: 90%;   margin-top: 5px;"></el-input>
                <el-form-item style="margin-top: 20px; margin-right: 20px; color: #f5f7fa;">
                    <el-input v-model="formLabelAlign.resdu" style="margin-left: 10px; width: 325px;"></el-input>
                </el-form-item>
@@ -22,7 +24,8 @@
                <!--------------------------------------------------------------->
                <h3 style="margin-left: -330px; color: #f5f7fa;">度转度分</h3>

                <el-input type="textarea" :rows=3 v-model="formLabelAlign.du" placeholder="输入度格式数据数据" style="width: 90%;  margin-top: 5px;"></el-input>
                <el-input type="textarea" :rows=3 v-model="formLabelAlign.du" placeholder="输入度格式数据数据"
                    style="width: 90%;  margin-top: 5px;"></el-input>
                <el-form-item style="margin-top: 20px; margin-right: 20px; color: #f5f7fa;">
                    <el-input v-model="formLabelAlign.resdf" style="margin-left: 10px; width: 325px;"></el-input>
                </el-form-item>
@@ -30,20 +33,23 @@
                    <el-button @click="onDuSubmit" type="success">计算</el-button>
                </el-form-item>
            </el-form>
          


        </div>
        <div style="text-align: center;color: #f5f7fa;position: absolute;font-size: 12px;bottom:30px;left: 0;right: 0;">
      <a target="_blank" id="icp">北京华星北斗智控技术有限公司版权所有京ICP备15062414号-11</a>
    </div>
            <a target="_blank" id="icp">北京华星北斗智控技术有限公司版权所有京ICP备15062414号-11</a>
        </div>

    </div>
</template>

<script>
import axios from 'axios';
const dfurl = 'http://39.106.210.13:8848/hxzkuwb/ddmm2d';
const duurl = 'http://39.106.210.13:8848/hxzkuwb/dd2ddmm';
const dfurl = 'http://39.106.210.13:8087/ddmm2d';
const duurl = 'http://39.106.210.13:8087/dd2ddmm';

// const dfurl = 'http://localhost:8082/ddmm2d';
// const duurl = 'http://localhost:8082/dd2ddmm';
// const dfurl = 'http://127.0.0.1:8848/hxzkuwb/ddmm2d';
// const duurl = 'http://127.0.0.1:8848/hxzkuwb/dd2ddmm';
// const dfurl = 'http://localhost:8848/Hxzkrd/compute/ddmm2d';
@@ -63,7 +69,7 @@
    },
    methods: {
        goToDistance() {
           

            this.$router.push('/distance'); // 根据自定义的路由设置跳转到指定页面
            //  this.$router.go(0);
        },
@@ -87,24 +93,29 @@
            console.log(this.formLabelAlign.df.split("."));
            if (!this.formLabelAlign.df) {
                this.$message.error('请输入度分格式数据');
            }else if (this.formLabelAlign.df.split(".").length!=2) {
            } else if (this.formLabelAlign.df.split(".").length != 2) {
                this.$message.error('输入有误，无法计算！请检查数据');
            } else {
                const changeOrigin = true;
            const params = { df: this.formLabelAlign.df };
            axios.get(dfurl, { params })
                .then((response) => {
                    console.log('成功获取到后端数据', response.data);
                    // 处理返回的数据
                    // console.log(res);
                    this.formLabelAlign.resdu = response.data
                const params = { df: this.formLabelAlign.df };
                axios.get(dfurl, {
                    params,
                    // headers: {
                    //    'X-Access-Token:': `eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0aW1lU3RhbXAiOjE3MzU0NTM1OTgzODksInVzZXJJZCI6IueOi-mjniJ9.HReZWbn3qHCAFw65InGjQ7ShiMbxQ0cbkM9RQNuhnfg` // 将token添加到请求头中
                    // }
                })
                .catch((error) => {
                    console.error('获取后端数据失败', error);
                    // 错误处理
                });
                    .then((response) => {
                        console.log('成功获取到后端数据', response.data);
                        // 处理返回的数据
                        // console.log(res);
                        this.formLabelAlign.resdu = response.data
                    })
                    .catch((error) => {
                        console.error('获取后端数据失败', error);
                        // 错误处理
                    });
            }
           




@@ -112,21 +123,26 @@
        onDuSubmit() {
            if (!this.formLabelAlign.du) {
                this.$message.error('请输入度格式数据');
            }else if (this.formLabelAlign.du.split(".").length!=2) {
            } else if (this.formLabelAlign.du.split(".").length != 2) {
                this.$message.error('输入有误，无法计算！请检查数据');
            } else {
            const params = { du: this.formLabelAlign.du };
            axios.get(duurl, { params })
                .then((response) => {
                    console.log('成功获取到后端数据', response.data);
                    // 处理返回的数据
                    // console.log(res);
                    this.formLabelAlign.resdf = response.data
                const params = { du: this.formLabelAlign.du };
                axios.get(duurl, {
                    params,
                    // headers: {
                    //    'X-Access-Token::': `eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0aW1lU3RhbXAiOjE3MzU0NTM1OTgzODksInVzZXJJZCI6IueOi-mjniJ9.HReZWbn3qHCAFw65InGjQ7ShiMbxQ0cbkM9RQNuhnfg` // 将token添加到请求头中
                    // }
                })
                .catch((error) => {
                    console.error('获取后端数据失败', error);
                    // 错误处理
                });
                    .then((response) => {
                        console.log('成功获取到后端数据', response.data);
                        // 处理返回的数据
                        // console.log(res);
                        this.formLabelAlign.resdf = response.data
                    })
                    .catch((error) => {
                        console.error('获取后端数据失败', error);
                        // 错误处理
                    });
            }
        },
    }
@@ -138,11 +154,13 @@
    margin-left: 10px;
    color: #007cf0
}

/* 鼠标悬浮后的设置 */
.title_linespan:hover {
    color: #ffffff;
  text-decoration: underline;
    text-decoration: underline;
}

.fullscreen-bg {
    position: fixed;
    top: 0;
@@ -178,7 +196,6 @@
:deep(.el-input__wrapper) {
    font-size: 14px;
    /* width: 100%; */
    /* height:320px;
} */ 

/* height:320px;
} */
</style>