318 lines
7.9 KiB
Vue
318 lines
7.9 KiB
Vue
<template>
|
||
<view class="normal-login-container">
|
||
<view class="logo-content align-center justify-center flex">
|
||
<image style="width: 100rpx;height: 100rpx;" :src="globalConfig.appInfo.logo" mode="widthFix">
|
||
</image>
|
||
<text class="title">修改配置信息</text>
|
||
</view>
|
||
<view class="cu-list menu-avatar">
|
||
<view class="cu-item">
|
||
<view class="content flex-sub">
|
||
<view class="text-grey">当前系统连接信息：</view>
|
||
<view class="text-gray text-sm flex justify-between">
|
||
<view class="text-gray text-sm">
|
||
{{changeUrlForm.baseUrl}}
|
||
</view>
|
||
<view class="text-gray text-sm">
|
||
<button @click="connectTestHander(changeUrlForm.baseUrl)"
|
||
class="changeUrl-btn cu-btn block bg-blue md round">连通性测试</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|
||
<view class="cu-item">
|
||
<view class="content flex-sub">
|
||
<view class="text-grey">项目实际连接信息：</view>
|
||
<view class="text-gray text-sm flex justify-between">
|
||
<view class="text-gray text-sm">
|
||
{{changeUrlForm.practicalUrl?changeUrlForm.practicalUrl:"未设置"}}
|
||
</view>
|
||
<view class="text-gray text-sm" v-if="changeUrlForm.practicalUrl.length>0">
|
||
<button @click="connectTestHander(changeUrlForm.practicalUrl)"
|
||
class="changeUrl-btn cu-btn block bg-blue md round">连通性测试</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="login-form-content">
|
||
<view class="cu-form-group input-item flex align-center">
|
||
<view class="title">新IP </view>
|
||
<input v-model="changeUrlForm.ip" class="input" type="text" placeholder="请输入IP" maxlength="30" />
|
||
</view>
|
||
<view class="cu-form-group input-item flex align-center">
|
||
<view class="title">新端口 </view>
|
||
<input v-model="changeUrlForm.port" type="text" class="input" placeholder="请输入端口" maxlength="20" />
|
||
</view>
|
||
<view class="flex action-btn">
|
||
<view class="flex-sub padding-sm margin-xs radius">
|
||
<button @click="testConnection()" class=" cu-btn block bg-yellow md round">测试</button>
|
||
</view>
|
||
<view class="flex-sub padding-sm margin-xs radius">
|
||
<button @click="saveUrl()" class=" cu-btn block bg-blue md round">保存</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="xieyi text-center">
|
||
<text @click="handleUserLogin" class="text-blue">跳转到登录页</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
getCodeImg,
|
||
register
|
||
} from '@/api/login';
|
||
import config from '@/config';
|
||
import errorCode from '@/utils/errorCode';
|
||
import store from '@/store'
|
||
import {
|
||
getPracticalUrl,
|
||
setPracticalUrl
|
||
} from '@/utils/practicalUrl'
|
||
import {
|
||
toast,
|
||
showConfirm,
|
||
tansParams
|
||
} from '@/utils/common'
|
||
export default {
|
||
data() {
|
||
return {
|
||
captchaEnabled: true,
|
||
globalConfig: getApp().globalData.config,
|
||
changeUrlForm: {
|
||
baseUrl: getApp().globalData.config.baseUrl,
|
||
practicalUrl: getPracticalUrl(),
|
||
ip: "127.0.0.1",
|
||
port: "9292",
|
||
code: "",
|
||
uuid: ''
|
||
}
|
||
}
|
||
},
|
||
created() {
|
||
//this.getCode()
|
||
},
|
||
methods: {
|
||
// 用户登录
|
||
handleUserLogin() {
|
||
this.$tab.navigateTo(`/pages/login`)
|
||
},
|
||
// 获取图形验证码
|
||
getCode() {
|
||
getCodeImg().then(res => {
|
||
// this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
|
||
// if (this.captchaEnabled) {
|
||
// this.codeUrl = 'data:image/gif;base64,' + res.img
|
||
// this.changeUrlForm.uuid = res.uuid
|
||
// }
|
||
})
|
||
},
|
||
// 连通性测试
|
||
async connectTestHander(fullUrl) {
|
||
console.log("connectTestHander", fullUrl)
|
||
this.connection(fullUrl)
|
||
},
|
||
// 保存配置信息
|
||
async saveUrl() {
|
||
if (this.changeUrlForm.ip === "") {
|
||
this.$modal.msgError("请设置IP")
|
||
return;
|
||
} else if (this.changeUrlForm.port === "") {
|
||
this.$modal.msgError("请设置端口")
|
||
return;
|
||
}
|
||
var IP = 'http://' + this.changeUrlForm.ip + ':' + this.changeUrlForm.port;
|
||
setPracticalUrl(IP)
|
||
// config.practicalUrl =
|
||
// console.log("config.practicalUrl", config)
|
||
this.changeUrlForm.practicalUrl = getPracticalUrl()
|
||
showConfirm("连接信息保存成功")
|
||
|
||
},
|
||
|
||
async testConnection() {
|
||
if (this.changeUrlForm.ip === "") {
|
||
this.$modal.msgError("请设置IP")
|
||
return;
|
||
} else if (this.changeUrlForm.port === "") {
|
||
this.$modal.msgError("请设置端口")
|
||
return;
|
||
}
|
||
var testUrl = 'http://' + this.changeUrlForm.ip + ':' + this.changeUrlForm.port;
|
||
this.connection(testUrl)
|
||
},
|
||
|
||
// 连通性测试
|
||
async connection(ipAddrress) {
|
||
if (ipAddrress === "") {
|
||
this.$modal.msgError("请设置地址信息")
|
||
return;
|
||
}
|
||
uni.request({
|
||
method: 'get',
|
||
timeout: 3000,
|
||
url: ipAddrress + '/api/restful/base/networkTest',
|
||
data: config.data,
|
||
header: config.header,
|
||
dataType: 'json'
|
||
}).then(response => {
|
||
console.log("response", response)
|
||
let [error, res] = response
|
||
if (error) {
|
||
toast('后端接口连接异常')
|
||
return
|
||
}
|
||
const code = res.data.code || 200
|
||
const msg = errorCode[code] || res.data.msg || errorCode['default']
|
||
uni.showModal({
|
||
title: "系统提示",
|
||
content: res.data.msg + "! 时间戳：" + res.data.timeStamp,
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
//跳转到到登录页
|
||
// uni.redirectTo({
|
||
// url: `/pages/login`
|
||
// });
|
||
}
|
||
}
|
||
})
|
||
|
||
})
|
||
.catch(error => {
|
||
let {
|
||
message
|
||
} = error
|
||
if (message === 'Network Error') {
|
||
message = '后端接口连接异常'
|
||
} else if (message.includes('timeout')) {
|
||
message = '系统接口请求超时'
|
||
} else if (message.includes('Request failed with status code')) {
|
||
message = '系统接口' + message.substr(message.length - 3) + '异常'
|
||
}
|
||
uni.showModal({
|
||
title: "测试异常",
|
||
content: message,
|
||
success: function(res) {
|
||
console.log("res", res)
|
||
// if (res.confirm) {
|
||
// uni.redirectTo({
|
||
// url: `/pages/login`
|
||
// });
|
||
// }
|
||
}
|
||
})
|
||
toast(message)
|
||
reject(error)
|
||
})
|
||
|
||
},
|
||
// 用户注册
|
||
async changeUrl() {
|
||
register(this.changeUrlForm).then(res => {
|
||
this.$modal.closeLoading()
|
||
uni.showModal({
|
||
title: "系统提示",
|
||
content: "恭喜你，您的账号 " + this.changeUrlForm.username + " 注册成功！",
|
||
success: function(res) {
|
||
if (res.confirm) {
|
||
uni.redirectTo({
|
||
url: `/pages/login`
|
||
});
|
||
}
|
||
}
|
||
})
|
||
}).catch(() => {
|
||
if (this.captchaEnabled) {
|
||
this.getCode()
|
||
}
|
||
})
|
||
},
|
||
// 注册成功后，处理函数
|
||
changeUrlSuccess(result) {
|
||
// 设置用户信息
|
||
this.$store.dispatch('GetInfo').then(res => {
|
||
this.$tab.reLaunch('/pages/index')
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
page {
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
.normal-login-container {
|
||
width: 100%;
|
||
|
||
.logo-content {
|
||
width: 100%;
|
||
font-size: 21px;
|
||
text-align: center;
|
||
padding-top: 15%;
|
||
|
||
image {
|
||
border-radius: 4px;
|
||
}
|
||
|
||
.title {
|
||
margin-left: 10px;
|
||
}
|
||
}
|
||
|
||
.login-form-content {
|
||
text-align: center;
|
||
margin: 20px auto;
|
||
margin-top: 15%;
|
||
width: 80%;
|
||
|
||
.input-item {
|
||
margin: 20px auto;
|
||
background-color: #f5f6f7;
|
||
height: 45px;
|
||
border-radius: 20px;
|
||
|
||
.icon {
|
||
font-size: 38rpx;
|
||
margin-left: 10px;
|
||
color: #999;
|
||
}
|
||
|
||
.input {
|
||
width: 100%;
|
||
font-size: 14px;
|
||
line-height: 20px;
|
||
text-align: left;
|
||
padding-left: 15px;
|
||
}
|
||
|
||
}
|
||
|
||
.changeUrl-btn {
|
||
margin-top: 40px;
|
||
height: 45px;
|
||
}
|
||
|
||
.xieyi {
|
||
color: #333;
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.login-code {
|
||
height: 38px;
|
||
float: right;
|
||
|
||
.login-code-img {
|
||
height: 38px;
|
||
position: absolute;
|
||
margin-left: 10px;
|
||
width: 200rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style> |