| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <!---------------------------------------------------------------> |
| | | <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> |
| | |
| | | |
| | | <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'; |
| | |
| | | } 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); |
| | | // 处理返回的数据 |
| | |
| | | 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); |
| | | // 处理返回的数据 |
| | |
| | | margin-left: 10px; |
| | | color: #007cf0 |
| | | } |
| | | |
| | | /* 鼠标悬浮后的设置 */ |
| | | .title_linespan:hover { |
| | | color: #ffffff; |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | .fullscreen-bg { |
| | | position: fixed; |
| | | top: 0; |
| | |
| | | /* width: 100%; */ |
| | | /* height:320px; |
| | | } */ |
| | | |
| | | </style> |