调试微信小程序登录

 import minaEnv from "../utils/minaEnv";
 export const API_CONST = {
   login: {
-    wxLogin: { url: `/open/wx-mini-program/wxLogin?corpCode=${minaEnv.corpCode}&_v=${+new Date()}`, method: "POST" }, // 根据微信小程序code进行免登
-    registerLogin: { url: `/open/wx-mini-program/registerLogin?corpCode=${minaEnv.corpCode}&_v=${+new Date()}`, method: "POST" }, // 获取用户手机号并进行注册登录
-  },
+    wxLogin: {
+      url: `/qx-api/qx-apaas-auth/server/auth/login`,
+      method: "POST"
+    },
+    loginSecurity:{
+      url:`/qx-api/qx-unified-user/login/securityImg`,
+      method:"GET"
+    },
+    userSecurity:{
+      url:`/qx-api/qx-apaas-uc/user/securityImg`,
+      method:"GET"
+    },
+
+    logout:{
+      url:`/qx-api/qx-apaas-auth/server/auth/mobile/logout`,
+      method:"POST"
+    }
+
+  }, // 获取用户手机号并进行注册登录
+
 
   home: {
     miniData: {
       url: `/open/qx-apaas-custom/hczd/index`,
       method: "POST"//参数：{"corpCode": "default"}
     },
-    getDate:{
-      url:`/open/qx-apaas-custom/hczd/getDate`,
-      method:"POST"//参数
-  
+    getDate: {
+      url: `/open/qx-apaas-custom/hczd/getDate`,
+      method: "POST"//参数
+
     }
   }
 

 {
   "pages": [
+    "pages/login/login",
     "pages/monitor/monitor",
-    "pages/home/home"
+    "pages/home/home",
+    "pages/acount/acount"
   ],
   "tabBar": {
     "color": "#323241",

@@ -28,6 +28,6 @@ Component({
 
   },
   ready: function () {
-    console.log(this.data,'dashboardList'); // 输出 someValue
+    // console.log(this.data,'dashboardList'); // 输出 someValue
   }
 })

 import * as echarts from './../../ec-canvas/echarts';
 
 function initChart(canvas: any, width: any, height: any, data: any, dpr: any) {
-  console.log(data, 'data-------data')
+  // console.log(data, 'data-------data')
   const chart = echarts.init(canvas, null, {
     width: width,
     height: height,

+{
+  "usingComponents": {
+    "van-nav-bar": "@vant/weapp/nav-bar/index",
+    "van-cell": "@vant/weapp/cell/index",
+    "van-cell-group": "@vant/weapp/cell-group/index",
+    "van-button": "@vant/weapp/button/index",
+    "van-dialog": "@vant/weapp/dialog/index"
+  }
+}
\ No newline at end of file

+.acount_main{background:#f7f7f7;height:100vh;width:100%}.acount_main .top_info{height:80%}.acount_main .acount_logout{height:20%;display:flex;width:100%;align-items:center}.acount_main .acount_logout .logout_btn{margin:20rpx 40rpx;height:80rpx;width:calc(100% - 80rpx);background:#fff;border-radius:1.06667vw;line-height:10.66667vw;text-align:center;font-family:PingFangSC-Regular;font-size:36rpx;color:#fc6b6c;font-weight:400}

+.acount_main {
+	background: #f7f7f7;
+	height: 100vh;
+	width: 100%;
+	.top_info {
+		height: 80%;
+	}
+	.acount_logout {
+		height: 20%;
+		display: flex;
+		width: 100%;
+		align-items: center;
+		.logout_btn {
+			margin: 20rpx 40rpx;
+			height: 80rpx;
+			width: calc(100% - 80rpx);
+			background: #fff;
+			border-radius: 1.06667vw;
+			line-height: 10.66667vw;
+			text-align: center;
+			font-family: PingFangSC-Regular;
+			font-size:36rpx;
+			color: #fc6b6c;
+			font-weight: 400;
+		}
+	}
+}
\ No newline at end of file

+// pages/acount/acount.ts
+import { API_CONST } from "./../../api/smartElectric";
+import { HTTPService as HTTP } from "./../../services/HTTPService";
+import Dialog from '@vant/weapp/dialog/dialog';
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  },
+  onClickLeft() {
+    wx.navigateBack()
+  },
+
+  __mobilelogoutEvent(){
+    HTTP.POST({
+      ...API_CONST.login.logout,
+      payload:{
+        
+      }
+    }).then((data: any) => {
+      if(data.success){
+        wx.navigateTo({url:"/pages/login/login"})
+      }
+    })
+  },
+  logoutEvent() {//退出登录事件
+    console.log('退出页面')
+    Dialog.confirm({
+      message: '是否确定退出当前账号？',
+    })
+      .then(() => {
+        // on confirm
+        this.__mobilelogoutEvent()
+       
+      })
+      .catch(() => {
+        // on cancel
+      });
+  }
+})
\ No newline at end of file

+<view class="acount_main">
+	<view class="top_info">
+		<view class="acount_top">
+			<van-nav-bar title="账号管理" left-text="返回" left-arrow bind:click-left="onClickLeft" />
+		</view>
+		<view class="acount_info">
+			<van-cell-group>
+				<van-cell title="姓名" value="内容" />
+				<van-cell title="手机号" value="内容" />
+				<van-cell title="邮箱" value="内容" />
+			</van-cell-group>
+		</view>
+	</view>
+
+	<view class="acount_logout">
+		<view class="logout_btn" bind:tap="logoutEvent">
+			退出登录
+		</view>
+	</view>
+	<van-dialog id="van-dialog" />
+</view>
+
+
+

+.acount_main {
+  background: #f7f7f7;
+  height: 100vh;
+  width: 100%;
+}
+
+.acount_main .top_info {
+  height: 80%;
+}
+
+.acount_main .acount_logout {
+  height: 20%;
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+
+.acount_main .acount_logout .logout_btn {
+  margin: 20rpx 40rpx;
+  height: 80rpx;
+  width: calc(100% - 80rpx);
+  background: #fff;
+  border-radius: 1.06667vw;
+  line-height: 10.66667vw;
+  text-align: center;
+  font-family: PingFangSC-Regular;
+  font-size: 36rpx;
+  color: #fc6b6c;
+  font-weight: 400;
+}

 {
   "usingComponents": {
+    "van-cell": "@vant/weapp/cell/index"
   }
 }
\ No newline at end of file

-.home_main{padding:24rpx 20rpx;overflow-y:auto;overflow-x:hidden}.home_main .home_content{width:100%}
+.home_main{height:100vh;width:100%}.home_main .home-info{width:100%;background:#3499ff;height:160rpx;padding:40rpx 20rpx;margin-top:100rpx;display:flex}.home_main .home-info .home-info-avatar{font-size:48rpx;background:#fff;color:#3499ff;border-radius:50%;width:120rpx;height:120rpx;text-align:center;line-height:120rpx;margin-right:20rpx}.home_main .home-info .mine-info{color:#fff}.home_main .home-info .mine-info .mine-info-basic{font-size:40rpx}.home_main .home-info .mine-info .mine-company{margin-top:20rpx}.home_main .home-info .mine-info .mine-company .mine-company-info{font-size:28rpx}

 .home_main {
-  padding: 24rpx 20rpx;
-  overflow-y: auto;
-  overflow-x: hidden;
-  // height: 100vh;
+  height: 100vh;
+  width: 100%;
+
   // background: red;
+  .home-info {
+    width: 100%;
+    background: #3499ff;
+    height: 160rpx;
+    padding: 40rpx 20rpx;
+    margin-top: 100rpx;
+    display: flex;
 
+    .home-info-avatar {
+      font-size: 48rpx;
+      background: #fff;
+      color: rgb(52, 153, 255);
+      border-radius: 50%;
+      width: 120rpx;
+      height: 120rpx;
+      text-align: center;
+      line-height: 120rpx;
+      margin-right: 20rpx;
+    }
 
-  .home_content {
-    width: 100%;
+    .mine-info {
+      color: #fff;
+
+      .mine-info-basic {
+        font-size: 40rpx;
+      }
+
+      .mine-company {
+        margin-top: 20rpx;
+        .mine-company-info {
+          font-size: 28rpx;
+        }
+      }
+    }
   }
 
 }
\ No newline at end of file

-// pages/home/home.ts
-const app = getApp();
+// index.ts// app.ts
+import { HTTPService as HTTP } from "../../services/HTTPService";
+// 获取应用实例
+import minaEnv from "../../utils/minaEnv";
+import { getShareInfo } from "../../utils/wxUtil";
+// @ts-ignore
+const app = getApp<IAppOption>();
 Page({
-
-  /**
-   * 页面的初始数据
-   */
   data: {
-
+    url: "",
   },
-
-  /**
-   * 生命周期函数--监听页面加载
-   */
   onLoad() {
 
   },
-
-  /**
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
-
-  },
-
-  /**
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
-
-  },
-
-  /**
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
-
-  },
-
-  /**
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
-
+  handleGetMessage(e: any) {
+    console.log(e, 'handleGetMessagehandleGetMessage')
   },
-
-  /**
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
+  loadSuccess() {
+    console.log('网页加载成功！！！')
   },
-  tabsItemChange(e: any) {
-    console.log(e, '----tab传过来的值', e.detail.type)
-    const idx = e.detail.type
-    this.setData({
-      currentIndex: idx
-    })
-  },
-  gotoMonitor() {
-    //  wx.switchTab({
-    //    url:"/pages/monitor/monitor"
-    //  })
-
-    wx.reLaunch({//
-      url: "/pages/monitor/monitor"
-    })
-  },
-  gotoDetail() {
-    //  wx.switchTab// 只能跳转到tab页面
-    //  wx.navigateTo//关闭所有页面，打开到应用内的某个页面
-    //  wx.reLaunch//关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
-    wx.navigateTo({
-      url: "/pages/detail/detail?id=1"
-    })
-
-  },
-  getChildComponent: function () {
-    const child = this.selectComponent('.hhhhhh_uuuuu')
-    child.setData({
-      topTitleName:"88888888888"
-    })
-    console.log(child,'childchildchild')
+  onShow() {
+    // let pages = getCurrentPages();
+    // console.log(pages)
   },
-  getAppData(){
-
+  gotoAcount() {
+    wx.navigateTo({ url: "/pages/acount/acount" })
   },
-  changeAppData(){
-    wx.getLocation({
-      type: 'wgs84',
-      success: (res) => {
-        var latitude = res.latitude // 纬度
-        var longitude = res.longitude // 经度
-        console.log(latitude,longitude,'-------------')
-      }
-    })
-  }
-})
\ No newline at end of file
+  onReady() { },
+});

 <view class="home_main">
-  <view class="home_content">
-    home页面
+  <view class="home-info">
+    <view class="home-info-avatar">
+      铨
+    </view>
+    <view class="mine-info">
+      <view class="mine-info-basic">
+        周铨
+      </view>
+      <view class="mine-company">
+        <!-- <image src="" class="image_view" mode=""/> -->
+        <view class="mine-company-info">青谷科技</view>
+      </view>
+    </view>
+  </view>
+
+  <view class="acountManage">
+
+    <van-cell  icon="friends-o" is-link bind:tap="gotoAcount">
+      <view slot="title">
+        <view class="van-cell-text">账号管理</view>
+      </view>
+    </van-cell>
   </view>
 </view>
\ No newline at end of file

 .home_main {
-  padding: 24rpx 20rpx;
-  overflow-y: auto;
-  overflow-x: hidden;
+  height: 100vh;
+  width: 100%;
 }
 
-.home_main .home_content {
+.home_main .home-info {
   width: 100%;
+  background: #3499ff;
+  height: 160rpx;
+  padding: 40rpx 20rpx;
+  margin-top: 100rpx;
+  display: flex;
+}
+
+.home_main .home-info .home-info-avatar {
+  font-size: 48rpx;
+  background: #fff;
+  color: #3499ff;
+  border-radius: 50%;
+  width: 120rpx;
+  height: 120rpx;
+  text-align: center;
+  line-height: 120rpx;
+  margin-right: 20rpx;
+}
+
+.home_main .home-info .mine-info {
+  color: #fff;
+}
+
+.home_main .home-info .mine-info .mine-info-basic {
+  font-size: 40rpx;
+}
+
+.home_main .home-info .mine-info .mine-company {
+  margin-top: 20rpx;
+}
+
+.home_main .home-info .mine-info .mine-company .mine-company-info {
+  font-size: 28rpx;
 }

+{
+  "usingComponents": {
+    "van-field": "@vant/weapp/field/index"
+  }
+}
\ No newline at end of file

+.login_main{height:100vh;width:100%;background-image:linear-gradient(180deg, rgba(7,54,207,0.08), rgba(0,90,255,0) 48%)}.login_main .login_content{margin:0 20rpx}.login_main .login_content .login_log{display:flex;width:100%;justify-content:center;padding-top:250rpx}.login_main .login_content .login_log .welcome-logo{width:300rpx;height:100rpx}.login_main .login_content .login_form{margin-top:100rpx;padding:0 50rpx;position:relative}.login_main .login_content .login_form .passwordMargin{margin-top:200rpx}.login_main .login_content .login_form .code-img{position:absolute;bottom:120rpx;right:50rpx;width:100rpx;height:80rpx}.login_main .login_content .login_form .login_btn{margin-top:20rpx;display:flex;justify-content:center;align-items:center;border-radius:10rpx;font-size:40rpx;color:#fff;text-align:center;line-height:100rpx;font-weight:400;background:rgba(23,100,255,0.9);box-shadow:0 0 1.06667vw 0 rgba(23,100,255,0.5)}

+.login_main {
+	height: 100vh;
+	width: 100%;
+	background-image: linear-gradient(180deg, rgba(7, 54, 207, .08), rgba(0, 90, 255, 0) 48%);
+
+	.login_content {
+		margin: 0 20rpx;
+		// height: 100%;
+		// width: 100%;
+
+		.login_log {
+			display: flex;
+			width: 100%;
+			justify-content: center;
+			padding-top: 250rpx;
+
+			// background-image: linear-gradient(180deg, rgba(225, 233, 252, .05) 12%, #f8f8f9);
+			// background: red;
+			.welcome-logo {
+				width: 300rpx;
+				height: 100rpx;
+			}
+		}
+		.login_form {
+			margin-top: 100rpx;
+			padding: 0 50rpx;
+			position: relative;
+			.passwordMargin {
+				margin-top: 200rpx;
+			}
+			.code-img {
+				position: absolute;
+				bottom: 120rpx;
+				right: 50rpx;
+				width: 100rpx;
+				height: 80rpx;
+				// background: red;
+			}
+			.login_btn {
+				margin-top: 20rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				border-radius:10rpx;
+				font-size: 40rpx;
+				color: #fff;
+				text-align: center;
+				line-height: 100rpx;
+				font-weight: 400;
+			
+				background: rgba(23,100,255,.9);
+				// background-image: linear-gradient(90deg, rgba(23, 100, 255, .5), rgba(23, 100, 255, .5));
+				box-shadow: 0 0 1.06667vw 0 rgba(23, 100, 255, .5);
+			}
+		}
+	}
+
+
+}
\ No newline at end of file

+// pages/login/login.ts
+import { API_CONST } from "./../../api/smartElectric";
+import { HTTPService as HTTP } from "./../../services/HTTPService";
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    logoUrl: "./../../img/qixiao.png",
+    checkFlag: true,
+    username: "",// 用户名
+    password: "",//密码
+    hideFlag: true,//是否隐藏
+    keyStr: "",// key值
+    imgUrl:"",//显示验证码的图片地址
+    codeKey: ""//验证码
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {
+    this.__getLoginSecurityImg()
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  },
+  getPhoneNumber(e: any) {
+    console.log(e, 'eeee---------eeeeee')
+    wx.switchTab({ url: "/pages/monitor/monitor" })
+    // console.log(e.detail.code)  // 动态令牌
+    // console.log(e.detail.errMsg) // 回调信息（成功失败都会返回）
+    // console.log(e.detail.errno)  // 错误码（失败时返回）
+  },
+  loginEvent() :any{
+    if(!this.data.username|| !this.data.password){
+      wx.showToast({
+        title: "请将信息填写完整",
+        icon: 'none',
+        duration: 2000
+      });
+      return false;
+    }
+    HTTP.POST({
+      ...API_CONST.login.wxLogin,
+      payload: this.getLoginParams()
+    }).then((data: any) => {
+      if (data.success) {
+        wx.switchTab({
+          url: "/pages/monitor/monitor"
+        })
+      } else {
+        this.__getUserSecurityImg()
+        wx.showToast({
+          title: data.msg || '请求失败',
+          icon: 'error',
+          duration: 2000
+        });
+      }
+    })
+
+  },
+  userEvent(e: any) {
+    this.setData({
+      username: e.detail
+    })
+  },
+  passEvent(e: any) {
+    this.setData({
+      password: e.detail
+    })
+  },
+  getLoginParams() {
+    // 组织ID登录
+    return {
+      LOGIN_TYPE: 'CORP',
+      code: this.data.codeKey.replace(/(^\s*)|(\s*$)/g, ''), // 图片验证码
+      corpCode: "default",
+      username: this.data.username,
+      password: this.data.password,
+      key: this.data.keyStr,
+      autoLogin: false,
+
+    }
+  },
+  imgKeyEvent(e: any) {
+    this.setData({
+      codeKey: e.detail
+    })
+  },
+  changeIconEvent() {
+    this.setData({
+      checkFlag: !this.data.checkFlag
+    })
+  },
+  //登录时获取key值
+  __getLoginSecurityImg() {
+    HTTP.GET({
+      ...API_CONST.login.loginSecurity,
+      payload: {
+        corpCode: "default"
+      }
+    }).then((res: any) => {
+      if (res.success) {
+        this.setData({
+          hideFlag: res.data.hide,//是否隐藏
+          keyStr: res.data.key,// key值
+        })
+        if(res.data.hide === false){
+          this.__getUserSecurityImg()
+        }
+      }
+    })
+  },
+  //用户获取codekey 
+  __getUserSecurityImg() {
+    HTTP.GET({
+      ...API_CONST.login.userSecurity,
+      payload: {
+        corpCode: "default",
+        key:this.data.keyStr
+      }
+    }).then((res: any) => {
+      console.log(res,'res------')
+      if (res.success) {
+        this.setData({
+          hideFlag: res.data.hide,//是否隐藏
+          keyStr: res.data.key,// key值
+          imgUrl:res.data.img.replace(/[\r\n]/g, '')
+        })
+      }
+    })
+  }
+})
\ No newline at end of file

+<view class="login_main">
+	<view class="login_content">
+		<view class="login_log">
+			<image src="{{logoUrl}}" class="welcome-logo" mode="" />
+		</view>
+		<view class="login_form">
+			<van-cell-group>
+				<van-field label="用户名" title-width="50" value="{{ username }}" bind:change="userEvent" required clearable placeholder="请输入手机号" bind:click-icon="onClickIcon" />
+				<van-field label="密码" title-width="50" value="{{ password }}" bind:change="passEvent" type="{{checkFlag?'':'password'}}" bind:click-icon="changeIconEvent" icon="{{checkFlag?'eye-o':'closed-eye'}}" placeholder="请输入密码" required />
+
+				<van-field  wx:if="{{!hideFlag&& imgUrl}}"  title-width="50" label="验证码" value="{{ codeKey }}" bind:change="imgKeyEvent" placeholder="请输入验证码" required />
+				<image src="{{imgUrl}}"  wx:if="{{ imgUrl}}" class="code-img"  />
+			</van-cell-group>
+			<view class="login_btn" bind:tap="loginEvent">
+				登录
+			</view>
+		</view>
+
+	</view>
+
+</view>
\ No newline at end of file

+.login_main {
+  height: 100vh;
+  width: 100%;
+  background-image: linear-gradient(180deg, rgba(7, 54, 207, 0.08), rgba(0, 90, 255, 0) 48%);
+}
+
+.login_main .login_content {
+  margin: 0 20rpx;
+}
+
+.login_main .login_content .login_log {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+  padding-top: 250rpx;
+}
+
+.login_main .login_content .login_log .welcome-logo {
+  width: 300rpx;
+  height: 100rpx;
+}
+
+.login_main .login_content .login_form {
+  margin-top: 100rpx;
+  padding: 0 50rpx;
+  position: relative;
+}
+
+.login_main .login_content .login_form .passwordMargin {
+  margin-top: 200rpx;
+}
+
+.login_main .login_content .login_form .code-img {
+  position: absolute;
+  bottom: 120rpx;
+  right: 50rpx;
+  width: 100rpx;
+  height: 80rpx;
+}
+
+.login_main .login_content .login_form .login_btn {
+  margin-top: 20rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 10rpx;
+  font-size: 40rpx;
+  color: #fff;
+  text-align: center;
+  line-height: 100rpx;
+  font-weight: 400;
+  background: rgba(23, 100, 255, 0.9);
+  box-shadow: 0 0 1.06667vw 0 rgba(23, 100, 255, 0.5);
+}

@@ -633,12 +633,12 @@ Page({
         type: type
       }
     }).then((res: any) => {
-      console.log(res, 'res-----------getDate')
+      // console.log(res, 'res-----------getDate')
       var that = this
       if (res.success) {
         that.setData({
-          myLineObj: {},
-          homeLineObj: {}
+          myLineObj: {} as any,
+          homeLineObj: {} as any
         })
         if (type === "INDEX_MAP") {
           that.setData({

@@ -5,11 +5,18 @@
     "compileHotReLoad": true,
     "urlCheck": false
   },
-  "libVersion": "3.6.5",
+  "libVersion": "3.6.6",
   "condition": {
     "miniprogram": {
       "list": [
         {
+          "name": "pages/login/login",
+          "pathName": "pages/login/login",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
+        },
+        {
           "name": "监控-首页",
           "pathName": "pages/monitor/monitor",
           "query": "",