From f9a4ae29e7028c0b8e3c4b8e477e48ce533b9a3c Mon Sep 17 00:00:00 2001
From: wangxiaohua <1214073490@qq.com>
Date: Fri, 6 Aug 2021 19:53:06 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 manifest.json                   |   5 +
 pages.json                      |  37 +++-
 pages/index/guide.vue           | 106 ++++++++--
 pages/index/personal.vue        | 160 ++++++++++++--
 pages/login/Setthepassword.vue  | 325 ++++++++++++++++++++++++++++
 pages/login/Verification.vue    | 330 +++++++++++++++++++++++++++++
 pages/login/Verifythelogin.vue  | 238 +++++++++++++++++++++
 pages/login/index.vue           | 361 ++++++++++++++++++++++++++++++--
 pages/login/yinzhongmalogin.vue | 239 +++++++++++++++++++++
 static/images/Customer.png      | Bin 0 -> 1507 bytes
 static/images/arrow.png         | Bin 0 -> 902 bytes
 static/images/exit.png          | Bin 0 -> 845 bytes
 static/images/password.png      | Bin 0 -> 848 bytes
 static/images/setting.png       | Bin 0 -> 1779 bytes
 14 files changed, 1746 insertions(+), 55 deletions(-)
 create mode 100644 pages/login/Setthepassword.vue
 create mode 100644 pages/login/Verification.vue
 create mode 100644 pages/login/Verifythelogin.vue
 create mode 100644 pages/login/yinzhongmalogin.vue
 create mode 100644 static/images/Customer.png
 create mode 100644 static/images/arrow.png
 create mode 100644 static/images/exit.png
 create mode 100644 static/images/password.png
 create mode 100644 static/images/setting.png

diff --git a/manifest.json b/manifest.json
index 9407b1b..317a17a 100644
--- a/manifest.json
+++ b/manifest.json
@@ -115,5 +115,10 @@
     },
     "mp-toutiao" : {
         "usingComponents" : true
+    },
+    "h5" : {
+        "router" : {
+            "base" : "/pages/login/guide"
+        }
     }
 }
diff --git a/pages.json b/pages.json
index d94e5ca..9a1e25a 100644
--- a/pages.json
+++ b/pages.json
@@ -37,7 +37,7 @@
 			"path": "pages/index/personal",
 			"style": {
 				"navigationBarTitleText": "个人",
-				"navigationBarBackgroundColor": "#008EF2",
+				"navigationBarBackgroundColor": "#2671E2",
 				"navigationBarTextStyle": "white"
 			}
 		}	
@@ -54,7 +54,42 @@
 						"navigationBarBackgroundColor": "#008EF2",
 						"navigationBarTextStyle": "white"
 					}
+				},
+				{
+					"path": "Verification",
+					"style": {
+						"navigationBarTitleText": "验证码登录",
+						"navigationBarBackgroundColor": "#008EF2",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path": "yinzhongmalogin",
+					"style": {
+						"navigationBarTitleText": "验证码登录",
+						"navigationBarBackgroundColor": "#008EF2",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path": "Setthepassword",
+					"style": {
+						"navigationBarTitleText": "忘记密码",
+						"navigationBarBackgroundColor": "#008EF2",
+						"navigationBarTextStyle": "white"
+					}
+				},
+				{
+					"path": "Verifythelogin",
+					"style": {
+						"navigationBarTitleText": "验证码验证",
+						"navigationBarBackgroundColor": "#008EF2",
+						"navigationBarTextStyle": "white"
+					}
 				}
+				
+				
+				
 			]
 		},
 		{
diff --git a/pages/index/guide.vue b/pages/index/guide.vue
index 1ada840..37aa5b7 100644
--- a/pages/index/guide.vue
+++ b/pages/index/guide.vue
@@ -1,29 +1,95 @@
 <template>
-	<view>
-		引导页
-		<view @click="tologin()" style="width: 200rpx;height: 80rpx;text-align: center;line-height: 80rpx;margin: 0 auto;border: 1px solid red;margin-top: 400rpx;">登录</view>
-	</view>
+  <view class="full">
+	  <view class="logo"></view>
+    <view class="title">
+      数智工牌
+    </view>
+    <image class="middle" src="https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/lead_middle.png" mode="scaleToFill"></image>
+    <view class="content">
+      <view class="">
+        1 智能语音转写
+      </view>
+      <view class="">
+        2 高效的判客机制
+      </view>
+      <view class="">
+        3 全方位的客户跟进
+      </view>
+      <view class="">
+        4 专业的经纪管家
+      </view>
+      <view class="">
+        5 在线实时沟通
+      </view>
+    </view>
+    <view @click="bindWxBLogin" class="button">
+      立即去登录
+    </view>
+  </view>
+    
 </template>
 
 <script>
+var app = getApp();
+var config = require("../../config");
 export default {
-	data() {
-		return {};
-	},
-	components: {},
-	onLoad() {},
-	onShow() {},
-	methods: {
-		tologin(){
-			wx.navigateTo({
-			  url: '/pages/login/index'
-			});
-		}
-	},
+  data() {
+    return {
+		
+    };
+  },
+  onShow: function () { },
+  onHide: function(){ },
+  methods: {
+    bindWxBLogin() {
+      wx.navigateTo({
+        url: '/pages/login/index'
+      });
+    }
 
+  }
 };
 </script>
+<style lang="scss">
+.full{
+  width: 100vw;
+  height: 100vh;
+  position: relative;
+  background: url("https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/lead_background.png");
+  background-size: 100% 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 
-<style lang="scss" scoped>
-
-</style>
+  .logo{
+    width: 202upx;
+    height: 202upx;
+    margin-top: 40rpx
+  }
+  .title{
+    color: #FFFFFF;
+    font-size: 36upx;
+    font-weight:500;
+  }
+  .middle{
+    width: 480upx;
+    height: 485upx;
+    margin-top: 34upx;
+  }
+  .content{
+    color: #FFFFFF;
+    font-size: 28rpx;
+    line-height: 66rpx;
+  }
+  .button{
+    background: #fff;
+    border-radius:76px;
+    width:584upx;
+    height:100upx;
+    color: #008EF2;
+    font-size: 40upx;
+    line-height: 100upx;
+    text-align: center;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/index/personal.vue b/pages/index/personal.vue
index 7e82314..7fa6e11 100644
--- a/pages/index/personal.vue
+++ b/pages/index/personal.vue
@@ -1,24 +1,152 @@
 <template>
-	<view>
-		个人
-	</view>
+  <view class="main">
+    <view  class="backTop"></view>
+    <!-- 头部开始 -->
+    <view class="header box">
+      <u-avatar :src="photo?photo:'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/my/headPicture.png'"
+        size="174"></u-avatar>
+      <view class="userName">{{name}}</view>
+      <view class="mobile">{{mobile}}</view>
+    </view>
+    <view class="settingGroup box">
+		
+      <view class="line">
+        <view class="title">
+          <image src="/static/images/password.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
+          修改密码
+        </view>
+        <view class="right">
+          <image src="/static/images/arrow.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
+        </view>
+      </view>
+	  
+	  
+      <navigator class="line" url="/pages/my/set/index">
+        <view class="title">
+          <image src="/static/images/setting.png" style="width: 44rpx;height: 42rpx;" mode=""></image>
+          我的设置
+        </view>
+        <view class="right">
+          <image src="/static/images/arrow.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
+        </view>
+      </navigator>
+	  
+      <view class="line" @click="phone">
+        <view class="title">
+          <image src="/static/images/Customer.png" style="width: 48rpx;height: 46rpx;" mode=""></image>
+          客服电话
+        </view>
+        <view class="right">
+           <image src="/static/images/arrow.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
+        </view>
+      </view>
+	  
+      <view class="line" @click="logout" style="border: none;">
+        <view class="title">
+          <image src="/static/images/exit.png" style="width: 46rpx;height: 46rpx;" mode=""></image>
+          退出登录
+        </view>
+      </view>
+	  
+    </view>
+  </view>
 </template>
 
 <script>
-	export default {
-		data() {
-			return {};
-		},
-		components: {},
-		onLoad() {},
-		onShow() {},
-		methods: {
-	
-		},
-	
-	};
-</script>
+  var app = getApp();
+  var util = require("../../utils/util.js");
+  var config = require("../../config");
 
+  export default {
+    data() {
+      return {
+        name: "",
+        photo: "",
+        mobile: "",
+		ishowAS:true,
+      };
+    },
+    onShow: function() {
+     
+    },
+    methods: {
+      //拨打电话
+      phone() {
+        wx.makePhoneCall({
+          phoneNumber: '4008191707,8888' //仅为示例，并非真实的电话号码
+        })
+      },
+      logout() {
+        
+      }
+	  
+    }
+  };
+</script>
 <style lang="scss" scoped>
+  .main {
+    padding: 0 30rpx;
+    background: #F8F8F8;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+	padding-bottom: 40rpx;
+    .backTop {
+	  background: #2671E2;
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 750rpx;
+      height: 352rpx;
+    }
+
+    .box {
+      background: #ffffff;
+    }
+  }
 
+  .header {
+    z-index: 2;
+    border-radius: 25upx;
+    margin-top: 120upx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 30upx 0;
+    .userName{
+      font-size: 36upx;
+      font-weight: 500;
+      color: #303030;
+      margin-top: 20upx;
+      line-height: 50upx;
+    }
+    .mobile{
+      font-size: 30upx;
+      line-height: 42upx;
+      color: #BDBDBD;
+      margin-top: 6upx;
+      
+    }
+  }
+  .settingGroup{
+    margin-top: 30upx;
+    color: #303030;
+    font-size: 30upx;
+    display: flex;
+    flex-direction: column;
+    .line{
+      height: 118upx;
+      border-bottom: 1upx solid #EEEEEE;
+      margin: 0 38upx 0 30upx;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .title{
+        display: flex;
+        align-items: center;
+        width: 190upx;
+        justify-content: space-between;
+      }
+    }
+  }
 </style>
diff --git a/pages/login/Setthepassword.vue b/pages/login/Setthepassword.vue
new file mode 100644
index 0000000..5db224c
--- /dev/null
+++ b/pages/login/Setthepassword.vue
@@ -0,0 +1,325 @@
+<template>
+	<view>
+		<view class="input">
+			<view class="zcasfdasf">设置密码</view>
+			<view class="tejHdgasd">设置密码后,就可以使用手机号码与密码登录了~</view>
+			<view style="margin-top:60rpx" class="cwjs-cells item-flex">
+				<view class="cwjs-item center">
+					<input class="cwjs-item cwjs-input" v-model="username" password="true" placeholder="请设置6~12位的登录密码"
+						placeholder-style='color:#AAAAAA' maxlength="12" />
+				</view>
+			</view>
+
+		</view>
+		<view class="button" @tap="bindWxBLogin">确认</view>
+	</view>
+</template>
+<script>
+	var util = require("../../utils/util.js");
+	var config = require("../../config");
+	var app = getApp();
+	export default {
+		data() {
+			return {
+				username: '', //获取到的密码
+				phone: ''
+			}
+		},
+		onLoad: function(options) {
+			this.phone = options.username
+		},
+		methods: {
+			bindWxBLogin() {
+				if (this.username.length < 6) {
+					util.showNone("密码小于6位，请重试");
+					return false;
+				} else {
+					uni.reLaunch({
+						url: '/pages/login/index',
+					})
+				}
+			}
+		}
+	};
+</script>
+
+<style lang="scss">
+	.cwjs-logo {
+		display: block;
+		width: 219rpx;
+		height: 158rpx;
+		margin: 54rpx auto 66rpx;
+	}
+
+	.cwjs-tips {
+		font-size: 24rpx;
+		padding: 80rpx 0;
+		color: #8a8a8a;
+	}
+
+	.cwjs-form {
+		position: relative;
+		margin: 0;
+		background-color: #fff;
+		border-radius: 10px;
+		padding: 20rpx 40rpx 113rpx;
+	}
+
+	.zcasfdasf {
+		height: 48rpx;
+		font-size: 48rpx;
+		font-weight: 400;
+		color: #303030;
+		line-height: 48rpx;
+		margin-top: 80rpx;
+	}
+
+	.tejHdgasd {
+		height: 28rpx;
+		font-size: 26rpx;
+		font-weight: 400;
+		color: #303030;
+		line-height: 28rpx;
+		margin-top: 28rpx;
+
+	}
+
+	.cwjs-cells {
+		width: 600rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin: 0 auto;
+		height: 88rpx;
+		overflow: hidden;
+		border-bottom: 1rpx solid #BFC7D3;
+		position: relative;
+	}
+
+	.center {
+		flex: 1;
+		display: flex;
+	}
+
+	.texteasda {
+		height: 88rpx;
+		line-height: 88rpx;
+		font-size: 28rpx;
+		color: #000;
+	}
+
+	.cwjs-input {
+		width: 100%;
+		height: 88rpx;
+		line-height: 88rpx;
+		font-size: 28rpx;
+		color: #000;
+	}
+
+	.images {
+		display: block;
+		width: 40rpx;
+		height: 21rpx;
+		margin-right: 30rpx;
+		margin-top: 33.5rpx;
+	}
+
+	.mod-btn {
+		position: absolute;
+		bottom: -80rpx;
+		left: 50%;
+		margin-left: -80rpx;
+	}
+
+	.mod-btn .button {
+		width: 160rpx;
+		height: 160rpx;
+		background: linear-gradient(180deg, rgba(116, 197, 230, 1) 0%, rgba(64, 147, 201, 1) 100%);
+		border: 10rpx solid rgba(255, 255, 255, 1);
+		border-radius: 100%;
+		font-size: 36rpx;
+		color: #fff;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+	}
+
+	.mod-btn .button::after {
+		content: ""
+	}
+
+	.retPassword {
+		display: inline;
+		width: auto;
+		font-size: 28rpx;
+		color: rgba(64, 147, 201, 1);
+		line-height: 40rpx;
+		float: right;
+	}
+
+	.retPassword:active {
+		background-color: #fff;
+	}
+
+	.appliyAdmin {
+		position: absolute;
+		left: 50%;
+		margin-left: -57rpx;
+		bottom: 100rpx;
+		width: 114rpx;
+		font-size: 28rpx;
+		color: rgba(255, 255, 255, 1);
+		line-height: 40rpx;
+	}
+
+	/* 头部 */
+
+	.head {
+		width: 750rpx;
+		height: 355rpx;
+	}
+
+	.background {
+		width: 750rpx;
+		height: 400rpx;
+		position: absolute;
+		top: -3rpx;
+		left: 0;
+	}
+
+	.logo {
+		width: 123rpx;
+		height: 107rpx;
+		display: block;
+		position: absolute;
+		top: 84rpx;
+		left: 313.5rpx;
+	}
+
+	.head text {
+		font-size: 34rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #2343BD;
+		position: absolute;
+		top: 222rpx;
+		left: 203rpx;
+	}
+
+	/* 输入框 */
+	.input {
+		width: 100%;
+		height: auto;
+		padding: 0 90rpx;
+		box-sizing: border-box;
+	}
+
+	.logo_input {
+		width: 34rpx;
+		height: 38rpx;
+		position: absolute;
+		top: 25rpx;
+		left: 0;
+	}
+
+	/* 登录 */
+	.button {
+		width: 603rpx;
+		height: 89rpx;
+		background: rgba(72, 149, 255, 1);
+		box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(151, 192, 255, 1);
+		border-radius: 45rpx;
+		text-align: center;
+		line-height: 89rpx;
+		color: #fff;
+		margin: 0 auto;
+		margin-top: 239rpx;
+		font-size: 34rpx;
+	}
+
+	.footer {
+		width: 100%;
+		height: 157rpx;
+		position: absolute;
+		bottom: 0;
+		left: 0;
+	}
+
+	.agreeBox {
+		/* text-align: center; */
+		/* width: 450rpx; */
+		/* padding-left: 145rpx; */
+		font-size: 28rpx;
+		color: #88909E;
+		margin: 0 auto;
+		margin-top: 30rpx;
+		position: relative;
+		display: flex;
+
+	}
+
+	checkbox {
+		transform: scale(0.5);
+	}
+
+	checkbox-group {
+		display: inline;
+	}
+
+	navigator {
+		display: inline
+	}
+
+	.agreeBox image {
+		width: 26rpx;
+		height: 26rpx;
+		display: block;
+		position: absolute;
+		top: 9rpx;
+		left: 18rpx;
+		margin-right: 19rpx;
+	}
+
+	.imagesBox {
+		width: 80rpx;
+		height: 88rpx;
+	}
+
+	.chooseBox {
+		width: 60rpx;
+		height: 60rpx;
+	}
+
+	.login {
+		text-decoration: underline;
+		text-align: center;
+		margin-top: 40px;
+		color: #88909E;
+		font-size: 28rpx;
+	}
+
+	.textbox {
+		width: 569rpx;
+		display: flex;
+		margin-top: 40rpx;
+	}
+
+	.textbox-1 {
+		width: 30%;
+		font-size: 30rpx;
+		color: #999999;
+	}
+
+	.textbox-11 {
+		width: 30%;
+		text-align: right;
+		font-size: 30rpx;
+		color: #999999;
+	}
+
+	.textbox-2 {
+		width: 40%;
+	}
+</style>
diff --git a/pages/login/Verification.vue b/pages/login/Verification.vue
new file mode 100644
index 0000000..1d34e93
--- /dev/null
+++ b/pages/login/Verification.vue
@@ -0,0 +1,330 @@
+<template>
+	<view>
+		<view class="head">
+			<text>智能高效客户管理平台</text>
+		</view>
+		<view class="input">
+			<view class="cwjs-cells item-flex">
+				<view class="cwjs-item center">
+					<input type="text" v-model="username" placeholder="请输入手机号码" maxlength="11"
+						placeholder-style='color:#AAAAAA' />
+				</view>
+			</view>
+			<view class="textbox">
+				<view class="textbox-1" @tap="bindVerification">密码登录</view>
+				<view class="textbox-2"></view>
+				<view class="textbox-11"></view>
+			</view>
+		</view>
+		<view class="button" @tap="bindWxBLogin">获取验证码</view>
+		
+		<image src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/login/footer.png" class="footer">
+		</image>
+	</view>
+</template>
+
+<script>
+	var util = require("../../utils/util.js");
+	var config = require("../../config");
+	var app = getApp();
+	export default {
+		data() {
+			return {
+				username: '',
+				role: ''
+			};
+		},
+		onLoad: function(options) {
+			this.role=options.role;
+		},
+		methods: {
+			//账号密码登录
+			bindVerification() {
+				uni.navigateTo({
+					url: '/pages/login/index',
+				})
+			},
+			//获取验证码
+			bindWxBLogin: function(e) {
+				if (!(/^1[34578]\d{9}$/.test(this.username))) {
+					util.showNone("手机号码错误");
+					this.username='';
+					return false;
+				} else {
+					if(this.role==1){
+						uni.navigateTo({
+							url: '/pages/login/yinzhongmalogin?username=' + this.username +
+								'&role=' + this.role,
+						})
+					}else{
+						console.log(this.role)
+						uni.navigateTo({
+							url: '/pages/login/Verifythelogin?username=' + this.username +
+								'&role=' + this.role,
+						})
+					}
+				
+				}
+			},
+		}
+	};
+</script>
+<style lang="scss">
+	.cwjs-logo {
+		display: block;
+		width: 219rpx;
+		height: 158rpx;
+		margin: 54rpx auto 66rpx;
+	}
+
+	.cwjs-tips {
+		font-size: 24rpx;
+		padding: 80rpx 0;
+		color: #8a8a8a;
+	}
+
+	.cwjs-form {
+		position: relative;
+		margin: 0;
+		background-color: #fff;
+		border-radius: 10px;
+		padding: 20rpx 40rpx 113rpx;
+	}
+
+	.cwjs-cells {
+		width: 569rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin: 0 auto;
+		height: 88rpx;
+		overflow: hidden;
+		border-bottom: 1rpx solid #BFC7D3;
+		position: relative;
+	}
+
+	.center {
+		flex: 1;
+	}
+
+	.cwjs-input {
+		height: 48rpx;
+		line-height: 48rpx;
+		padding: 23rpx 23rpx 23rpx 78rpx;
+		font-size: 28rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		color: #000;
+	}
+
+	.images {
+		display: block;
+		width: 40rpx;
+		height: 21rpx;
+		margin-right: 30rpx;
+		margin-top: 33.5rpx;
+	}
+
+	.mod-btn {
+		position: absolute;
+		bottom: -80rpx;
+		left: 50%;
+		margin-left: -80rpx;
+	}
+
+	.mod-btn .button {
+		width: 160rpx;
+		height: 160rpx;
+		background: linear-gradient(180deg, rgba(116, 197, 230, 1) 0%, rgba(64, 147, 201, 1) 100%);
+		border: 10rpx solid rgba(255, 255, 255, 1);
+		border-radius: 100%;
+		font-size: 36rpx;
+		color: #fff;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+	}
+
+	.mod-btn .button::after {
+		content: ""
+	}
+
+	.retPassword {
+		display: inline;
+		width: auto;
+		font-size: 28rpx;
+		color: rgba(64, 147, 201, 1);
+		line-height: 40rpx;
+		float: right;
+	}
+
+	.retPassword:active {
+		background-color: #fff;
+	}
+
+	.appliyAdmin {
+		position: absolute;
+		left: 50%;
+		margin-left: -57rpx;
+		bottom: 100rpx;
+		width: 114rpx;
+		font-size: 28rpx;
+		color: rgba(255, 255, 255, 1);
+		line-height: 40rpx;
+	}
+
+	/* 头部 */
+
+	.head {
+		width: 750rpx;
+		height: 410rpx;
+		background-image: url(https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/background.png);
+		background-size: 100vw auto;
+		background-repeat: no-repeat;
+	}
+
+	.background {
+		width: 750rpx;
+		height: 400rpx;
+		position: absolute;
+		top: -3rpx;
+		left: 0;
+	}
+
+	.logo {
+		width: 248upx;
+		height: 248upx;
+		display: block;
+		position: absolute;
+		top: 134rpx;
+		left: 240.5rpx;
+	}
+
+	.head text {
+		font-size: 34rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #008EF2;
+		position: absolute;
+		top: 300rpx;
+		width: 100%;
+		text-align: center;
+
+	}
+
+	/* 输入框 */
+	.input {
+		width: 100%;
+		height: auto;
+		padding: 0 105rpx;
+		box-sizing: border-box;
+	}
+
+	.logo_input {
+		width: 34rpx;
+		height: 38rpx;
+		position: absolute;
+		top: 25rpx;
+		left: 0;
+	}
+
+	/* 登录 */
+	.button {
+		width: 603rpx;
+		height: 89rpx;
+		background: rgba(72, 149, 255, 1);
+		box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(151, 192, 255, 1);
+		border-radius: 45rpx;
+		text-align: center;
+		line-height: 89rpx;
+		color: #fff;
+		margin: 0 auto;
+		margin-top: 239rpx;
+		font-size: 34rpx;
+	}
+
+	.footer {
+		width: 100%;
+		height: 157rpx;
+		position: absolute;
+		bottom: 0;
+		left: 0;
+	}
+
+	.agreeBox {
+		/* text-align: center; */
+		/* width: 450rpx; */
+		/* padding-left: 145rpx; */
+		font-size: 28rpx;
+		color: #88909E;
+		margin: 0 auto;
+		margin-top: 30rpx;
+		position: relative;
+		display: flex;
+		margin-left: 83upx;
+	}
+
+	checkbox {
+		transform: scale(0.5);
+	}
+
+	checkbox-group {
+		display: inline;
+	}
+
+	navigator {
+		display: inline
+	}
+
+	.agreeBox image {
+		width: 26rpx;
+		height: 26rpx;
+		display: block;
+		position: absolute;
+		top: 9rpx;
+		left: 18rpx;
+		margin-right: 19rpx;
+	}
+
+	.imagesBox {
+		width: 80rpx;
+		height: 88rpx;
+	}
+
+	.chooseBox {
+		width: 60rpx;
+		height: 60rpx;
+	}
+
+	.login {
+		text-decoration: underline;
+		text-align: center;
+		margin-top: 40px;
+		color: #88909E;
+		font-size: 28rpx;
+	}
+
+	.textbox {
+		width: 569rpx;
+		display: flex;
+		margin-top: 40rpx;
+	}
+
+	.textbox-1 {
+		width: 30%;
+		font-size: 30rpx;
+		color: #999999;
+	}
+
+	.textbox-11 {
+		width: 30%;
+		text-align: right;
+		font-size: 30rpx;
+		color: #999999;
+	}
+
+	.textbox-2 {
+		width: 40%;
+	}
+</style>
diff --git a/pages/login/Verifythelogin.vue b/pages/login/Verifythelogin.vue
new file mode 100644
index 0000000..164ce93
--- /dev/null
+++ b/pages/login/Verifythelogin.vue
@@ -0,0 +1,238 @@
+<template>
+	<view class="content">
+		<view class="sadsadasdasdsadasd">智能高效客户管理平台</view>
+		<view class="sction">
+			<view class="mama">
+				<view class="mamaz">
+					<input type="text" v-model="msg" maxlength="4" placeholder="请输入验证码" placeholder-class="input-class" class="input" />
+				</view>
+				<view class="mamay">
+					<view class="sada" v-if="sendAuthCode" style="font-size: 35rpx;" @click="getAuthCode">获取验证码</view>
+					<text class="sada" v-if="!sendAuthCode">
+						重新发送
+						<text>({{ auth_time }})</text>
+					</text>
+				</view>
+			</view>
+			<view class="login-btn" :style="{ background: msg == '' ? '#F2F2F2' : '#2B6EFF' }" @click="denglu"><text
+					class="">确认</text></view>
+			<view class="code-login" @click="passwordlogin"><text>密码登录</text></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	var util = require("../../utils/util.js");
+	var config = require("../../config");
+	var app = getApp();
+	export default {
+		data() {
+			return {
+				sendAuthCode: true,
+				auth_time: 0,
+				msg: '',
+				phonecet: '',
+				role:''
+			};
+		},
+		onLoad: function(options) {
+			var phonese = options.username;
+			var phonexxz = phonese.substring(0, 3) + '****' + phonese.substring(7);
+			this.phone = phonexxz,
+			this.phonecet = options.username,
+			this.role = options.role
+			
+			this.sendAuthCode = false;
+			this.auth_time = 60;
+			var auth_timetimer = setInterval(() => {
+				this.auth_time--;
+				if (this.auth_time <= 0) {
+					this.sendAuthCode = true;
+					clearInterval(auth_timetimer);
+				}
+			}, 1000);
+		},
+		methods: {
+			//跳转密码登录页面
+			passwordlogin() {
+				uni.reLaunch()({
+					url: '/pages/login/index',
+				})
+			},
+			//获取验证码
+			getAuthCode() {
+				this.sendAuthCode = false;
+				this.auth_time = 60;
+				var auth_timetimer = setInterval(() => {
+					this.auth_time--;
+					if (this.auth_time <= 0) {
+						this.sendAuthCode = true;
+						clearInterval(auth_timetimer);
+					}
+				}, 1000);
+			},
+			//登录
+			denglu() {
+				if (this.msg=='') {
+					uni.showToast({
+						title: '验证码不能为空',
+						icon: 'none'
+					});
+					return
+				}
+				if (this.msg.length == 4) {
+					uni.navigateTo({
+						url: '/pages/login/Setthepassword?username='+'18655732363',
+					})
+				} else {
+					uni.showToast({
+						title: '验证码位数不正确',
+						icon: 'none'
+					});
+				}
+
+			},
+		}
+	};
+</script>
+
+<style>
+	.mama {
+		width: 620rpx;
+		display: flex;
+		border-bottom: 1px solid #E1E1E1;
+		margin: 60rpx auto;
+	}
+
+	.sadsadasdasdsadasd {
+		font-size: 34rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #008EF2;
+		width: 100%;
+		text-align: center;
+		padding-top: 340rpx;
+	}
+
+	.mamaz {
+		width: 50%;
+		height: 90rpx;
+	}
+
+	.mamay {
+		width: 50%;
+		height: 90rpx;
+	}
+
+	.input {
+		width: 350rpx;
+		color: #78DFB0;
+		height: 100%;
+		line-height: 90rpx;
+		font-size: 17px;
+		color: #171717;
+	}
+
+	.sada {
+		width: 70%;
+		line-height: 90rpx;
+		color: #2B6EFF;
+		text-align: right;
+		font-size: 35rpx;
+		margin-left: 100rpx;
+		display: block;
+	}
+	.content {
+		margin: 0;
+		padding: 0;
+		background-image: url(https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/background.png);
+		background-size: 100vw auto;
+		background-repeat: no-repeat;
+	}
+
+	.login-text {
+		font-size: 60rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: rgba(23, 23, 23, 1);
+		letter-spacing: 8rpx;
+		margin-left: 75rpx;
+		font-weight: bold;
+	}
+
+	.login-input {
+		border-bottom: 1px solid #e1e1e1;
+		color: #c9cac9;
+		margin: 98rpx 64rpx 200rpx 75rpx;
+		font-size: 17px;
+
+	}
+
+	.login-btn {
+		margin: 0 auto;
+		margin-top: 240rpx;
+		width: 567rpx;
+		height: 86rpx;
+		border-radius: 2em;
+		font-size: 17px;
+		font-weight: bold;
+		border: none;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: #ffffff;
+	}
+
+	.code-login {
+		display: flex;
+		justify-content: center;
+		margin-top: 40rpx;
+		color: #D6D7D6;
+		margin-bottom: 200rpx;
+		font-size: 30rpx;
+	}
+
+	.log-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		font-size: 28rpx;
+		color: #bfc0bf;
+		margin-bottom: 65rpx;
+	}
+
+	.hengx {
+		margin: 0 20rpx 0 20rpx;
+		height: 2rpx;
+		width: 232rpx;
+		background: #e1e1e1;
+	}
+
+	.wechat {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 93rpx;
+		height: 93rpx;
+		background: rgba(255, 255, 255, 1);
+		box-shadow: 0px 10rpx 30rpx rgba(120, 223, 176, 0.22);
+		border-radius: 50%;
+		margin: 0 auto;
+	}
+
+	.btn-get {
+		width: 250rpx;
+		font-size: 17px;
+		color: #c9cac9;
+		position: relative;
+		top: -290rpx;
+		right: -450rpx;
+	}
+
+	.input-class {
+		color: #D6D7D6;
+		font-size: 17px;
+		letter-spacing: 1rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages/login/index.vue b/pages/login/index.vue
index dfdc405..d97b470 100644
--- a/pages/login/index.vue
+++ b/pages/login/index.vue
@@ -1,29 +1,354 @@
 <template>
 	<view>
-		登录页
-		<view @click="tologin()" style="width: 200rpx;height: 80rpx;text-align: center;line-height: 80rpx;margin: 0 auto;border: 1px solid red;margin-top: 400rpx;">确认</view>
+		<view class="head">
+			<text>智能高效客户管理平台</text>
+		</view>
+		<view class="input">
+			<view class="cwjs-cells item-flex">
+				<view class="cwjs-item center">
+					<image src="https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/user.png" class="logo_input">
+					</image>
+					<input class="cwjs-item cwjs-input" v-model="username"  placeholder="请输入账号名"  type="number" maxlength="11" placeholder-style="color:#AAAAAA"></input>
+				</view>
+			</view>
+			<view class="cwjs-cells item-flex" style="margin-top:13rpx;">
+				<view class="cwjs-item center">
+					<image src="https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/lock.png" class="logo_input">
+					</image>
+					<input class="cwjs-item cwjs-input" placeholder="请输入密码" placeholder-style="color:#AAAAAA" type="password" v-model="password" maxlength="16" v-if="passwordType"></input>
+					<input class="cwjs-item cwjs-input" placeholder="请输入密码" placeholder-style="color:#AAAAAA" maxlength="16" v-model="password" v-else></input>
+				</view>
+				<view class="imagesBox" @tap="changeBindPassword">
+					<image
+						:src="'https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/login/' + (passwordType==true?'close_eyes.png':'open_eyes.png')"
+						class="images" mode="scaleToFill"></image>
+				</view>
+			</view>
+			<view class="textbox">
+				<view class="textbox-1" @tap="bindVerification">验证码登录</view>
+				<view class="textbox-2"></view>
+				<view class="textbox-11" @tap="bindpassword">忘记密码</view>
+			</view>
+		</view>
+		<view class="button" @tap="bindWxBLogin">登录</view>
+		<image src="https://qufang.oss-cn-beijing.aliyuncs.com/upload/icon/xcx/jjycrm/login/footer.png" class="footer">
+		</image>
 	</view>
 </template>
 
 <script>
-export default {
-	data() {
-		return {};
-	},
-	components: {},
-	onLoad() {},
-	onShow() {},
-	methods: {
-		tologin(){
-			uni.switchTab({
-			  url: '/pages/index/index'
-			});
+	var util = require("../../utils/util.js");
+	var config = require("../../config");
+	var app = getApp();
+	export default {
+		data() {
+			return {
+				username: '18655732363',
+				//获取到的用户名的值
+				password: '123456',
+				//获取到的密码栏中的值
+				passwordType: true,
+				agreeChecked: true
+			};
+		},
+		onLoad: function(options) {
+			uni.hideToast();
+		},
+		onShow: function() {
+			
+		},
+		methods: {
+			//验证码登录
+			bindVerification() {
+				uni.navigateTo({
+					url: '/pages/login/Verification?role=1',
+				})
+			},
+			//忘记密码
+			bindpassword() {
+				uni.navigateTo({
+					url: '/pages/login/Verification?role=2',
+				})
+			},
+			//密码选择
+			changeBindPassword: function(e) {
+				this.passwordType=!this.passwordType;
+			},
+			//登录
+			bindWxBLogin: function(e) {
+				util.showBusy('正在登录...');
+				if (this.username == '') {
+					util.showNone("请输入账号名");
+					return false;
+				}
+				if (this.password == '') {
+					util.showNone("请输入密码");
+					return false;
+				}
+				uni.switchTab({
+					url: '/pages/index/index'
+				});
+			
+			},
 		}
-	},
-
-};
+	};
 </script>
+<style lang="scss">
+	.cwjs-logo {
+		display: block;
+		width: 219rpx;
+		height: 158rpx;
+		margin: 54rpx auto 66rpx;
+	}
+
+	.cwjs-tips {
+		font-size: 24rpx;
+		padding: 80rpx 0;
+		color: #8a8a8a;
+	}
+
+	.cwjs-form {
+		position: relative;
+		margin: 0;
+		background-color: #fff;
+		border-radius: 10px;
+		padding: 20rpx 40rpx 113rpx;
+	}
+
+	.cwjs-cells {
+		width: 569rpx;
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+		margin: 0 auto;
+		height: 88rpx;
+		overflow: hidden;
+		border-bottom: 1rpx solid #BFC7D3;
+		position: relative;
+	}
+
+	.center {
+		flex: 1;
+	}
+
+	.cwjs-input {
+		height: 48rpx;
+		line-height: 48rpx;
+		padding: 23rpx 23rpx 23rpx 78rpx;
+		font-size: 28rpx;
+		font-family: PingFangSC-Regular, PingFang SC;
+		color: #000;
+	}
+
+	.images {
+		display: block;
+		width: 40rpx;
+		height: 21rpx;
+		margin-right: 30rpx;
+		margin-top: 33.5rpx;
+	}
+
+	.mod-btn {
+		position: absolute;
+		bottom: -80rpx;
+		left: 50%;
+		margin-left: -80rpx;
+	}
+
+	.mod-btn .button {
+		width: 160rpx;
+		height: 160rpx;
+		background: linear-gradient(180deg, rgba(116, 197, 230, 1) 0%, rgba(64, 147, 201, 1) 100%);
+		border: 10rpx solid rgba(255, 255, 255, 1);
+		border-radius: 100%;
+		font-size: 36rpx;
+		color: #fff;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+	}
+
+	.mod-btn .button::after {
+		content: ""
+	}
+
+	.retPassword {
+		display: inline;
+		width: auto;
+		font-size: 28rpx;
+		color: rgba(64, 147, 201, 1);
+		line-height: 40rpx;
+		float: right;
+	}
+
+	.retPassword:active {
+		background-color: #fff;
+	}
+
+	.appliyAdmin {
+		position: absolute;
+		left: 50%;
+		margin-left: -57rpx;
+		bottom: 100rpx;
+		width: 114rpx;
+		font-size: 28rpx;
+		color: rgba(255, 255, 255, 1);
+		line-height: 40rpx;
+	}
+
+	/* 头部 */
+
+	.head {
+		width: 750rpx;
+		height: 410rpx;
+		background-image: url(https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/background.png);
+		background-size: 100vw auto;
+		background-repeat: no-repeat;
+	}
+
+	.background {
+		width: 750rpx;
+		height: 400rpx;
+		position: absolute;
+		top: -3rpx;
+		left: 0;
+	}
+
+	.logo {
+		width: 248upx;
+		height: 248upx;
+		display: block;
+		position: absolute;
+		top: 134rpx;
+		left: 240.5rpx;
+	}
+
+	.head text {
+		font-size: 34rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #008EF2;
+		position: absolute;
+		top: 353rpx;
+		width: 100%;
+		text-align: center;
+
+	}
+
+	/* 输入框 */
+	.input {
+		width: 100%;
+		height: auto;
+		padding: 0 105rpx;
+		box-sizing: border-box;
+	}
+
+	.logo_input {
+		width: 34rpx;
+		height: 38rpx;
+		position: absolute;
+		top: 25rpx;
+		left: 0;
+	}
+
+	/* 登录 */
+	.button {
+		width: 603rpx;
+		height: 89rpx;
+		background: rgba(72, 149, 255, 1);
+		box-shadow: 0rpx 2rpx 14rpx 0rpx rgba(151, 192, 255, 1);
+		border-radius: 45rpx;
+		text-align: center;
+		line-height: 89rpx;
+		color: #fff;
+		margin: 0 auto;
+		margin-top: 239rpx;
+		font-size: 34rpx;
+	}
+
+	.footer {
+		width: 100%;
+		height: 157rpx;
+		position: absolute;
+		bottom: 0;
+		left: 0;
+	}
+
+	.agreeBox {
+		/* text-align: center; */
+		/* width: 450rpx; */
+		/* padding-left: 145rpx; */
+		font-size: 28rpx;
+		color: #88909E;
+		margin: 0 auto;
+		margin-top: 30rpx;
+		position: relative;
+		display: flex;
+		margin-left: 83upx;
+	}
+
+	checkbox {
+		transform: scale(0.5);
+	}
+
+	checkbox-group {
+		display: inline;
+	}
+
+	navigator {
+		display: inline
+	}
+
+	.agreeBox image {
+		width: 26rpx;
+		height: 26rpx;
+		display: block;
+		position: absolute;
+		top: 9rpx;
+		left: 18rpx;
+		margin-right: 19rpx;
+	}
+
+	.imagesBox {
+		width: 80rpx;
+		height: 88rpx;
+	}
+
+	.chooseBox {
+		width: 60rpx;
+		height: 60rpx;
+	}
+
+	.login {
+		text-decoration: underline;
+		text-align: center;
+		margin-top: 40px;
+		color: #88909E;
+		font-size: 28rpx;
+	}
+
+	.textbox {
+		width: 569rpx;
+		display: flex;
+		margin-top: 40rpx;
+	}
+
+	.textbox-1 {
+		width: 30%;
+		font-size: 30rpx;
+		color: #999999;
+	}
 
-<style lang="scss" scoped>
+	.textbox-11 {
+		width: 30%;
+		text-align: right;
+		font-size: 30rpx;
+		color: #999999;
+	}
 
+	.textbox-2 {
+		width: 40%;
+	}
 </style>
diff --git a/pages/login/yinzhongmalogin.vue b/pages/login/yinzhongmalogin.vue
new file mode 100644
index 0000000..a348196
--- /dev/null
+++ b/pages/login/yinzhongmalogin.vue
@@ -0,0 +1,239 @@
+<template>
+	<view class="content">
+		<view class="sadsadasdasdsadasd">智能高效客户管理平台</view>
+		<view class="sction">
+			<view class="mama">
+				<view class="mamaz">
+					<input type="text" v-model="msg" maxlength="4" placeholder="请输入验证码" placeholder-class="input-class" class="input" />
+				</view>
+				<view class="mamay">
+					<view class="sada" v-if="sendAuthCode" style="font-size: 35rpx;" @click="getAuthCode">获取验证码</view>
+					<text class="sada" v-if="!sendAuthCode">
+						重新发送
+						<text>({{ auth_time }})</text>
+					</text>
+				</view>
+			</view>
+			<view class="login-btn" :style="{ background: msg == '' ? '#F2F2F2' : '#2B6EFF' }" @click="denglu"><text
+					class="">登录</text></view>
+			<view class="code-login" @click="passwordlogin"><text>密码登录</text></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	var util = require("../../utils/util.js");
+	var config = require("../../config");
+	var app = getApp();
+	export default {
+		data() {
+			return {
+				sendAuthCode: true,
+				auth_time: 0,
+				msg: '',
+				phonecet: '',
+				role:''
+			};
+		},
+		onLoad: function(options) {
+			var phonese = options.username;
+			var phonexxz = phonese.substring(0, 3) + '****' + phonese.substring(7);
+			this.phone = phonexxz,
+			this.phonecet = options.username,
+			this.role = options.role
+			
+			this.sendAuthCode = false;
+			this.auth_time = 60;
+			var auth_timetimer = setInterval(() => {
+				this.auth_time--;
+				if (this.auth_time <= 0) {
+					this.sendAuthCode = true;
+					clearInterval(auth_timetimer);
+				}
+			}, 1000);
+		},
+		methods: {
+			//跳转密码登录页面
+			passwordlogin() {
+				uni.reLaunch()({
+					url: '/pages/login/index',
+				})
+			},
+			//获取验证码
+			getAuthCode() {
+				this.sendAuthCode = false;
+				this.auth_time = 60;
+				var auth_timetimer = setInterval(() => {
+					this.auth_time--;
+					if (this.auth_time <= 0) {
+						this.sendAuthCode = true;
+						clearInterval(auth_timetimer);
+					}
+				}, 1000);
+			},
+			//登录
+			denglu() {
+				if (this.msg=='') {
+					uni.showToast({
+						title: '验证码不能为空',
+						icon: 'none'
+					});
+					return
+				}
+				if (this.msg.length == 4) {
+					uni.switchTab({
+						url: '/pages/index/index'
+					});
+				
+				} else {
+					uni.showToast({
+						title: '验证码位数不正确',
+						icon: 'none'
+					});
+				}
+
+			},
+		}
+	};
+</script>
+
+<style>
+	.mama {
+		width: 620rpx;
+		display: flex;
+		border-bottom: 1px solid #E1E1E1;
+		margin: 60rpx auto;
+	}
+
+	.sadsadasdasdsadasd {
+		font-size: 34rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #008EF2;
+		width: 100%;
+		text-align: center;
+		padding-top: 340rpx;
+	}
+
+	.mamaz {
+		width: 50%;
+		height: 90rpx;
+	}
+
+	.mamay {
+		width: 50%;
+		height: 90rpx;
+	}
+
+	.input {
+		width: 350rpx;
+		color: #78DFB0;
+		height: 100%;
+		line-height: 90rpx;
+		font-size: 17px;
+		color: #171717;
+	}
+
+	.sada {
+		width: 70%;
+		line-height: 90rpx;
+		color: #2B6EFF;
+		text-align: right;
+		font-size: 35rpx;
+		margin-left: 100rpx;
+		display: block;
+	}
+	.content {
+		margin: 0;
+		padding: 0;
+		background-image: url(https://qufang.oss-cn-beijing.aliyuncs.com/channelHelper/background.png);
+		background-size: 100vw auto;
+		background-repeat: no-repeat;
+	}
+
+	.login-text {
+		font-size: 60rpx;
+		font-family: PingFang SC;
+		font-weight: 500;
+		color: rgba(23, 23, 23, 1);
+		letter-spacing: 8rpx;
+		margin-left: 75rpx;
+		font-weight: bold;
+	}
+
+	.login-input {
+		border-bottom: 1px solid #e1e1e1;
+		color: #c9cac9;
+		margin: 98rpx 64rpx 200rpx 75rpx;
+		font-size: 17px;
+
+	}
+
+	.login-btn {
+		margin: 0 auto;
+		margin-top: 240rpx;
+		width: 567rpx;
+		height: 86rpx;
+		border-radius: 2em;
+		font-size: 17px;
+		font-weight: bold;
+		border: none;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: #ffffff;
+	}
+
+	.code-login {
+		display: flex;
+		justify-content: center;
+		margin-top: 40rpx;
+		color: #D6D7D6;
+		margin-bottom: 200rpx;
+		font-size: 30rpx;
+	}
+
+	.log-box {
+		display: flex;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		font-size: 28rpx;
+		color: #bfc0bf;
+		margin-bottom: 65rpx;
+	}
+
+	.hengx {
+		margin: 0 20rpx 0 20rpx;
+		height: 2rpx;
+		width: 232rpx;
+		background: #e1e1e1;
+	}
+
+	.wechat {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 93rpx;
+		height: 93rpx;
+		background: rgba(255, 255, 255, 1);
+		box-shadow: 0px 10rpx 30rpx rgba(120, 223, 176, 0.22);
+		border-radius: 50%;
+		margin: 0 auto;
+	}
+
+	.btn-get {
+		width: 250rpx;
+		font-size: 17px;
+		color: #c9cac9;
+		position: relative;
+		top: -290rpx;
+		right: -450rpx;
+	}
+
+	.input-class {
+		color: #D6D7D6;
+		font-size: 17px;
+		letter-spacing: 1rpx;
+	}
+</style>
diff --git a/static/images/Customer.png b/static/images/Customer.png
new file mode 100644
index 0000000000000000000000000000000000000000..624ec2b24494f379fadb5444d7d6a43e6a71188a
GIT binary patch
literal 1507
zcmV<91swW`P)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px)ok>JNR9Hv7SY2!sRTTct?6wV|P=ydhF&HgAK%t$v*P<8{48a)D2ru}e3C4iR
zPmGEpjev%T2uLc3!h<9liBD(*O*BNRhz(`#UAGouw3yb!s7OUi(bmq+F=w5U*`=l3
zvh}=dcJ};ybMCq4d}j#-N_BPhwaH|15rDbOTm@hv5si-AbOHDozzG0{gCN+SPN#n=
zBm@mrSt&K0h&C|ueE^a}v<rynLuTG!jQM6LHiH6EN|gZE1mFn(iI~$?B03U=VLK6>
zm*>np+Hsu8%sd-FWlT2%U^{@d#+cqq0lOq1rBnrg{Q&Naocu#XyTUNsYprd*lw;5H
zW;l+sgqa@)P#Woe24Imf=Ffp_2Lx1ARdrQaS=k`~QYRvx09bB}IW?5j_vt95ZUpc;
zfV-k+Ej>Lw^IBS3e(ldszkue<nUn15>N>>CcSJ_@#+au7Na}|pj@Eh`Gt04qh(0eb
zFQ3=Y&=BN1>lctxY8!wjBjruTn6<+}k#D1vdI`XD(eqcMm&{SS2$0tLHfBEZ-;2-z
z-}mna5EcWF_|#f|5ZzQJqS?OhAC3F&571Z4d@D1bO(v65nwpwAiUcO>rna_rd=LcR
z6Va8-+-R+xH6S3*^JWv#7m>nhW6aiKf{7LS(*U-}cV@obS}P}#m7EM|t>0qiB>?{D
z=;)Z(*4EZN5`ZczE6XY>Dt-ZQ1rhD_egEP9069vj-vEruR~iXWv6uhd7&D=-PA_E0
zb=_*malVd%FEGY@G!j5!$94~ZgYrEL!<tkomCiXbt@VS<{I)y{f?!giL$OfsuIpao
zI8Ju(6467x@4u4+NGY`rzzYC6jWIGZMqHFqGD5}zSZ|DZF$a+6c{_+`1vB>$kzD;l
zB_$<0j~zSKSxjUzXU-hk+uOT>h~_c#EFvmn=AG8sl@|ahr5*!N4?re+T-p<f#QdhF
zrtgXYs<yWFrc5UDDS*j&{)7RnGRC|~QSUh%QHy|?Q$!?He|=<hV$7H^HT}(<LO{xV
z?Ck7J6VcSjuAP}r6H!f+hzv8&C8g8>01KpcgasO7tkjuON;uH7V$95othMhK0w7=4
z^Sp&bBveLZb2J}At+mU{4N)x}l)z^Ij3=TkzVAO1bCgg@2}Kys%v-Fr@!tx@=6T*L
zM6?<}PTvtnp66{QBJqDl0CALsW!Bm~@kmN3AAn-!-PYPi3q}z$&|2?i=A{6PF-FII
zd7ihFh<0a-dMJR1Xpisv%l<DwLXr|hw9@zeop~7&VlIsF4P%T@(P4{HY8L>x&CSM`
z>bwjsCnAZRkqos(*YKb*=H5O<*L5d5j?*d|1~b=LYlU15TRhLJBchGc=a~7rR4OHN
zGb^6wy+=fg0sJV0X?q{F1dt{0M07O~Z3ZxvnZrybGb5c&%dRzSsi~=%l1L;@Mk~}&
z$8lB!L2%k}9GUderDd*eBG+{%IF2J%ebNBYb{Jz;4I4?!Flr@h2Jm&NySuwKJME**
zV4o1Wn6h+F;k|X2LGCY#t+lQT!*C4|mG}K9V~Uv{Nu^Tlae^ktcQb(LnM~$<GMQ{R
ze*CzQsG^JKdFy2hjvQ|_#z=q4%AlKTvC+7$`v4KWOGFNUlclAly0NkG?-2o{l$zMl
z(Q$Sl>Z_EJ`q?OLMwW<7CUZ+Voz5BDMahuX`i3wJ<?70j|HaJPt+mg~7>sIkdPM58
z+pB<K=J}~qN+v;$6a$d-GP$KPwc{d<^b9jECL-DG`u?c+7QjMdjC@`smkmg=!^}h3
z_hlly*4x{=uDQ86`)|pJ0E#-gbo+tiEC4yqt-kO7FxVxz><mc&t@X#ue0N^3`Y;R+
zoI7{!%huM`p22_=^_ESWHf`LfQKRaG$N`WU^|H{>p@N9({R<Oea@SpxQ0M>v002ov
JPDHLkV1g*@%as5C

literal 0
HcmV?d00001

diff --git a/static/images/arrow.png b/static/images/arrow.png
new file mode 100644
index 0000000000000000000000000000000000000000..33c64919d5a85d7a488914ee7ef3924d15646cf8
GIT binary patch
literal 902
zcmV;119|+3P)<h;3K|Lk000e1NJLTq000;O001}$1^@s6=i4~W00001b5ch_0Itp)
z=>Px&KuJVFR9Hvtmq~BaKorN{8|Tap2TJKe4@m6$C!h;$X}NJhLW({9Bz%am$F2G)
zSi7)8;m!?-12+z|loCih5515?li(zFoZLD$OP>Gl?K6Wg;DrO$hdn^o2oF9)TI*?J
zOhiOKgb?>V&wJO^tPDS35CmU|=s52|M25_`uKPNJM#o=KDfI~ePFsKN0Kkmz`>*-|
zVGphm(K7(pHwZ{I$x5jk0Pq+9_S+C4#4XSBUgq(nQAJwo>v0@Eu_1`~lOe9_zUURw
zRHhs*0C++~2kL@(A^-J3I|u;GN-3Xb^(3*;qA0o=$MI9!69Cv1Ld<%ew~+<Xwv)p!
zykd-b3IGQ!!Ce5D^L>9kEu`b9P)c0}050Jsh!A4l^Sre*kgl_cA&AJ~I%Em{5<<+S
zfpi71sMh+DG3Hq-#BrQ?*L7Drd6Eji0znX51c2362qNB=QgRp*S86~VQX4CWTf(*A
zc^((Ue=8G!cSlilp;D=ESQ-#SED_Oy@B2InnpS22?+(N8yfKC$N34!dg!BaH1Ob3W
zDJ2ii>gpN5o0U@M5Rnsq)QZb*$8i>2*L{>5P%GiH#+bEM2qNB*Qa;S(LEUPtbs~g2
zzAu1U37;V%9v{c7#DD1<U}a@xs8lNPI6r0O<8xmCVHlnuqIDvgu*7#A$C=3uU~yv%
zpAoj@jj^5!u(Y%^TrQXSY)BN(Ri-s@wtU<UOY5oElLtzvlK{Y$H^ljJkaTWm2Cz6H
zZV=I!RgQ_`nM0(t9*N_a!!l}%ce*>J_8>_d0Cu|F{!#&!mzPJ&<uZq5#7bzYOLA90
z9`UX@2*Yr!)<j%2|K@wfH$+<xq9_`#R4QDGP2vDBEv0<Zax%94Y<G2JajuqO+w!d9
zi6K%-aoe-y4RHY2E))vW#bWVoTFVoUOct*-(FsdvTL>}L>*LUVfJ_);c;q&T1Hh#3
z`|q<_-sFMSdZN~$Lzd7M08Hf(ujZhgxZ^mJuIq00YI(zhAP6>zh@VdNwS|Z`rIa7?
zidQ{QN`0$e0}=5%$Gl(SRX`8~cZui$0Q@Nw3ipb|;>Uhio>->+6y5`*j%L^MAhlAP
c9|sQj3ltQR#sDT2WdHyG07*qoM6N<$f`XBi2><{9

literal 0
HcmV?d00001

diff --git a/static/images/exit.png b/static/images/exit.png
new file mode 100644
index 0000000000000000000000000000000000000000..418b55dba53bccb2859a89099d8c6a41e7147c6b
GIT binary patch
literal 845
zcmV-T1G4;yP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px&2T4RhR9Hvtm`!LCK@`XTFWCgsnkrVS9)wnu)E*+)*)$g|o<u2vNVONCUIY(b
zJoO|Zc(EV|B87VJ;uk20C{plJKd>xjRw)vVR#DN59weF?Ow2x+uz^@=x=A;Q2j}>9
zX5Me#yxITTM*xsWBsz-4;wUo@0q6k`Q1&K_Jb<?VuIF;Ou~aIRB_YIW01pB5HUXfT
zi|6@#en0_D066T-`~|>b=3JBD+K5O8;8*^b`Md)93}B5i5Yhf*GI^s(FeNv-t{)<z
zi;mAv3dmM0%Ajf52GcY@HWNq)p;G0A<1?>-xD3z=Aj2>s%>42{(BIOaudi=;C=_}R
zU=<N1TYh8;R0y%2nYRW4fye&@P-XNy2hw%@91)E$^BK#sPS$#3JqHp(d<C%50U4K4
z9tEI2Ev|;=K)S9UAfihZdUzGUh?KJ6hRAauCrJmDU;+p^5O;&Y;L!B+^rDi~5FiB+
zi^T?fKHqHs9S)Qd@I6w>OtnZg49JO;63)r8RswihC=_<h%*-hLTyVGsibkVdnx<`2
zlIJED%5#XQmzhrxk<YQE0qm4gepqN9*FZvuR{%EG0#jvfT1vTK{Z$LlYXF<P0Al9*
zmSyc&QiS61_&VFRw-ZrKM+P8b+xGE_BYUK2+MsEg-<AYaPh<?kh}pJ1Nkm=F`g;KO
zN-2LVIjL&}5<;j8a0kE&XYH*_CNn%cJNvWg*WNIU-OQ{?;Wo$lm2fybGBq`&YWAwb
zby6?3QTe%H7(>i_89>mnU64{9ajR#Z167JE5uHsYlgHe?jGEU7pm6{P0i2dno~i|=
zAwabP%%AUhgz5oOf6vSuotv9`(sH2g?(Susot^IhtOf9_<v{)Y{XNBEQ8gS&<DUd-
z>94e57#o@SjT0dLquIdB`z*`4Sx;ityCxow58JkV%~}6temh1L;wFGaYu|bS=B-oG
zk|-B_L^M%uSUmu+#Um&6Zj<u+{R5>oOe7Ksx3{;Cs{T-uTYBn5N-e!?HanJ1r@#LO
XtSfwB-I-%k00000NkvXXu0mjfQ~Y)M

literal 0
HcmV?d00001

diff --git a/static/images/password.png b/static/images/password.png
new file mode 100644
index 0000000000000000000000000000000000000000..3676e2857a2bd024886cfdfc9622950c3482f5a1
GIT binary patch
literal 848
zcmV-W1F!svP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00001b5ch_0Itp)
z=>Px&3Q0skR9Hvtmpy0{Q4q)fvuDC71knp>5HvOhFO9piNyO7eJHZbODPrgOQ3%!w
z)&UE}MidOu!ZwOAh1yy8ncLa(8YPe-2pWUA6cHst?nd6RCnw}`+0Bt0lGkjp^YMGL
zGw=PE5MkN2z1y;^K2<$JMEd}21F!&K3V^4o&xz=<i2Mp0p29dV^DY3_0rUabP{Vgd
zRd3DB&E1@snE1WiJj(`hUAJFV?*iCd5quWFI{;q+G!fArRXqTpxoo4VIaNKA&1OF?
z2WnYBwr!`0Xpo4kAn5C2u{e;;W?uj(RwhcNQZ4iI^JxHA0JH_~W-ZG)n#p87)PkxB
z#LR~PyaW(aRg?Ux@B23Z=u*KuJ3F_=<MI0dP6l=}3kwVTbGh7?rTmrzN+y%d@pwE-
zL`f5bh%S4cce~auE8fSL`5}P*z<<>9yc3auT-WVY)nOArRiF93e=Gz{$+W$_J)TG;
zasc)QzK2ERRkb)vR>*OjVIt}^&X#4RGMUVqut3J%ah%gc^eFHh5|Q(ffSCC^fL3$9
zh{(=beN!z7GdHQ~G!bnv6B)!>)Vykin0XU`pXI3%5!2j}7c;*FV2%Xj^ZAXFlaup{
z1*;0w-QAri6bdsz|2*}5zdS9Gpd7~;A)-=4$6~S8v9YmyWFP<|B62DcN#MlHPs&F?
zO(14&Q`G??Iu0OVCVVByL-?ArEU&7gM08C=rl_l{Ye%tId=J3fQ){_CTb9*B%sdF7
z>KLvv;h+Kf24H)T_>zd+15j8c5Ob1W1aK$FH*J8-{Z#515iyctwP4D7Hc&=Ol?K`X
z{k<ebWVM?4pAS&Uunx3XZ~p%k>gecbF*_e0AO8_$I_p{?+qRRIWf@&<G*gf7`=7!>
z)fLEboU=q^q^bc*`@a8RO@Un3O{?mVfgqxDp68X|!mPShXdS3l>6y7lRZCi%hz^Q~
zQ4XP2T|b%0?7D7;d3v5V9*QI|t~*c^h)SP^2WmL^(QpFID8vgZ?Sne`4>q32H#=*j
a-=IHe(1nOQnS(O`0000<MNUMnLSTYby@5pl

literal 0
HcmV?d00001

diff --git a/static/images/setting.png b/static/images/setting.png
new file mode 100644
index 0000000000000000000000000000000000000000..43fb18005496972f5ad86377018122a3488390c8
GIT binary patch
literal 1779
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
VJg$9Vk=_6R002ovPDHLkV1mo{O+5er

literal 0
HcmV?d00001