开发填写个人信息页面

app.json

@@ -32,7 +32,8 @@
     "subpackages": [{
         "root": "salesperson",
         "pages": [
-            "pages/sale/index"
+            "pages/sale/index",
+            "pages/fill/index"
         ]
     }],
     "tabBar": {

salesperson/pages/fill/index.js

@@ -0,0 +1,34 @@
+const app = getApp()
+
+Page({
+    data: {
+        menuTop: app.globalData.menuTop,
+    },
+    onLoad(options) {
+
+    },
+    async getPhoneNumber({
+        detail
+    }) {
+        console.log(detail);
+        /*     let mobile = await exchangePhone({
+                code: detail.code
+            })
+            await bindPhone({
+                mobile
+            })
+            let userInfo = await getMyInfo()
+            this.setUser(userInfo.user)
+            wx.showToast({
+                title: '绑定成功！',
+                icon: "none",
+                duration: 4000
+            }) */
+    },
+    black() {
+        wx.navigateBack()
+    },
+    submit() {
+
+    }
+})

salesperson/pages/fill/index.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationStyle": "custom"
+}

salesperson/pages/fill/index.less

@@ -0,0 +1,104 @@
+.container {
+    position: relative;
+    width: 750rpx;
+    height: 100vh;
+    background: linear-gradient(158deg, #FDD65D 0%, #FFD55D 17%, #FDCB4E 38%, #FE9F16 100%);
+
+    .black {
+        padding: 10rpx 30rpx;
+        transform: rotate(180deg);
+        width: 18rpx;
+        height: 36rpx;
+        opacity: 0.8;
+    }
+
+    .titleBox {
+        text-align: center;
+        color: #570D07;
+        font-size: 30rpx;
+
+        .t1 {
+            margin: 10rpx 0;
+            font-weight: 500;
+        }
+
+        .t2 {
+            font-size: 20rpx;
+            opacity: 0.9;
+        }
+    }
+
+    .form {
+        margin: 36rpx auto;
+        width: 710rpx;
+        background: #FFFFFF;
+        border-radius: 20rpx;
+        font-size: 28rpx;
+
+        .row {
+            padding: 32rpx 47rpx;
+            display: flex;
+            align-items: center;
+
+            .label {
+                width: 150rpx;
+            }
+
+            .nickName {
+                text-align: left;
+                color: #666666;
+                font-size: 26rpx;
+            }
+
+            .resetBtn {
+                flex: 1;
+                font-size: 26rpx;
+                text-align: left;
+                color: #555555;
+            }
+        }
+    }
+
+    .qrCodeBox {
+        margin: 30rpx auto;
+        width: 710rpx;
+        box-sizing: border-box;
+        padding: 65rpx 40rpx 37rpx;
+        background: #FFFFFF;
+        font-size: 30rpx;
+        border-radius: 20rpx;
+        text-align: center;
+
+        .qrCode {
+            margin: 38rpx 0;
+            width: 256rpx;
+            height: 256rpx;
+            padding: 20rpx;
+            border-radius: 20rpx;
+            background-color: #FFF7E1;
+        }
+
+        .content {
+            margin-top: 20rpx;
+            text-align: left;
+        }
+    }
+
+    .bottom {
+        position: absolute;
+        width: 100%;
+        padding: 26rpx 0;
+        bottom: 0;
+        left: 0;
+        background-color: white;
+
+        .btn {
+            margin: 0 auto;
+            width: 466rpx;
+            padding: 14rpx 0;
+            background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+            border-radius: 39rpx;
+            color: white;
+        }
+    }
+}

salesperson/pages/fill/index.wxml

@@ -0,0 +1,33 @@
+<view class="container">
+    <image src="/static/black.png" style="margin-top:{{menuTop}}px;" class='black' bindtap="black" />
+    <view class="titleBox">
+        <view class="t1">填写个人信息</view>
+        <view class="t2">请填写真实信息</view>
+    </view>
+    <view class="form">
+        <view class="row" style="border-bottom: 1rpx solid #EEEEEE;">
+            <view class="label">*姓名</view>
+            <input placeholder="请输入真实姓名" class='nickName' placeholder-class="nickName" maxlength="10"
+                value='{{userInfo.schoolName}}'></input>
+        </view>
+        <view class="row">
+            <view class="label">*手机号</view>
+            <button class="resetBtn" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">请输入手机号</button>
+        </view>
+    </view>
+    <view class="qrCodeBox">
+        <view>长按识别二维码 添加客服微信</view>
+        <image
+            src="https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=gQHH8DwAAAAAAAAAAS5odHRwOi8vd2VpeGluLnFxLmNvbS9xLzAyelF3NzBQT2M5N1UxMlVQME5CY3cAAgSYFwBlAwQgHAAA"
+            show-menu-by-longpress="{{true}}" class="qrCode" />
+        <view class="content">
+            运营方案和营销工具的支持，共享优秀推荐案例
+        </view>
+        <view class="content">
+            遇到对账、结算、支付等问题，1对1沟通解决
+        </view>
+    </view>
+    <view class="bottom">
+        <button class="resetBtn btn" bindtap="submit">完成</button>
+    </view>
+</view>

salesperson/pages/fill/index.wxss

@@ -0,0 +1,90 @@
+.container {
+  position: relative;
+  width: 750rpx;
+  height: 100vh;
+  background: linear-gradient(158deg, #FDD65D 0%, #FFD55D 17%, #FDCB4E 38%, #FE9F16 100%);
+}
+.container .black {
+  padding: 10rpx 30rpx;
+  transform: rotate(180deg);
+  width: 18rpx;
+  height: 36rpx;
+  opacity: 0.8;
+}
+.container .titleBox {
+  text-align: center;
+  color: #570D07;
+  font-size: 30rpx;
+}
+.container .titleBox .t1 {
+  margin: 10rpx 0;
+  font-weight: 500;
+}
+.container .titleBox .t2 {
+  font-size: 20rpx;
+  opacity: 0.9;
+}
+.container .form {
+  margin: 36rpx auto;
+  width: 710rpx;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  font-size: 28rpx;
+}
+.container .form .row {
+  padding: 32rpx 47rpx;
+  display: flex;
+  align-items: center;
+}
+.container .form .row .label {
+  width: 150rpx;
+}
+.container .form .row .nickName {
+  text-align: left;
+  color: #666666;
+  font-size: 26rpx;
+}
+.container .form .row .resetBtn {
+  flex: 1;
+  font-size: 26rpx;
+  text-align: left;
+  color: #555555;
+}
+.container .qrCodeBox {
+  margin: 30rpx auto;
+  width: 710rpx;
+  box-sizing: border-box;
+  padding: 65rpx 40rpx 37rpx;
+  background: #FFFFFF;
+  font-size: 30rpx;
+  border-radius: 20rpx;
+  text-align: center;
+}
+.container .qrCodeBox .qrCode {
+  margin: 38rpx 0;
+  width: 256rpx;
+  height: 256rpx;
+  padding: 20rpx;
+  border-radius: 20rpx;
+  background-color: #FFF7E1;
+}
+.container .qrCodeBox .content {
+  margin-top: 20rpx;
+  text-align: left;
+}
+.container .bottom {
+  position: absolute;
+  width: 100%;
+  padding: 26rpx 0;
+  bottom: 0;
+  left: 0;
+  background-color: white;
+}
+.container .bottom .btn {
+  margin: 0 auto;
+  width: 466rpx;
+  padding: 14rpx 0;
+  background: linear-gradient(180deg, #6EC8FF 0%, #31BDFE 100%);
+  border-radius: 39rpx;
+  color: white;
+}

salesperson/pages/sale/index.js

@@ -1,66 +1,20 @@
-// salesperson/pages/sale/index.js
-Page({
+const app = getApp()
 
-    /**
-     * 页面的初始数据
-     */
+Page({
     data: {
-
+        menuTop: app.globalData.menuTop,
     },
-
-    /**
-     * 生命周期函数--监听页面加载
-     */
     onLoad(options) {
 
     },
-
-    /**
-     * 生命周期函数--监听页面初次渲染完成
-     */
-    onReady() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面显示
-     */
-    onShow() {
-
-    },
-
-    /**
-     * 生命周期函数--监听页面隐藏
-     */
-    onHide() {
-
+    black() {
+        wx.switchTab({
+            url: '/pages/my/index'
+        })
     },
-
-    /**
-     * 生命周期函数--监听页面卸载
-     */
-    onUnload() {
-
-    },
-
-    /**
-     * 页面相关事件处理函数--监听用户下拉动作
-     */
-    onPullDownRefresh() {
-
-    },
-
-    /**
-     * 页面上拉触底事件的处理函数
-     */
-    onReachBottom() {
-
-    },
-
-    /**
-     * 用户点击右上角分享
-     */
-    onShareAppMessage() {
-
+    jump(){
+        wx.navigateTo({
+          url: '/salesperson/pages/fill/index',
+        })
     }
 })

salesperson/pages/sale/index.less

@@ -7,6 +7,14 @@
     background-size: 100%;
     background-color: #FDA118;
 
+    .black {
+        padding: 10rpx 30rpx;
+        transform: rotate(180deg);
+        width: 18rpx;
+        height: 36rpx;
+        opacity: 0.8;
+    }
+
     .rule {
         display: flex;
         align-items: center;
@@ -16,8 +24,9 @@
         top: 1030rpx;
         color: #4AC2FF;
         font-size: 32rpx;
-        .blueR{
-            margin-left:15rpx;
+
+        .blueR {
+            margin-left: 15rpx;
             width: 20rpx;
             height: 30rpx;
         }

salesperson/pages/sale/index.wxml

@@ -1,9 +1,10 @@
 <view class="container">
+    <image src="/static/black.png" style="margin-top:{{menuTop}}px;" class='black' bindtap="black"/>
     <view class="rule">佣金规则
         <image src="../../image/blueR.png" class='blueR' />
     </view>
     <view class="tips">注册推荐官，请填写个人信息</view>
     <view class="bottom">
-        <button class="resetBtn btn">填写个人信息</button>
+        <button class="resetBtn btn" bindtap="jump">填写个人信息</button>
     </view>
 </view>

salesperson/pages/sale/index.wxss

@@ -7,6 +7,13 @@
   background-size: 100%;
   background-color: #FDA118;
 }
+.container .black {
+  padding: 10rpx 30rpx;
+  transform: rotate(180deg);
+  width: 18rpx;
+  height: 36rpx;
+  opacity: 0.8;
+}
 .container .rule {
   display: flex;
   align-items: center;