#

whycq

2022-02-14 02fddd9eb7a2b4df590d363781e6104290d48eab

 pages/login/login.vue

@@ -1,6 +1,9 @@
  <template>
   <view class="zai-box">
        <scroll-view scroll-y class="page">
         <view class="changIP">
            <button @click="changeIP()">设置IP</button>
         </view>
            <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>
@@ -9,14 +12,24 @@
            <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>
                  <input placeholder="请输入账号" name="input" v-model="userName"></input>
                  <input placeholder="请输入账号" name="input" v-model="info.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>
                  <input class="uni-input" placeholder="请输入密码" :password="!showPassword" v-model="password" />
                  <input class="uni-input" placeholder="请输入密码" :password="!showPassword" v-model="info.password" />
                  <view class="action text-lg">
                      <text :class="[showPassword ? 'cuIcon-attention' : 'cuIcon-attentionforbid']" @click="changePassword"></text>
                  </view>
               </view>
               <view>
                  <checkbox-group>
                     <label>
                        <checkbox value="cb" checked="true" color="#FFCC33" style="transform:scale(0.7)" />选中
                     </label>
                     <label>
                        <checkbox value="cb" checked="true"/>未选中
                     </label>
                  </checkbox-group>
               </view>
               <view class="padding text-center margin-top">
                  <button class="cu-btn bg-blue lg margin-right shadow" :loading="loading" :class="[shape=='round'?'round':'']"
@@ -39,6 +52,14 @@
         <image src="../../static/logo1.png" mode="aspectFit" class="round"></image>
         <view class="gray-text">登录中...</view>
      </view>
      <view>
         <!-- 输入框示例 -->
         <uni-popup ref="inputDialog" type="dialog">
            <uni-popup-dialog ref="inputClose" mode="input" title="请输入IP" value="http://192.168.4.123:8082/xgmwms"
               placeholder="请输入IP" @confirm="dialogInputConfirm">
            </uni-popup-dialog>
         </uni-popup>
      </view>
    </view>

</template>
@@ -54,8 +75,6 @@
            return {
            shape:'',//round 圆形
            loading: false,
            userName: '',
            password: '',
            phoneNo: '',
            smsCode: '',
            showPassword: false, //是否显示明文
@@ -72,7 +91,15 @@
            thirdUserUuid:'',
            url: {
               bindingThirdPhone: '/sys/thirdLogin/bindingThirdPhone'
            }
            },
            baseIP:'',
            type:'',
            info:{
               userName:'',
               password:''
            },
            rember:true,
			
            };
        },
      onLoad:function(){
@@ -95,19 +122,28 @@
              }
            },
            canSMSLogin() {
              return this.userName.length > 4 && this.smsCode.length > 4;
              return this.info.userName.length > 4 && this.smsCode.length > 4;
            },
            canPwdLogin() {
              return this.userName.length > 4 && this.password.length > 4;
              return this.info.userName.length > 4 && this.info.password.length > 4;
            },
      },
        methods: {
         changeIP(){
            this.$refs.inputDialog.open()
         },
         dialogInputConfirm(type){
            this.baseUrl=type
         },
         chk(e){
            console.log(e)
         },
         onLogin: function (){
            if(!this.userName || this.userName.length==0){
            if(!this.info.userName || this.info.userName.length==0){
               uni.showToast({title: '请填写账号',icon: "none"})
               return;
            }
            if(!this.password || this.password.length==0){
            if(!this.info.password || this.info.password.length==0){
               uni.showToast({title: '请填写密码',icon: "none"})
               return;
            }
@@ -115,8 +151,8 @@
            uni.request({
                url: this.baseUrl + '/login.action',
                data: {
                  mobile:this.userName,
                  password:md5.hex_md5(this.password) 
                  mobile:this.info.userName,
                  password:md5.hex_md5(this.info.password) 
                },
                header: {
                  "content-type": "application/json"
@@ -173,6 +209,8 @@
              clearInterval(this.smsCountInterval);
          }
      },
		
		
    }
</script>

@@ -186,9 +224,9 @@
    }

    .zai-box {
        padding: 0 20upx;
        /* padding: 0 20upx;
        padding-top: 100upx;
        position: relative;
        position: relative; */
    }

    .zai-logo {
@@ -229,5 +267,8 @@
    .zai-btn.button-hover {
        transform: translate(1upx, 1upx);
    }
   .changIP {
      margin-top: 0rpx;
   }

</style>