fei.wang
2025-01-23 084dd988ee8e655227436a4894d26cd64043806f
src/components/degree.vue
@@ -3,7 +3,8 @@
        <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" 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>
@@ -12,7 +13,8 @@
            <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>
@@ -42,8 +45,11 @@
<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';
@@ -92,7 +98,12 @@
            } else {
                const changeOrigin = true;
            const params = { df: this.formLabelAlign.df };
            axios.get(dfurl, { params })
                axios.get(dfurl, {
                    params,
                    // headers: {
                    //    'X-Access-Token:': `eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0aW1lU3RhbXAiOjE3MzU0NTM1OTgzODksInVzZXJJZCI6IueOi-mjniJ9.HReZWbn3qHCAFw65InGjQ7ShiMbxQ0cbkM9RQNuhnfg` // 将token添加到请求头中
                    // }
                })
                .then((response) => {
                    console.log('成功获取到后端数据', response.data);
                    // 处理返回的数据
@@ -116,7 +127,12 @@
                this.$message.error('输入有误,无法计算!请检查数据');
            } else {
            const params = { du: this.formLabelAlign.du };
            axios.get(duurl, { params })
                axios.get(duurl, {
                    params,
                    // headers: {
                    //    'X-Access-Token::': `eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0aW1lU3RhbXAiOjE3MzU0NTM1OTgzODksInVzZXJJZCI6IueOi-mjniJ9.HReZWbn3qHCAFw65InGjQ7ShiMbxQ0cbkM9RQNuhnfg` // 将token添加到请求头中
                    // }
                })
                .then((response) => {
                    console.log('成功获取到后端数据', response.data);
                    // 处理返回的数据
@@ -138,11 +154,13 @@
    margin-left: 10px;
    color: #007cf0
}
/* 鼠标悬浮后的设置 */
.title_linespan:hover {
    color: #ffffff;
  text-decoration: underline;
}
.fullscreen-bg {
    position: fixed;
    top: 0;
@@ -180,5 +198,4 @@
    /* width: 100%; */
    /* height:320px;
} */ 
</style>