From 08b2db8f26e6b508c7ed9a59006cff3005db5895 Mon Sep 17 00:00:00 2001
From: cuiqian2004 <cuiqian2004@163.com>
Date: 星期五, 06 六月 2025 16:03:39 +0800
Subject: [PATCH] test
---
pages/login/set.vue | 62 ++++++++++++++++++++++++------
1 files changed, 49 insertions(+), 13 deletions(-)
diff --git a/pages/login/set.vue b/pages/login/set.vue
index 802e4fe..3e6b34c 100644
--- a/pages/login/set.vue
+++ b/pages/login/set.vue
@@ -1,6 +1,6 @@
<template>
- <view class="uni-page-login-set">
- <uni-forms class="form" label-align="right" label-width="100px" :form="form">
+ <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')">
@@ -23,9 +23,18 @@
<input type="number" class="input-wrapper" v-model="form.mongodbSPort">
</uni-forms-item>
</uni-section>
- </uni-forms>
- <button id='ok' type="default" @tap="onOk" class="btn_ok">{{translateSys("sys.ok")}}</button>
+ <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>
@@ -42,7 +51,10 @@
moboxSPort: "",
dataSPort: "",
mongodbSPort: "",
- }
+ bindClasses: false,
+ largeMode: false
+ },
+
}
},
methods: {
@@ -50,12 +62,20 @@
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);
@@ -67,6 +87,13 @@
// });
},
+ 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;
@@ -74,8 +101,12 @@
},
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
@@ -94,24 +125,29 @@
flex-direction: column !important;
.form {
- padding: 20rpx;
+ padding: 10rpx 20rpx;
- }
+ .input-wrapper {
+ border: 1px solid #d5d5d5;
+ width: calc(100% - 16rpx);
+ padding: 12rpx 8rpx;
+ }
- .input-wrapper {
- border: 1px solid #d5d5d5;
- width: calc(100% - 16rpx);
- padding: 12rpx 8rpx;
+ .uni-forms-item {
+ margin: 20rpx;
+ }
}
button.btn_ok {
- margin-top: 50rpx;
- width: 100%;
+ margin-top: 10rpx 25rpx;
+ width: calc(100% - 50rpx);
padding: 20rpx;
line-height: 1.5;
background: #27A6E1;
border: none;
color: #fff;
}
+
+
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1