111

k94314517

2023-08-28 c5c6fa800cedd37cea0e3cc3e68df78b47ee2813

 minipro_standard/pages/index/index.vue

@@ -1,149 +1,44 @@
<template>

   <view class="content">

      <view class="p40 nav bbox">
         <view class="">合肥市智改数转诊断服务平台</view>
         <view class="">欢迎登录</view>
      </view>
      <view class="p40 mt30">
         <u--input
            placeholder="请输入账号"
            prefixIcon="account"
            clearable
            v-model="form.account"
            prefixIconStyle="font-size: 40rpx;color: #AAAAAA"
         ></u--input>
         <view class="p20"></view>
         <u--input
            placeholder="请输入密码"
            prefixIcon="lock"
            password
            clearable
            v-model="form.password"
            prefixIconStyle="font-size: 40rpx;color: #AAAAAA"
         ></u--input>
         <view class="ptb50"></view>
         <u-button
            :loading="logining"
            type="primary"
            color="#216EEE"
            text="登录"
            size="large"
            @click="loginAction"
         ></u-button>
      </view>
		
   <view class="index">

      <!-- <web-view v-if="show" @onPostMessage="onMessage" :src="'https://dmtest.ahapp.net/doumeeplant_h5/#/appletLogin?code=' + code"></web-view> -->

      <myTabbar :index="0" />

   </view>

</template>



<script>
	
   import { coustomLogin, wxEmpower } from '@/util/api/index'
<script>

   import myTabbar from "@/components/myTabber.vue"	
   export default {

      components: {

         myTabbar

      },

      data() {

         return {

            form: {
               account: '',
               password: '',
            },
            logining: false,
            openId: ''

            code: '',

            show: false

         }

      },
      onLoad() {
         uni.login({
            success: data => {
               this.wxLogin(data.code)
            },
            fail: err => {
               uni.$u.toast(err)
            }
         })
      },

      onLoad() {

         var that = this

         uni.login({

            provider: 'weixin',

            success: function (loginRes) {

               // console.log(loginRes);

               that.code = loginRes.code

               that.show = true

            }

         });

      },

      methods: {

         loginAction() {
            if (!this.form.account || !this.form.password) {
               uni.$u.toast('账号或者密码不能为空')
            }
            this.logining = true
            coustomLogin({...this.form, openid: this.openId})
               .then(res => {
                  this.$store.commit('SETTOKEN', res.token)
                  this.$store.commit('SETUSERINFO', res)
                  uni.navigateTo({
                     url:'/pages/projectList/projectList'
                  })
               })
               .finally(() => {
                  this.logining = false
               })
         },
         wxLogin(code) {
            wxEmpower({code})
               .then(res => {
                  this.openId = res.openid
                  if (res.userInfo) {
                     this.$store.commit('SETTOKEN', res.userInfo.token)
                     this.$store.commit('SETUSERINFO', res.userInfo)
                     uni.navigateTo({
                        url:'/pages/projectList/projectList'
                     })
                  } 
               })
               .catch(err => {
                  uni.$u.toast(err)
               })
         onMessage(e) {

            console.log('12345654321')

         }

      }

   }

</script>



<style lang="scss" scoped>

   .content {

      // display: flex;

      // flex-direction: column;

      // align-items: center;

      // justify-content: center;
      height: 100vh;
      background-color: #FFFFFF;
      .nav {
			
         width: 750rpx;
         height: 520rpx;
         background: linear-gradient(180deg, #C7EBFF 0%, #FFFFFF 100%);
         display: flex;
         flex-direction: column-reverse;
         color: #293C5B;
         :first-child {
            height: 52rpx;
            font-size: 36rpx;
            line-height: 52rpx;
         }
         :last-child {
            height: 80rpx;
            font-size: 56rpx;
            font-weight: 500;
            line-height: 80rpx;
            margin-bottom: 16rpx;
         }
      }

   }



   .logo {

      height: 200rpx;

      width: 200rpx;

      margin-top: 200rpx;

      margin-left: auto;

      margin-right: auto;

      margin-bottom: 50rpx;

   }



   .text-area {

      display: flex;

      justify-content: center;

   }



   .title {

      font-size: 36rpx;

      color: #8f8f94;

   .index {

      width: 100vw;

      height: 100vh;

   }

</style>