zx

app.json

@@ -29,6 +29,7 @@
     "pages/mine/pages/myReport/index",
     "pages/mine/pages/helpCenter/index",
     "pages/mine/pages/register/register",
+    "pages/mine/pages/profile/profile",
     "pages/varComm/pages/theme/index",
     "pages/brandCrisis/index",
     "pages/brandCrisis/crisiSet/index",
@@ -40,7 +41,6 @@
       "name": "分包A",
       "pages": [
         "pages/detail/index",
-        "pages/profile/profile",
         "logs/PushSettings/index"
       ]
     },

pages/mine/index.wxml

@@ -12,6 +12,9 @@
         </view>
     </view>
     <view class="content">
+        <van-cell title="个人信息" is-link border="{{false}}" title-class='cell_label'
+        url='./pages/profile/profile'
+        link-type="navigateTo" />
         <van-cell title="账号绑定" is-link icon="{{imageUrl}}/my_con1.png" border="{{false}}" title-class='cell_label'
         url='./pages/bindUser/index'
         link-type="navigateTo" />
@@ -21,7 +24,7 @@
         <van-cell title="我的报告" is-link icon="{{imageUrl}}/my_con3.png" border="{{false}}" title-class='cell_label' 
         url='./pages/myReport/index'
         link-type="navigateTo"/>
-        <van-cell title="推送设置" is-link icon="/components/images/tuisong.png" border="{{false}}" title-class='cell_label'
+        <van-cell title="推送设置" is-link border="{{false}}" title-class='cell_label'
         url='/pages/logs/PushSettings/index'
         link-type="navigateTo" />
     </view>

pages/mine/pages/profile/profile.js

@@ -0,0 +1,301 @@
+// pages/mine/pages/register/register.js
+const app = getApp()
+import timer from '../../../../utils/timer'
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    sUserName: '',
+    sPhone: '',
+    sEmail: '',
+    companyName: '',
+    brandName: '',
+    sVerifycode: '',
+    expDate: '',
+    captchaLabel: '获取验证码',
+    captchaDisabled: false,
+    imageUrl: getApp().globalData.imageUrl,
+    status: 0 // 0查看 1编辑
+  },
+  //用户输入
+  usernameInput(e) {
+    this.setData({
+      sUserName: e.detail.value
+    })
+  },
+  //手机号输入
+  sPhoneInput(e) {
+    this.setData({
+      sPhone: e.detail.value
+    })
+  },
+  //邮箱输入
+  sEmailInput(e) {
+    this.setData({
+      sEmail: e.detail.value
+    })
+  },
+  //名称输入
+  companyInput(e) {
+    this.setData({
+      companyName: e.detail.value
+    })
+  },
+  //验证码输入
+  codeInput(e) {
+    this.setData({
+      sVerifycode: e.detail.value
+    })
+  },
+
+  //获取验证码
+  captcha() {
+    let b = this.validPhone();
+    if (!b) return;
+    let obj = {
+      action: 'getVERCode',
+      sPhone: this.data.sPhone,
+    }
+    return new Promise((resolve, reject) => {
+      app.globalData.request(obj, (res) => {
+        // 定时60s
+        timer(this)
+        resolve(true)
+      }).catch(err => {
+        wx.showModal({
+          title: '提示',
+          content: err.Msg,
+        })
+        reject(false)
+      })
+    })
+  },
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  //提交审核
+  toEdit() {
+    this.setData({status: 1});
+  },
+  Submit() {
+    let a = this.validfrom();
+    if (!a) return;
+    let obj = {
+      action: 'getUserDataVERCode',
+      token: wx.getStorageSync('token'),
+      UserName: this.data.sUserName,
+      Phone: this.data.sPhone,
+      Email: this.data.sEmail,
+      UnitName: this.data.companyName,
+      Code: this.data.sVerifycode,
+    }
+    return new Promise((resolve, reject) => {
+      app.globalData.request(obj, (res) => {
+        if (res.Code == 1) {
+          wx.showModal({
+            title: '提示',
+            content: res.Msg,
+            success(res) {
+              if (res.confirm) {
+                this.setData({status: 0});
+                this.getdata();
+              } else {
+
+              }
+            }
+          })
+        }
+        resolve(true)
+      }).catch(err => {
+        wx.showModal({
+          title: '提示',
+          content: err.Msg,
+        })
+        reject(false)
+      })
+    })
+  },
+  getlist() {
+    let that = this
+    let obj = {
+      action: 'getUserDataVERCode',
+      UserName: this.data.sUserName,
+      Phone: this.data.sPhone,
+      Email: this.data.sEmail,
+      token: wx.getStorageSync('token')
+    }
+    return new Promise((resolve, reject) => {
+      app.globalData.request(obj, (res) => {
+        if (res.Code == 1) {
+          wx.showModal({
+            title: '提示',
+            content: res.Msg,
+            success(res) {
+              if (res.confirm) {
+                that.captcha()
+              } else {
+
+              }
+            }
+          })
+        }
+        resolve(true)
+      }).catch(err => {
+        wx.showModal({
+          title: '提示',
+          content: err.Msg,
+        })
+        reject(false)
+      })
+    })
+
+  },
+  validPhone() {
+    let b = true;
+    let sPhone = this.data.sPhone;
+    //验证手机号
+    if (!this.data.sPhone) {
+      wx.showModal({
+        title: '提示',
+        content: "手机号不能为空",
+      })
+      b = false;
+      return b;
+    }
+    //验证手机格式
+    if (!(/^1[345678]\d{9}$/.test(sPhone))) {
+      wx.showModal({
+        title: '提示',
+        content: "手机格式错误",
+      })
+      b = false
+      return b;
+    }
+    return b;
+  },
+  validfrom() {
+    let a = true;
+    //验证用户名
+    if (!this.data.sUserName) {
+      wx.showModal({
+        title: '提示',
+        content: "账号不能为空",
+      })
+      a = false;
+      return a;
+    }
+    //验证手机号
+    if (!this.data.sPhone) {
+      wx.showModal({
+        title: '提示',
+        content: "手机号不能为空",
+      })
+      a = false;
+      return a;
+    }
+    //验证邮箱
+    if (!this.data.sEmail) {
+      wx.showModal({
+        title: '提示',
+        content: "邮箱不能为空",
+      })
+      a = false;
+      return a;
+    }
+    //验证公司名称
+    if (!this.data.companyName) {
+      wx.showModal({
+        title: '提示',
+        content: "公司名称不能为空",
+      })
+      a = false;
+      return a;
+    }
+    //验证验证码
+    if (!this.data.sVerifycode) {
+      wx.showModal({
+        title: '提示',
+        content: "验证码不能为空",
+      })
+      a = false;
+      return a;
+    }
+    return a;
+  },
+  handlerBack() {
+    if(this.data.status == 0) {
+        wx.navigateBack({ delta: 1 });
+    } else {
+        this.setData({status: 0});
+    }
+  },
+  onLoad(options) {
+    this.getdata()
+  },
+  getdata() {
+    app.globalData.request({
+      action: 'getUserData',
+      token: wx.getStorageSync('token')
+    }).then(res => {
+      this.setData({
+        sUserName: res.UserName,
+        sPhone: res.Phone,
+        sEmail: res.Email,
+        companyName: res.UnitName,
+        brandName: res.MainBrand,
+        expDate: res.ValidTime
+      });
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/mine/pages/profile/profile.json

@@ -0,0 +1,7 @@
+{
+    "usingComponents": {},
+    "navigationStyle": "custom",
+    "navigationBarTitleText":"个人信息",
+    "navigationBarBackgroundColor":"#ffffff",
+    "navigationBarTextStyle":"black"
+}

pages/mine/pages/profile/profile.wxml

@@ -0,0 +1,44 @@
+<!--pages/mine/pages/register/register.wxml-->
+<van-nav-bar custom-class="nav-top" title="个人信息" left-text="返回" right-text="" left-arrow bind:click-left="handlerBack" />
+<view class="bind_box">
+  <view style="font-size:28rpx;font-weight:bolder;margin-left: 32rpx">硕为思账号</view>
+  <input disabled="{{status == 0}}" value="{{sUserName}}" placeholder="请输入" placeholder-class="placeholder-style" bindinput="usernameInput"></input>
+  <view style="font-size:28rpx;font-weight:bolder;margin-top: 32rpx;margin-left: 32rpx">手机号</view>
+  <input disabled="{{status == 0}}" value="{{sPhone}}" placeholder="请输入手机号" placeholder-class="placeholder-style" bindinput="sPhoneInput"></input>
+  <view style="font-size:28rpx;font-weight:bolder;margin-top: 32rpx;margin-left: 32rpx">邮箱</view>
+  <input disabled="{{status == 0}}" value="{{sEmail}}" placeholder="请输入邮箱" placeholder-class="placeholder-style" bindinput="sEmailInput"></input>
+  <view style="font-size:28rpx;font-weight:bolder;margin-top: 32rpx;margin-left: 32rpx">公司名称</view>
+  <input disabled="{{status == 0}}" value="{{companyName}}" placeholder="请输入公司名称" placeholder-class="placeholder-style" bindinput="companyInput"></input>
+  <view>
+    <view style="font-size:28rpx;font-weight:bolder;margin-top: 32rpx;margin-left: 32rpx">公司品牌</view>
+    <view>
+        <input disabled value="{{brandName}}" placeholder="请输入公司品牌" placeholder-class="placeholder-style"></input>
+    </view>
+  </view>
+  <view wx:if="{{status == 1}}">
+    <view style="font-size:28rpx;font-weight:bolder;margin-top: 32rpx;margin-left: 32rpx">到期日期</view>
+    <view>
+        <input disabled value="{{expDate}}" placeholder="到期日期" placeholder-class="placeholder-style" ></input>
+    </view>
+  </view>
+  <view wx:if="{{status == 1}}">
+    <view style="font-size:28rpx;font-weight:bolder;margin-top: 32rpx;margin-left: 32rpx">验证码</view>
+    <view style="display: flex;">
+        <input width="260px" value="{{sVerifycode}}" placeholder="请输入验证码" placeholder-class="placeholder-style" bindinput="codeInput"></input>
+        <button class="captcha" bindtap="getlist" disabled="{{captchaDisabled}}" plain="true" disabled-class="disabled">{{captchaLabel}}</button>
+    </view>
+  </view>
+  <button wx:if="{{status == 0}}" class="bts" bindtap="toEdit">编辑</button>
+  <button wx:else class="bts" bindtap="Submit">完成</button>
+</view>
+<!-- <van-popup show="{{ show }}" custom-style="height: 80%;width: 100%;padding-bottom: 80rpx" position="bottom" bind:close="onClose">
+  <van-index-bar sticky="{{false}}" index-list="{{ [] }}">
+    <view wx:for="{{mockData}}" wx:key="idx">
+      <van-index-anchor index="{{item.name}}" />
+      <view class="my_cell" wx:for="{{item.data}}" data-brand="{{item2.brandname}}" wx:key="idx" wx:for-item="item2" bindtap="Brands">
+        <image slot="icon" class="bs-item-image" src="{{item2.img}}" lazy-load="{{true}}"></image>
+        <text>{{item2.brandname}}</text>
+      </view>
+    </view>
+  </van-index-bar>
+</van-popup> -->

pages/mine/pages/profile/profile.wxss

@@ -0,0 +1,187 @@
+/* pages/mine/pages/register/register.wxss */
+.bind_box{
+    margin-top: 34rpx;
+    width: 686rpx;
+    /* height: 528rpx; */
+    background: white;
+    margin-left:32rpx;
+    padding: 32rpx 0;
+
+}
+.bind_box input{
+    height: 96rpx;
+    width: 590rpx;
+    background-color: #f9f9f9;
+    margin-top: 24rpx;
+    margin-left: 32rpx;
+    padding-left: 32rpx;
+    font-size: 28rpx;
+    color: #333333;
+}
+page{
+ background: #f9f9f9;   
+}
+.placeholder-style{
+    font-size: 28rpx;
+    /* margin-left: 32rpx; */
+}
+.bts{
+    margin-top: 48rpx;
+    width: 622rpx;
+    margin-left:32rpx ;   
+    color: white;
+    background: #66b6ff;
+    font-size: 28rpx;
+    height: 88rpx;
+    line-height: 88rpx;
+}
+.bs-top-title {
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #fff;
+    font-size: 26rpx;
+    height: 40px;
+}
+.bs-top-title-ic {
+    position: absolute;
+    left: 16px;
+    font-size: 19px;
+}
+.captcha{
+  width: 40%;
+  height: 96rpx;
+  line-height: 96rpx;
+  /* margin: auto 0; */
+  margin-top: 24rpx;
+  color: #f9f9f9;
+  font-size: 25rpx;
+  margin-right: 25rpx;
+  border-radius: 0px;
+}
+button[plain] {
+    background-color: #f9f9f9;
+    border:0;
+    color: #66b6ff;
+}
+.add1{
+  width:686rpx;
+  overflow-x:scroll;
+  white-space: nowrap;
+}
+.add_box1 {
+  display: inline-block;
+  height: 208rpx;
+  width: 200rpx;
+  margin-left: 32rpx;
+  background-color: #339cff;
+  border-radius: 8rpx;
+  border: 2rpx solid #85c3ff;
+  overflow: hidden;
+}
+
+
+.heng1 {
+  height: 8rpx;
+  width: 72rpx;
+  background: white;
+  border-radius: 6rpx;
+  position: relative;
+  left: 66rpx;
+  top: 82rpx
+}
+
+.shu1 {
+  width: 8rpx;
+  height: 72rpx;
+  background: white;
+  border-radius: 6rpx;
+  position: relative;
+  left: 98rpx;
+  top: 45rpx
+}
+
+.event1 {
+  display: inline-block;
+  color: white;
+  font-size: 28rpx;
+  margin-left: 32rpx;
+  margin-top: 60rpx;
+}
+
+.btns {
+  margin-top: 32rpx;
+  width: 686rpx;
+  height: 88rpx;
+  font-weight: bold;
+  line-height: 88rpx;
+  color: rgba(0, 132, 255, 1);
+  font-size: 28rpx;
+}
+.event_recom1 {
+  margin-top: 32rpx;
+  min-height: 1000rpx;
+  background-color: #f9f9f9;
+  border-top-left-radius: 24rpx;
+  border-top-right-radius: 24rpx;
+}
+
+.van-index-bar .van-index-bar__sidebar{
+  top:480rpx;
+  transform:none;
+}
+.van-index-anchor text{
+  font-size: 24rpx;
+  color: rgba(153, 153, 153, 1);
+}
+.event_recom1 .van-cell .van-cell__title{
+  font-size: 28rpx;
+}
+.my_cell{
+  width: 686rpx;
+  height: 96rpx;
+  background: white;
+  display: flex;
+  align-items: center;
+  padding: 0 32rpx;
+}
+.van-checkbox{
+  display: inline-block !important;
+}
+.my_cell .van-checkbox__icon {
+  margin-left: 32rpx ;
+  font-size: 32rpx !important;
+}
+.my_cell .van-image{
+  margin-left: 48rpx;
+  margin-top: 4rpx;
+}
+.my_cell text{
+  font-size: 28rpx;
+  margin-left: 24rpx;
+}
+.event_box{
+  height: 36rpx;
+  background:white;
+  border-top-left-radius: 24rpx;
+  border-top-right-radius: 24rpx;
+}
+.bs-item-image {
+  display: inline-block;
+  width: 84rpx;
+  height: 84rpx;
+  padding: 12rpx;
+  margin-right: 24rpx;
+}
+.all{
+    background: #027AFF;
+    width: 72rpx;
+    height: 72rpx;
+    line-height: 72rpx;
+    color: #ffffff;
+    font-size: 24rpx;
+    text-align: center;
+    border-radius: 50rpx;
+}
+