rfid扫描添加原生插件

cuiqian2004

2025-06-19 619b47962e41f506baf7ce2b535b2de1fecc719e

 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>