<template>
|
<view class="uni-page-login-set" :class="form.largeMode?'large-mode':''">
|
<uni-forms class="form" label-align="right" label-width="100rpx" :form="form">
|
<uni-section :title="translateSys('page.server')" type="line">
|
<input type="text" class="input-wrapper" v-model="form.server"
|
:placeholder="translateSys('page.input_server')">
|
</uni-section>
|
<uni-section :title="translateSys('page.mobox3_app_type')" type="line">
|
<input type="text" class="input-wrapper" v-model="form.appType"
|
:placeholder="translateSys('page.input_server')">
|
</uni-section>
|
<uni-section :title="translateSys('page.mobox3_server')" type="line">
|
|
<uni-row>
|
<uni-col :span="16">
|
<uni-forms-item :label="'OrgSAPI '+ translateSys('sys.port')" label-width="250rpx">
|
<input type="number" class="input-port" v-model="form.orgSPort">
|
|
</uni-forms-item>
|
</uni-col>
|
<uni-col :span="8">
|
<uni-forms-item :label="translateSys('page.address')" label-width="100rpx">
|
<switch class="item" :checked="form.showOrgIp"
|
:style="form.largeMode? '':'transform:scale(0.7)'" @change="switchShowOrgIp" />
|
</uni-forms-item>
|
</uni-col>
|
</uni-row>
|
<uni-forms-item :label="translateSys('page.address')" label-width="240rpx" v-if="form.showOrgIp">
|
<input class="input-wrapper" v-model="form.orgSIp">
|
</uni-forms-item>
|
|
<uni-row>
|
<uni-col :span="16">
|
<uni-forms-item :label="'MoboxSAPI '+ translateSys('sys.port')" label-width="250rpx">
|
<input type="number" class="input-port" v-model="form.moboxSPort">
|
|
</uni-forms-item>
|
</uni-col>
|
<uni-col :span="8">
|
<uni-forms-item :label="translateSys('page.address')" label-width="100rpx">
|
<switch class="item" :checked="form.showMoboxIp"
|
:style="form.largeMode? '':'transform:scale(0.7)'" @change="switchShowMoboxIp" />
|
</uni-forms-item>
|
</uni-col>
|
</uni-row>
|
<uni-forms-item :label="translateSys('page.address')" label-width="240rpx" v-if="form.showMoboxIp">
|
<input class="input-wrapper" v-model="form.moboxSIp">
|
</uni-forms-item>
|
|
<uni-row>
|
<uni-col :span="16">
|
<uni-forms-item :label="'DataSAPI '+ translateSys('sys.port')" label-width="250rpx">
|
<input type="number" class="input-port" v-model="form.dataSPort">
|
|
</uni-forms-item>
|
</uni-col>
|
<uni-col :span="8">
|
<uni-forms-item :label="translateSys('page.address')" label-width="100rpx">
|
<switch class="item" :checked="form.showDataIp"
|
:style="form.largeMode? '':'transform:scale(0.7)'" @change="switchShowDataIp" />
|
</uni-forms-item>
|
</uni-col>
|
</uni-row>
|
<uni-forms-item :label="translateSys('page.address')" label-width="240rpx" v-if="form.showDataIp">
|
<input class="input-wrapper" v-model="form.dataSIp">
|
</uni-forms-item>
|
|
<!-- <uni-forms-item label="MoboxSAPI">
|
<input type="number" class="input-wrapper" v-model="form.moboxSPort">
|
</uni-forms-item>
|
<uni-forms-item label="DataSAPI">
|
<input type="number" class="input-wrapper" v-model="form.dataSPort">
|
</uni-forms-item> -->
|
<!-- <uni-forms-item label="MongodbSvr">
|
<input type="number" class="input-wrapper" v-model="form.mongodbSPort">
|
</uni-forms-item> -->
|
</uni-section>
|
|
<view> {{translateSys('page.interface_large_mode')}}
|
<switch :checked="form.largeMode" :style="form.largeMode? '':'transform:scale(0.7)'"
|
@change="switchLargeMode" />
|
</view>
|
|
<view> {{translateSys('page.mobox3_bind_classes_when_logging_in')}}
|
<switch :checked="form.bindClasses" :style="form.largeMode? '':'transform:scale(0.7)'"
|
@change="switchBindClasses" />
|
</view>
|
</uni-forms>
|
<button class="btn_ok" type="default" @tap="onOk">{{translateSys("sys.ok")}}</button>
|
</view>
|
</template>
|
|
<script>
|
import utils from "@/js/utils.js"
|
import {
|
showInfo,
|
showError,
|
showToast
|
} from "@/js/Page.js"
|
export default {
|
data() {
|
return {
|
form: {
|
server: "",
|
appType: "",
|
orgSIp: "",
|
moboxSIp: "",
|
dataSIp: "",
|
orgSPort: "",
|
moboxSPort: "",
|
dataSPort: "",
|
mongodbSPort: "",
|
showOrgIp: false,
|
showDataIp: false,
|
showMoboxIp: false,
|
|
bindClasses: false,
|
largeMode: false,
|
|
|
},
|
|
}
|
},
|
methods: {
|
onOk() {
|
|
let org = ""
|
let mobox = ""
|
let data = ""
|
if (this.form.showOrgIp) {
|
|
if (!this.form.orgSIp.trim()) {
|
showToast("服务OrgSAPI地址不能为空 ")
|
return
|
}
|
|
org = this.form.orgSIp
|
}
|
if (this.form.showMoboxIp) {
|
|
if (!this.form.moboxSIp.trim()) {
|
showToast("服务MoboxSAPI地址不能为空 ")
|
return
|
}
|
|
mobox = this.form.moboxSIp
|
}
|
if (this.form.showDataIp) {
|
|
if (!this.form.dataSIp.trim()) {
|
showToast("服务DataSAPI地址不能为空 ")
|
return
|
}
|
|
data = this.form.dataSIp
|
}
|
utils.session.setValue('mobox3_port', {
|
org: this.form.orgSPort,
|
mobox: this.form.moboxSPort,
|
data: this.form.dataSPort,
|
});
|
|
utils.session.setValue('mobox3_server', {
|
org,
|
mobox,
|
data,
|
});
|
utils.session.setValue('server', this.form.server);
|
utils.session.setValue('app_type', this.form.appType);
|
utils.session.setValue('large_mode', this.form.largeMode);
|
let bindInfo = utils.session.getValue('bind_classes')
|
utils.session.setValue('bind_classes', {
|
checked: this.form.bindClasses,
|
classes: bindInfo?.classes || ""
|
});
|
|
getApp().globalData.largeMode = this.form.largeMode
|
const eventChannel = this.getOpenerEventChannel();
|
eventChannel.emit('exitSetEvent', this.form.server);
|
|
uni.navigateBack({
|
delta: 1, //返回层数，2则上上页
|
})
|
// uni.reLaunch({
|
// url: '/pages/login/index'
|
|
// });
|
},
|
switchShowOrgIp(e) {
|
this.form.showOrgIp = e.detail.value
|
},
|
switchShowMoboxIp(e) {
|
this.form.showMoboxIp = e.detail.value
|
},
|
switchShowDataIp(e) {
|
this.form.showDataIp = e.detail.value
|
},
|
|
switchBindClasses(e) {
|
this.form.bindClasses = e.detail.value
|
},
|
switchLargeMode(e) {
|
this.form.largeMode = e.detail.value
|
},
|
|
translateSys(t) {
|
if (typeof this.$t == "function") return this.$t(`${t}`)
|
else return t;
|
},
|
},
|
onLoad() {
|
this.form.server = utils.session.getValue('server') || "";
|
this.form.appType = utils.session.getValue('app_type') || "MES";
|
this.form.bindClasses = utils.session.getValue('bind_classes')?.checked || false
|
this.form.largeMode = utils.session.getValue('large_mode') ? true : false
|
|
const mobox3Port = utils.session.getValue('mobox3_port');
|
this.form.orgSPort = mobox3Port?.org || 5101
|
this.form.moboxSPort = mobox3Port?.mobox || 5102
|
this.form.dataSPort = mobox3Port?.data || 5103
|
this.form.mongodbSPort = mobox3Port?.mongodb || 5201
|
const mobox3Server = utils.session.getValue('mobox3_server');
|
this.form.orgSIp = mobox3Server?.org || ""
|
this.form.moboxSIp = mobox3Server?.mobox || ""
|
this.form.dataSIp = mobox3Server?.data || ""
|
if (this.form.orgSIp) {
|
this.form.showOrgIp = true
|
}
|
if (this.form.moboxSIp) {
|
this.form.showMoboxIp = true
|
}
|
if (this.form.dataSIp) {
|
this.form.showDataIp = true
|
}
|
},
|
|
}
|
</script>
|
|
<style lang="scss">
|
.uni-page-login-set {
|
display: flex;
|
width: 750rpx;
|
flex-direction: column !important;
|
padding: 10rpx 0;
|
|
.form {
|
padding: 10rpx 20rpx;
|
|
|
.input-wrapper {
|
border: 1px solid #d5d5d5;
|
width: calc(100% - 10px);
|
padding: 10rpx 5rpx;
|
}
|
|
.input-port {
|
border: 1px solid #d5d5d5;
|
padding: 10rpx 10rpx;
|
width: 120rpx;
|
}
|
|
.uni-forms-item {
|
margin: 10rpx 5rpx;
|
// background-color: pink;
|
}
|
}
|
|
button.btn_ok {
|
margin-top: 10rpx 25rpx;
|
width: calc(100% - 50rpx);
|
padding: 20rpx;
|
line-height: 1.5;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
}
|
|
|
}
|
</style>
|
