#

whycq

2024-07-30 de15b63fefbe3fcdd006ec917d6712778332949a

 pages/login/login.vue

@@ -4,23 +4,22 @@
        <scroll-view scroll-y class="page">
         
            <view class="text-center" :style="[{animation: 'show ' + 0.4+ 's 1'}]">
            <image src="../../static/logo.png" mode='aspectFit' class="zai-logo "></image>
            <view class="zai-title text-shadow ">Zoneyung</view>
            <image src="../../static/logo.png" mode='aspectFit' class="zai-logo" @longtap='longpressImg'></image>
         </view>
            <view class="box padding-lr-xl login-paddingtop" :style="[{animation: 'show ' + 0.6+ 's 1'}]">
            <block v-if="loginWay==1">
               <view class="cu-form-group margin-top  shadow-warp" :class="[shape=='round'?'round':'']">
                  <view class="title"><text class="cuIcon-people margin-right-xs"></text>账号:</view>
                  <view class="title-login"><text class="cuIcon-people margin-right-xs"></text>账号:</view>
                  <input placeholder="请输入账号" name="input" v-model="userName"></input>
               </view>
               <view class="cu-form-group margin-top shadow-warp" :class="[shape=='round'?'round':'']">
                  <view class="title"><text class="cuIcon-lock margin-right-xs"></text>密码:</view>
                  <view class="title-login"><text class="cuIcon-lock margin-right-xs"></text>密码:</view>
                  <input class="uni-input" placeholder="请输入密码" :password="!showPassword" v-model="password" />
                  <view class="action text-lg">
                      <text :class="[showPassword ? 'cuIcon-attention' : 'cuIcon-attentionforbid']" @click="changePassword"></text>
                  </view>
               </view>
               <view class="changeBox">
               <view class="flex margin-xs justify-between">
                  <checkbox-group class="rember">
                     <label>
                        <checkbox value="cb" :checked="rember"  @tap="rember = !rember" style="transform:scale(0.7)" /><text>记住密码</text>
@@ -28,8 +27,8 @@
                  </checkbox-group>
                  <text class="changeIP" @click="changeIP()">设置IP</text>
               </view>
               <view class="padding text-center margin-top">
                  <button class="cu-btn bg-blue lg margin-right shadow" :loading="loading" :class="[shape=='round'?'round':'']"
               <view class="flex padding justify-center margin-top">
                  <button class="cu-btn bg-blue lg  shadow" :loading="loading" :class="[shape=='round'?'round':'']"
                     @tap="onLogin"><text space="emsp">{{loading ? "登录中...":" 登录 "}}</text>
                  </button>
               </view>
@@ -50,11 +49,17 @@
         <view class="gray-text">登录中...</view>
      </view>
      <view>
         <!-- 输入框示例 -->
         <uni-popup ref="inputDialog" type="dialog">
            <uni-popup-dialog ref="inputClose" mode="input" title="请输入IP" v-model="IP"
               placeholder="请输入IP" @confirm="dialogInputConfirm">
            </uni-popup-dialog>
            <uni-popup-dialog ref="inputClose" mode="input" title="设置IP" v-model="IP"
               placeholder="请输入服务器IP" @confirm="dialogInputConfirm">
            </uni-popup-dialog>	
         </uni-popup>
      </view>
      <view style="margin-top: 10rpx;">
         <uni-popup ref="serverPort" type="dialog">
            <uni-popup-dialog ref="inputClose" mode="input" title="设置端口" v-model="PORT"
               placeholder="请输入服务器端口号" @confirm="serverPortConfirm">
            </uni-popup-dialog>	
         </uni-popup>
      </view>
    </view>
@@ -89,12 +94,12 @@
            url: {
               bindingThirdPhone: '/sys/thirdLogin/bindingThirdPhone'
            },
            baseIP:'',
            type:'',
            userName:'',
            password:'',
            rember:true,
            IP:'',
            PORT:'',
            };
        },
      mounted() {
@@ -111,14 +116,22 @@
             that.userName = '';
             that.password = '';
         }
			
         const UIP = uni.getStorageSync('UIP');
            console.log(UIP)
            if (UIP) {
         if (UIP) {
             that.IP = UIP;
            } else {
            that.baseIP = UIP;
         } else {
             that.IP = '';
            }

         }
			
         const UPORT = uni.getStorageSync('UPORT');
         if (UPORT) {
             that.PORT = UPORT;
            that.basePORT = UPORT;
         } else {
             that.PORT = '8080';
         }
      },
      onLoad:function(){
         // #ifdef APP-PLUS
@@ -147,20 +160,25 @@
            },
      },
        methods: {
         longpressImg() { // 长按图片
            this.$refs.serverPort.open()
         },
         serverPortConfirm(type) {
            this.basePORT = type
            // 存入本地缓存
            this.PORT = type
            uni.setStorageSync('UPORT',this.basePORT)
         },
         changeIP(){
            this.$refs.inputDialog.open()
         },
         dialogInputConfirm(type){
            this.baseUrl=type
            this.IP = type
            this.UIP = type
            uni.setStorageSync('UIP',type)
            console.log(this.IP)
            console.log(this.baseUrl)
            console.log(this.UIP)
            this.baseIP = type
            // 存入本地缓存
            this.IP = type;
            uni.setStorageSync('UIP',this.baseIP)
         },
         checkboxChange: function(e) {
             console.log(e.detail.value.length);
             if (e.detail.value.length == 1) {
         
                 //获取缓存的账号
@@ -172,6 +190,7 @@
             }
         },
         onLogin: function (){
            console.log(this.baseHttp + this.baseIP + ':' +this.basePORT + this.baseUrl + '/login.action');
            if(!this.userName || this.userName.length==0){
               uni.showToast({title: '请填写账号',icon: "none"})
               return;
@@ -181,10 +200,11 @@
               return;
            }
            uni.showLoading();
				
            uni.request({
                url: 'http://'+ this.baseUrl + ':8082/xgmwms' + '/login.action',
                url: this.baseHttp + this.baseIP + ':' +this.basePORT + this.baseUrl + '/login.action',
                data: {
                  mobile:this.userName,
                  username:this.userName,
                  password:md5.hex_md5(this.password) 
                },
                header: {
@@ -208,7 +228,7 @@
                     }
                     uni.setStorageSync('token', res.data.token);
                     setTimeout(() => {
                        uni.navigateBack();      //   小程序用这个  把首页路由放第一个
                        // uni.navigateBack();      //   小程序用这个  把首页路由放第一个
                        uni.reLaunch({
                           url: '../index/index'
                        });
@@ -228,7 +248,6 @@
            var info = plus.push.getClientInfo();
            var cid = info.clientid;
            this.$http.get("/sys/user/saveClientId",{params:{clientId:cid}}).then(res=>{
               console.log("res::saveClientId>",res)
               this.$tip.success('登录成功!')
               this.$Router.replaceAll({name:'index'})
            })
@@ -270,7 +289,7 @@
    }

    .zai-logo {
        width: 200upx;
        width: 600upx;
        height: 150px;
    }