<template>
|
<view class="uni-page-login-set" :class="form.largeMode?'large-mode':''">
|
<uni-forms class="form" label-align="right" label-width="150px" :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_port')" type="line">
|
<uni-forms-item label="OrgSAPI">
|
<input type="number" class="input-wrapper" v-model="form.orgSPort">
|
</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"
|
|
export default {
|
data() {
|
return {
|
form: {
|
server: "",
|
appType: "",
|
orgSPort: "",
|
moboxSPort: "",
|
dataSPort: "",
|
mongodbSPort: "",
|
bindClasses: false,
|
largeMode: false
|
},
|
|
}
|
},
|
methods: {
|
onOk() {
|
|
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 || ""
|
});
|
utils.session.setValue('mobox3_port', {
|
org: this.form.orgSPort,
|
mobox: this.form.moboxSPort,
|
data: this.form.dataSPort,
|
mongodb: this.form.mongodbSPort
|
});
|
|
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'
|
|
// });
|
},
|
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
|
console.log(this.form.largeMode)
|
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
|
|
},
|
|
}
|
</script>
|
|
<style lang="scss">
|
.uni-page-login-set {
|
display: flex;
|
width: 750rpx;
|
flex-direction: column !important;
|
|
.form {
|
padding: 10rpx 20rpx;
|
|
.input-wrapper {
|
border: 1px solid #d5d5d5;
|
width: calc(100% - 16rpx);
|
padding: 12rpx 8rpx;
|
}
|
|
.uni-forms-item {
|
margin: 20rpx;
|
}
|
}
|
|
button.btn_ok {
|
margin-top: 10rpx 25rpx;
|
width: calc(100% - 50rpx);
|
padding: 20rpx;
|
line-height: 1.5;
|
background: #27A6E1;
|
border: none;
|
color: #fff;
|
}
|
|
|
}
|
</style>
|
