| | |
| | | <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-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')"> |
| | |
| | | <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-section :title="translateSys('page.mobox3_server')" type="line"> |
| | | |
| | | <uni-row> |
| | | <uni-col :span="16"> |
| | | <uni-forms-item :label="'OrgSAPI '+ translateSys('sys.port')" label-width="240rpx"> |
| | | <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-forms-item label="MoboxSAPI"> |
| | | |
| | | <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"> |
| | | </uni-forms-item> --> |
| | | <!-- <uni-forms-item label="MongodbSvr"> |
| | | <input type="number" class="input-wrapper" v-model="form.mongodbSPort"> |
| | | </uni-forms-item> |
| | | </uni-forms-item> --> |
| | | </uni-section> |
| | | |
| | | <view> {{translateSys('page.interface_large_mode')}} |
| | |
| | | |
| | | <script> |
| | | import utils from "@/js/utils.js" |
| | | import {showInfo, |
| | | showError} from "@/js/Page.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 |
| | | 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); |
| | |
| | | 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 |
| | |
| | | |
| | | // }); |
| | | }, |
| | | 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 |
| | | }, |
| | |
| | | }, |
| | | }, |
| | | 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.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 |
| | | } |
| | | }, |
| | | |
| | | } |
| | |
| | | display: flex; |
| | | width: 750rpx; |
| | | flex-direction: column !important; |
| | | padding: 10rpx 0; |
| | | |
| | | .form { |
| | | padding: 10rpx 20rpx; |
| | | |
| | | |
| | | .input-wrapper { |
| | | border: 1px solid #d5d5d5; |
| | | width: calc(100% - 16rpx); |
| | | padding: 12rpx 8rpx; |
| | | width: calc(100% - 10px); |
| | | padding: 10rpx 5rpx; |
| | | } |
| | | |
| | | .input-port { |
| | | border: 1px solid #d5d5d5; |
| | | padding: 10rpx 10rpx; |
| | | width: 120rpx; |
| | | } |
| | | |
| | | .uni-forms-item { |
| | | margin: 20rpx; |
| | | margin: 10rpx 5rpx; |
| | | // background-color: pink; |
| | | } |
| | | } |
| | | |