Myth
4 years ago
40 changed files with 1650 additions and 49 deletions
@ -0,0 +1,66 @@ |
|||
// pages/old/index.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,12 @@ |
|||
<!--pages/old/index.wxml--> |
|||
<view style="height:175rpx"></view> |
|||
<view class="bottom com-flex"> |
|||
<view class="bottom-item active"> |
|||
<image src="/images/homeSel.png" mode="widthFix"></image> |
|||
<view>首页</view> |
|||
</view> |
|||
<navigator url="user/index" class="bottom-item"> |
|||
<image src="/images/user.png" mode="widthFix"></image> |
|||
<view>我的</view> |
|||
</navigator> |
|||
</view> |
|||
@ -0,0 +1,24 @@ |
|||
/* pages/old/index.wxss */ |
|||
.bottom { |
|||
position: fixed; |
|||
left: 0; |
|||
right: 0; |
|||
height: 175rpx; |
|||
background: #FFFFFF; |
|||
box-shadow: -1px 1px 16rpx 0px rgba(6, 0, 1, 0.1); |
|||
color: #999; |
|||
bottom: 0; |
|||
} |
|||
.bottom-item { |
|||
width: 50%; |
|||
text-align: center; |
|||
} |
|||
.bottom image { |
|||
width: 80rpx; |
|||
display: block; |
|||
margin: 0 auto; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.bottom-item.active { |
|||
color: #0B898E; |
|||
} |
|||
@ -0,0 +1,217 @@ |
|||
// pages/user/address/add/index.js
|
|||
import util from "../../../../utils/util.js" |
|||
import user from "../../../../utils/https/user.js" |
|||
let app = getApp() |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
isDefault:true, |
|||
region: [], |
|||
customItem: '', |
|||
typeItem:null, |
|||
formData:{ |
|||
}, |
|||
id:null, // 为null的时候是新增，否则是编辑
|
|||
types:[], |
|||
safeBottom:app.globalData.safeBottom, |
|||
selectIndex:0 |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
id: options.id || null |
|||
}) |
|||
// 获取证件列表
|
|||
user.user_post("user/getCardTypeList", {}).then(r => { |
|||
console.log(r) |
|||
let data = []; |
|||
r.data.map(item=>{ |
|||
data.push(item.title) |
|||
}) |
|||
this.setData({ |
|||
types: r.data, |
|||
typeList:data |
|||
}) |
|||
if (this.data.id) { |
|||
user.user_post("user/getContactInfoById", { id: this.data.id }).then(res => { |
|||
res.data.isDefault = res.data.is_default == '1' ? true : false; |
|||
res.data.username = res.data.name; |
|||
res.data.mobile = res.data.tel; |
|||
res.data.idNumber = res.data.id_number; |
|||
this.setData({ |
|||
formData: res.data, |
|||
idTypeId: res.data.idcard_type, |
|||
selectIndex:r.data.findIndex(item=>item.type == res.data.idcard_type && item.code == res.data.document_type) |
|||
}) |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
|
|||
// 如果id存在那么需要获取地址详情
|
|||
}, |
|||
// 设为默认
|
|||
setDefault:function(e){ |
|||
var formData = this.data.formData; |
|||
formData.isDefault = e.detail.value; |
|||
this.setData({ |
|||
formData: formData |
|||
}) |
|||
}, |
|||
// 输入监听 不是双向绑定啊 绝望
|
|||
nameInput:function(e){ |
|||
var formData = this.data.formData; |
|||
formData.username = e.detail.value; |
|||
this.setData({ |
|||
formData: formData |
|||
}) |
|||
}, |
|||
telInput:function(e){ |
|||
var formData = this.data.formData; |
|||
formData.mobile = e.detail.value; |
|||
this.setData({ |
|||
formData: formData |
|||
}) |
|||
}, |
|||
idNumberInput:function(e){ |
|||
var formData = this.data.formData; |
|||
formData.idNumber = e.detail.value; |
|||
this.setData({ |
|||
formData: formData |
|||
}) |
|||
}, |
|||
// 选择证件类型
|
|||
selectType:function(e){ |
|||
this.setData({ |
|||
selectIndex:e.detail.value |
|||
}) |
|||
// let data = [];
|
|||
// for(let i=0;i<this.data.types.length;i++){
|
|||
// data.push(this.data.types[i].title)
|
|||
// }
|
|||
// wx.showActionSheet({
|
|||
// itemList: data,
|
|||
// success(res) {
|
|||
// that.setData({
|
|||
// typeItem:that.data.types[res.tapIndex],
|
|||
// idTypeId: that.data.types[res.tapIndex].id,
|
|||
// })
|
|||
// console.log(res);
|
|||
// },
|
|||
// fail(res) {
|
|||
// // Android 6.7.2 及以上版本 和 iOS 点击蒙层不会关闭模态弹窗，所以尽量避免使用「取消」分支中实现业务逻辑
|
|||
// console.log(res.errMsg)
|
|||
// }
|
|||
// })
|
|||
}, |
|||
// 保存
|
|||
submit:function(){ |
|||
if (!this.data.formData.username){ |
|||
wx.showToast({ |
|||
title: '请输入姓名！', |
|||
icon:"none" |
|||
}) |
|||
return false; |
|||
} |
|||
if (!this.data.formData.mobile) { |
|||
wx.showToast({ |
|||
title: '请输入手机号码！', |
|||
icon: "none" |
|||
}) |
|||
return false; |
|||
} |
|||
if (!util.isTel(this.data.formData.mobile)) { |
|||
wx.showToast({ |
|||
title: '请输入正确的手机号码！', |
|||
icon: "none" |
|||
}) |
|||
return false; |
|||
} |
|||
// if (!this.data.idTypeId) {
|
|||
// wx.showToast({
|
|||
// title: '请选择证件类型！',
|
|||
// icon: "none"
|
|||
// })
|
|||
// return false;
|
|||
// }
|
|||
// if (!this.data.formData.idNumber) {
|
|||
// wx.showToast({
|
|||
// title: '请输入证件号！',
|
|||
// icon: "none"
|
|||
// })
|
|||
// return false;
|
|||
// }
|
|||
let data = this.data.formData; |
|||
data.idcard_type = this.data.types[this.data.selectIndex].type; |
|||
data.is_default = data.isDefault?'1':'0'; |
|||
data.document_type = this.data.types[this.data.selectIndex].code; |
|||
data.id_number = this.data.formData.idNumber; |
|||
let service ="addNewContact"; |
|||
if(this.data.id){ |
|||
data.contactId = this.data.id; |
|||
service = "editContactById"; |
|||
} |
|||
user.user_post("user/"+service,data).then(res=>{ |
|||
if(res.code==1){ |
|||
wx.showToast({ |
|||
title: '保存成功！', |
|||
icon:"success", |
|||
success:function(){ |
|||
util.back(); |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
cancel:function(){ |
|||
util.back() |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title-header": "/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,25 @@ |
|||
<!--pages/user/address/add/index.wxml--> |
|||
<view> |
|||
<title-header title="{{id?'编辑':'添加'}}出行人"></title-header> |
|||
<view class="input-item"> |
|||
<text class="input-label">姓名：</text> |
|||
<input bindinput="nameInput" value="{{formData.username}}" class="weui-input" auto-focus placeholder="请输入姓名" /> |
|||
</view> |
|||
<view class="input-item"> |
|||
<text class="input-label">手机号：</text> |
|||
<input bindinput="telInput" type="number" value="{{formData.mobile}}" class="weui-input" placeholder="请输入手机号" /> |
|||
</view> |
|||
<view class="input-item" style="height:240rpx"> |
|||
<picker bindchange="selectType" value="{{selectIndex}}" range="{{typeList}}"> |
|||
<view class="picker com-flex"> |
|||
<text>{{typeList[selectIndex]}}</text> |
|||
<view class="iconfont icon-xia"></view> |
|||
</view> |
|||
</picker> |
|||
<textarea bindinput="idNumberInput" type="number" value="{{formData.idNumber}}" class="weui-input" placeholder="请选择证件并输入证件号"></textarea> |
|||
</view> |
|||
<view class="com-flex btns"> |
|||
<view bindtap="cancel">取消</view> |
|||
<view class="active" bindtap="submit">确定</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,64 @@ |
|||
/* pages/user/address/add/index.wxss */ |
|||
page { |
|||
background: #fff; |
|||
} |
|||
.input-item { |
|||
display: flex; |
|||
align-items: center; |
|||
height: 185rpx; |
|||
font-size: 49rpx; |
|||
font-weight: 500; |
|||
margin: 0 30rpx; |
|||
justify-content: space-between; |
|||
padding: 0 20rpx; |
|||
border-bottom: 1rpx solid #D8D8D8; |
|||
} |
|||
.input-item .weui-input { |
|||
flex: 1; |
|||
} |
|||
.input-item textarea.weui-input { |
|||
height: 120rpx; |
|||
} |
|||
.picker { |
|||
height: 80rpx; |
|||
background: #FFFFFF; |
|||
border: 1px solid #999999; |
|||
border-radius: 20rpx; |
|||
box-sizing: border-box; |
|||
text-align: center; |
|||
margin-right: 20rpx; |
|||
} |
|||
.picker text { |
|||
flex: 1; |
|||
text-align: center; |
|||
padding: 0 15rpx; |
|||
} |
|||
.picker .iconfont { |
|||
color: #0B898E; |
|||
width: 80rpx; |
|||
line-height: 80rpx; |
|||
border-left: 1px solid #999999; |
|||
} |
|||
.btns { |
|||
position: fixed; |
|||
left: 27rpx; |
|||
right: 27rpx; |
|||
bottom: 27rpx; |
|||
justify-content: space-between; |
|||
font-size: 49rpx; |
|||
font-weight: bold; |
|||
} |
|||
.btns view { |
|||
color: #0B898E; |
|||
border: 2rpx solid #0B898E; |
|||
background: white; |
|||
width: 333rpx; |
|||
box-sizing: border-box; |
|||
text-align: center; |
|||
border-radius: 20rpx; |
|||
line-height: 103rpx; |
|||
} |
|||
.btns view.active { |
|||
color: #fff; |
|||
background: #0B898E; |
|||
} |
|||
@ -0,0 +1,185 @@ |
|||
// pages/user/address/index.js
|
|||
import user from "../../../utils/https/user.js" |
|||
import util from "../../../utils/util.js" |
|||
let app = getApp() |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
pageNo:1, |
|||
list:[], |
|||
isMore:true, |
|||
fromOrder:null, |
|||
safeBottom:app.globalData.safeBottom |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
fromOrder:options.from || null, |
|||
pid:options.pid || null, |
|||
sid:options.sid || null |
|||
}) |
|||
}, |
|||
// 如果是来自订单的点击选中联系人
|
|||
setOrderLinkman:function(e){ |
|||
console.log(this.data.fromOrder) |
|||
if(this.data.fromOrder=='order'){ |
|||
let pid = this.data.pid,sid = this.data.sid; |
|||
app.globalData.shoppingCart.map((item,index,arr)=>{ |
|||
if(item.baseInfo.id==pid && item.skuInfo.id==sid){ |
|||
// 只有当产品id和规格id一致的时候才把联系人赋值进去
|
|||
// 并且只有当这个联系人没有在选中的联系人中才需要赋值
|
|||
let index = item.linkman.findIndex((l)=>l.id==e.currentTarget.dataset.item.id); |
|||
if(item.productNum<=item.linkman.length && index==-1){ |
|||
item.linkman[item.linkman.length-1] = e.currentTarget.dataset.item |
|||
} |
|||
else if(index==-1){ |
|||
item.linkman.push(e.currentTarget.dataset.item) |
|||
} |
|||
} |
|||
}) |
|||
util.back() |
|||
} |
|||
else if(this.data.fromOrder=='CtripOrder'){ |
|||
// 携程下单来的
|
|||
app.globalData.product.linkman = e.currentTarget.dataset.item; |
|||
util.back(); |
|||
} |
|||
}, |
|||
getList: function () { |
|||
user.user_post("user/getContactOrConsignee", { |
|||
contactType:"CONTACT", |
|||
offset: this.data.list.length, |
|||
limit: 10 |
|||
}).then(res => { |
|||
let list = this.data.list.concat(res.data),isMore = true; |
|||
if(res.data.length<10){ |
|||
isMore = false; |
|||
} |
|||
this.setData({ |
|||
list: list, |
|||
isMore: isMore |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
// 设为默认
|
|||
setDefault:function(e){ |
|||
let item = e.currentTarget.dataset.item; |
|||
if(item.is_default==1) return; |
|||
user.user_post("user/setDefaultContact",{contactId:item.id}).then(res=>{ |
|||
// 设置默认成功
|
|||
let list = this.data.list; |
|||
if(res.data){ |
|||
wx.showToast({ |
|||
title: '操作成功！', |
|||
icon:"success" |
|||
}); |
|||
list.map((i,index,arr)=>{ |
|||
if(i.id==item.id){ |
|||
i.is_default = 1; |
|||
} |
|||
else { |
|||
i.is_default = '0'; |
|||
} |
|||
}) |
|||
this.setData({ |
|||
list:list |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 删除单个地址
|
|||
del: function (e) { |
|||
let that = this, id = e.currentTarget.dataset.id, index = e.currentTarget.dataset.index; |
|||
wx.showModal({ |
|||
title: '提示', |
|||
content: '确定删除吗？', |
|||
success: function (res) { |
|||
if (res.confirm) { |
|||
// 确定删除
|
|||
user.user_post("user/delContact", { contactId: id }).then(res => { |
|||
if (res.code==1) { |
|||
wx.showToast({ |
|||
title: '删除成功', |
|||
icon: 'success' |
|||
}) |
|||
let data = that.data.list; |
|||
data.splice(index, 1) |
|||
that.setData({ |
|||
list: data |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}) |
|||
}, |
|||
add: function (e) { |
|||
console.log(e) |
|||
if (e.target.dataset.id) { |
|||
wx.navigateTo({ |
|||
url: './add/index?id=' + e.target.dataset.id |
|||
}) |
|||
} |
|||
else { |
|||
wx.navigateTo({ |
|||
url: './add/index?id=' |
|||
}) |
|||
} |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
this.setData({ |
|||
list:[], |
|||
pageNo:1, |
|||
isMore:true |
|||
}) |
|||
this.getList(); |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
if(this.data.isMore){ |
|||
this.getList(); |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,15 @@ |
|||
<!--pages/old/linkman/index.wxml--> |
|||
<title title="出行人信息"></title> |
|||
<view class="item" wx:for="{{list}}"> |
|||
<view>姓名：{{item.name}}</view> |
|||
<view>手机号：{{item.tel}}</view> |
|||
<view>{{item.title}}：{{item.id_number}}</view> |
|||
<view class="item-bottom com-flex"> |
|||
<view class="iconfont {{item.is_default==1?'icon-gou':'icon-quan'}}" bindtap="setDefault" data-item="{{item}}"></view> |
|||
<view style="flex:1">默认出行人</view> |
|||
<navigator url="add/index?id={{item.id}}" class="edit-btn">编辑</navigator> |
|||
<view class="edit-btn" bindtap="del" data-id="{{item.id}}" data-index="{{index}}">删除</view> |
|||
</view> |
|||
</view> |
|||
<view style="height:140rpx"></view> |
|||
<navigator url="add/index" class="btn">添加出行人</navigator> |
|||
@ -0,0 +1,56 @@ |
|||
/* pages/old/linkman/index.wxss */ |
|||
.btn { |
|||
position: fixed; |
|||
left: 27rpx; |
|||
right: 27rpx; |
|||
width: 697rpx; |
|||
line-height: 107rpx; |
|||
background: #0B898E; |
|||
border-radius: 20rpx; |
|||
bottom: 27rpx; |
|||
text-align: center; |
|||
color: #fff; |
|||
font-size: 49rpx; |
|||
font-weight: 500; |
|||
} |
|||
.item { |
|||
color: #333333; |
|||
margin-bottom: 40rpx; |
|||
font-size: 49rpx; |
|||
font-weight: 500; |
|||
background: white; |
|||
padding: 0 27rpx; |
|||
line-height: 80rpx; |
|||
padding-top: 20rpx; |
|||
} |
|||
page { |
|||
background: #EDEDED; |
|||
} |
|||
.item .com-flex { |
|||
padding-left: 24rpx; |
|||
padding-right: 13rpx; |
|||
font-size: 44rpx; |
|||
border-top: 1px solid #D8D8D8; |
|||
height: 147rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
.item .com-flex .iconfont { |
|||
width: 53rpx; |
|||
line-height: 53rpx; |
|||
border-radius: 50%; |
|||
text-align: center; |
|||
margin-right: 20rpx; |
|||
overflow: hidden; |
|||
} |
|||
.item .com-flex .icon-quan { |
|||
color: #ccc; |
|||
background: #ccc; |
|||
} |
|||
.item .com-flex .icon-gou { |
|||
color: #0B898E; |
|||
font-size: 53rpx; |
|||
} |
|||
.item .com-flex .edit-btn { |
|||
color: #0B898E; |
|||
margin-left: 40rpx; |
|||
} |
|||
@ -0,0 +1,103 @@ |
|||
// pages/old/nickname/index.js
|
|||
import util from "../../../utils/util" |
|||
import userApi from "../../../utils/https/user" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
info:null |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
userApi.user_post("user/getMyInfo",{}).then(res=>{ |
|||
this.setData({ |
|||
info:res.data |
|||
}) |
|||
}) |
|||
}, |
|||
changeName:function(e){ |
|||
let info = this.data.info |
|||
info.nickname = e.detail.value |
|||
this.setData({ |
|||
info:info |
|||
}) |
|||
}, |
|||
submit:function(e){ |
|||
if(!this.data.info.nickname){ |
|||
wx.showToast({ |
|||
title: '请输入昵称', |
|||
icon: 'none' |
|||
}) |
|||
return; |
|||
} |
|||
userApi.user_post("user/changeNickname",{ |
|||
nickname: this.data.info.nickname |
|||
}).then(res=>{ |
|||
if(res.code==1){ |
|||
wx.showToast({ |
|||
title: '修改成功！', |
|||
icon:"success" |
|||
}) |
|||
setTimeout(()=>{ |
|||
wx.navigateBack({ |
|||
complete: (res) => {}, |
|||
}) |
|||
},1000) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,6 @@ |
|||
<!--pages/old/nickname/index.wxml--> |
|||
<title title="修改昵称"></title> |
|||
<view class="input-box com-flex" wx:if="{{info}}"> |
|||
<input type="text" value="{{info.nickname}}" bindinput="changeName" placeholder="请输入昵称" /> |
|||
</view> |
|||
<view class="btn" bindtap="submit">保存</view> |
|||
@ -0,0 +1,25 @@ |
|||
/* pages/old/nickname/index.wxss */ |
|||
.input-box { |
|||
height: 187rpx; |
|||
margin: 0 30rpx; |
|||
border-bottom: 1px solid #D8D8D8; |
|||
} |
|||
.input-box input { |
|||
display: block; |
|||
width: 100%; |
|||
font-size: 49rpx; |
|||
color: #333333; |
|||
font-weight: bold; |
|||
flex: 1; |
|||
} |
|||
.btn { |
|||
width: 697rpx; |
|||
line-height: 107rpx; |
|||
background: #0B898E; |
|||
border-radius: 20rpx; |
|||
text-align: center; |
|||
color: #fff; |
|||
font-size: 49rpx; |
|||
font-weight: bold; |
|||
margin: 40rpx auto; |
|||
} |
|||
@ -0,0 +1,214 @@ |
|||
// pages/user/profile/index.js
|
|||
let app = getApp(); |
|||
import util from "../../../utils/util" |
|||
import WeCropper from '../../../we-cropper/we-cropper.min.js'; |
|||
import userApi from "../../../utils/https/user" |
|||
let device = wx.getSystemInfoSync(),rect = wx.getMenuButtonBoundingClientRect(); // 获取设备信息
|
|||
const width = device.windowWidth // 示例为一个与屏幕等宽的正方形裁剪框
|
|||
let menuHeight = (rect.top - device.statusBarHeight) * 2 + rect.height + device.statusBarHeight; |
|||
let height = device.windowHeight - menuHeight; |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
menuWidth:width - rect.right + rect.width + 6, |
|||
info:null, |
|||
today:"2020-10-11", |
|||
sexes:['男','女'], |
|||
birthday:"", |
|||
sexIndex:0, |
|||
cropperOpt: { |
|||
id: 'cropper', // 用于手势操作的canvas组件标识符
|
|||
targetId: 'targetCropper', // 用于用于生成截图的canvas组件标识符
|
|||
pixelRatio: device.pixelRatio, // 传入设备像素比
|
|||
width, // 画布宽度
|
|||
height:height, // 画布高度
|
|||
src: '', |
|||
scale: 2.5, // 最大缩放倍数
|
|||
zoom: 8, // 缩放系数
|
|||
cut: { |
|||
x: (width - 320) / 2, // 裁剪框x轴起点
|
|||
y: (height - 320) / 2, // 裁剪框y轴起点
|
|||
width: 320, // 裁剪框宽度
|
|||
height: 320 // 裁剪框高度
|
|||
} |
|||
}, |
|||
showCropper:false, |
|||
avatar:"" |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
let { |
|||
cropperOpt |
|||
} = this.data,that = this; |
|||
cropperOpt.height = device.screenHeight - menuHeight; |
|||
cropperOpt.cut.y = (height - 320) / 2; |
|||
console.log(cropperOpt,menuHeight,device) |
|||
let today = new Date(); |
|||
this.setData({ |
|||
today:util.formatDate(today), |
|||
cropperOpt:cropperOpt |
|||
}) |
|||
this.cropper = new WeCropper(cropperOpt); |
|||
}, |
|||
// 插件通过touchStart、touchMove、touchEnd方法来接收事件对象。
|
|||
touchStart(e) { |
|||
console.log(e) |
|||
this.cropper.touchStart(e) |
|||
}, |
|||
touchMove(e) { |
|||
this.cropper.touchMove(e) |
|||
}, |
|||
touchEnd(e) { |
|||
this.cropper.touchEnd(e) |
|||
}, |
|||
changeSex:function(e){ |
|||
|
|||
userApi.user_post("user/changeSex",{ |
|||
sex:Number(e.detail.value)+1 |
|||
}).then(res=>{ |
|||
if(res.code==1){ |
|||
this.setData({ |
|||
sexIndex:e.detail.value |
|||
}) |
|||
wx.showToast({ |
|||
title: '修改成功', |
|||
icon: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
bindDateChange:function(e){ |
|||
let birthday = e.detail.value; |
|||
userApi.user_post("user/changeBirthday",{ |
|||
birthday:birthday |
|||
}).then(res=>{ |
|||
if(res.code==1){ |
|||
this.setData({ |
|||
birthday:birthday |
|||
}) |
|||
wx.showToast({ |
|||
title: '修改成功', |
|||
icon: 'success' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 自定义裁剪页面的布局中，可以重新选择图片
|
|||
uploadTap() { |
|||
const self = this |
|||
wx.chooseImage({ |
|||
count: 1, // 默认9
|
|||
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
|
|||
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
|
|||
success(res) { |
|||
const src = res.tempFilePaths[0] |
|||
self.cropper.pushOrign(src) |
|||
self.setData({ |
|||
showCropper: true |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
// 生成图片
|
|||
getCropperImage() { |
|||
var that = this; |
|||
wx.showLoading({ title: '加载中', mask: true }); |
|||
this.cropper.getCropperImage(tempFilePath => { |
|||
// tempFilePath 为裁剪后的图片临时路径
|
|||
console.log(tempFilePath) |
|||
if (tempFilePath) { |
|||
wx.uploadFile({ |
|||
url: 'https://api.cloud.sz-trip.com/api/pbservice.other/upload', //这里是上传的服务器地址
|
|||
filePath: tempFilePath, |
|||
header:{ |
|||
token: wx.getStorageSync('jstrip_token'), |
|||
}, |
|||
name: "file", |
|||
success: function (res) { |
|||
console.log(res) |
|||
var res = JSON.parse(res.data); |
|||
let avatar = res.data.url; |
|||
userApi.user_post("user/changeAvatar",{ |
|||
avatarUrl:avatar |
|||
}).then(res=>{ |
|||
if(res.code==1){ |
|||
wx.hideLoading(); |
|||
that.setData({ |
|||
showCropper: false, |
|||
avatar: avatar |
|||
}) |
|||
} |
|||
}) |
|||
|
|||
}, |
|||
fail:function(res){ |
|||
wx.hideLoading(); |
|||
console.log('err',res) |
|||
} |
|||
}) |
|||
// 拿到裁剪后的图片路径的操作
|
|||
} else { |
|||
console.log('获取图片地址失败，请稍后重试') |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
userApi.user_post("user/getMyInfo",{}).then(res=>{ |
|||
this.setData({ |
|||
info:res.data, |
|||
avatar:res.data.avatar, |
|||
birthday:res.data.birthday |
|||
}) |
|||
if(res.data.gender==2){ |
|||
this.setData({ |
|||
sexIndex:1 |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,20 @@ |
|||
<import src='/we-cropper/we-cropper.wxml' /> |
|||
<title title="我的资料"> |
|||
<view wx:if="{{showCropper}}" bindtap="getCropperImage" class="submit-upload" style="right:{{menuWidth}}px">完成</view> |
|||
</title> |
|||
<view class="profile-item"> |
|||
<text>头像</text> |
|||
<view class="info" bindtap="uploadTap" style="text-align:right;"> |
|||
<image src="{{avatar}}" mode="aspectFill"></image> |
|||
</view> |
|||
<view class="iconfont icon-you"></view> |
|||
</view> |
|||
<navigator url="../nickname/index" class="profile-item" wx:if="{{info}}"> |
|||
<text>昵称</text> |
|||
<view class="info">{{info.nickname}}</view> |
|||
<view class="iconfont icon-you"></view> |
|||
</navigator> |
|||
<view class="cropper-wrapper" wx:if="{{showCropper}}"> |
|||
<template is="we-cropper" data="{{...cropperOpt}}"/> |
|||
</view> |
|||
<!-- <view class="logoff" bindtap="logoff">注销</view> --> |
|||
@ -0,0 +1,51 @@ |
|||
/* pages/user/profile/index.wxss */ |
|||
.profile-item { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 49rpx; |
|||
color: #333; |
|||
height: 187rpx; |
|||
margin: 0 30rpx; |
|||
font-weight: 500; |
|||
border-bottom: 1rpx solid #D8D8D8; |
|||
} |
|||
.profile-item text { |
|||
flex-shrink: 0; |
|||
} |
|||
.profile-item .info { |
|||
flex: 1; |
|||
text-align: right; |
|||
} |
|||
.profile-item .iconfont { |
|||
flex-shrink: 0; |
|||
} |
|||
.profile-item .info image { |
|||
display: inline-block; |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 50%; |
|||
} |
|||
.cropper{ |
|||
position: absolute; |
|||
bottom: 0; |
|||
left: 0; |
|||
} |
|||
.cropper-buttons{ |
|||
position: absolute; |
|||
bottom: 0; |
|||
height: 80rpx; |
|||
z-index: 111; |
|||
display: flex; |
|||
width: 100%; |
|||
left: 0; |
|||
align-items: center; |
|||
justify-content: center; |
|||
background: rgba(0, 0, 0, 0.86) |
|||
} |
|||
.submit-upload { |
|||
position: absolute; |
|||
right: 0; |
|||
font-size: 36rpx; |
|||
color: #0B898E; |
|||
} |
|||
@ -0,0 +1,70 @@ |
|||
// pages/old/user/index.js
|
|||
import userApi from "../../../utils/https/user" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
info:{} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
userApi.user_post("user/getMyInfo").then(res => { |
|||
this.setData({ |
|||
info: res.data |
|||
}) |
|||
}) |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,45 @@ |
|||
<!--pages/old/index.wxml--> |
|||
<title title="君到苏州（文化旅游总入口）"></title> |
|||
<view class="topbg com-flex"> |
|||
<image src="{{info.avatar}}" mode="aspectFill" class="avatar"></image> |
|||
<navigator url="../profile/index" class="userinfo"> |
|||
<view class="com-flex"> |
|||
<view>{{info.nickname}}</view> |
|||
<image wx:if="{{info.gender==1 || info.gender==2}}" mode="widthFix" src="https://static.ticket.sz-trip.com/xcxImages/user/sex{{info.gender}}.png"></image> |
|||
<view style="flex:1"></view> |
|||
<view class="com-flex changebox"> |
|||
<image src="https://static.ticket.sz-trip.com/xcxImages/old/change.png" mode="widthFix"></image> |
|||
<view>切换常规模式</view> |
|||
</view> |
|||
</view> |
|||
<view>id:{{info.id}}</view> |
|||
</navigator> |
|||
</view> |
|||
<view class="list"> |
|||
<view class="item com-flex"> |
|||
<view>我的订单</view> |
|||
<image class="bgimg" src="https://static.ticket.sz-trip.com/xcxImages/old/orderbg.png" mode="widthFix"></image> |
|||
<image class="circle" src="https://static.ticket.sz-trip.com/xcxImages/old/circle.png" mode="widthFix"></image> |
|||
</view> |
|||
<navigator url="../linkman/index" class="item com-flex"> |
|||
<view>出行人信息</view> |
|||
<image class="bgimg" src="https://static.ticket.sz-trip.com/xcxImages/old/linkmanbg.png" mode="widthFix"></image> |
|||
<image class="circle" src="https://static.ticket.sz-trip.com/xcxImages/old/circle.png" mode="widthFix"></image> |
|||
</navigator> |
|||
<view class="item com-flex"> |
|||
<view>联系客服</view> |
|||
<image class="bgimg" src="https://static.ticket.sz-trip.com/xcxImages/old/servicebg.png" mode="widthFix"></image> |
|||
<image class="circle" src="https://static.ticket.sz-trip.com/xcxImages/old/circle.png" mode="widthFix"></image> |
|||
</view> |
|||
</view> |
|||
<view style="height:175rpx"></view> |
|||
<view class="bottom com-flex"> |
|||
<navigator url="../index" class="bottom-item"> |
|||
<image src="/images/home.png" mode="widthFix"></image> |
|||
<view>首页</view> |
|||
</navigator> |
|||
<view class="bottom-item active"> |
|||
<image src="/images/userSel.png" mode="widthFix"></image> |
|||
<view>我的</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,105 @@ |
|||
/* pages/old/index.wxss */ |
|||
.bottom { |
|||
position: fixed; |
|||
left: 0; |
|||
right: 0; |
|||
height: 175rpx; |
|||
background: #FFFFFF; |
|||
box-shadow: -1px 1px 16rpx 0px rgba(6, 0, 1, 0.1); |
|||
color: #999; |
|||
bottom: 0; |
|||
} |
|||
.bottom-item { |
|||
width: 50%; |
|||
text-align: center; |
|||
} |
|||
.bottom image { |
|||
width: 80rpx; |
|||
display: block; |
|||
margin: 0 auto; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.bottom-item.active { |
|||
color: #0B898E; |
|||
} |
|||
.title-header .icon-fanhui1 { |
|||
display: none; |
|||
} |
|||
.topbg { |
|||
height: 340rpx; |
|||
background: url(https://static.ticket.sz-trip.com/xcxImages/user/topbg.png); |
|||
background-size: 100% 100%; |
|||
color: #FFFFFF; |
|||
font-size: 40rpx; |
|||
align-items: flex-start; |
|||
padding-top: 50rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.topbg .avatar { |
|||
width: 100rpx; |
|||
height: 100rpx; |
|||
border-radius: 50%; |
|||
margin: 0 30rpx; |
|||
flex-shrink: 0; |
|||
} |
|||
.userinfo image { |
|||
width: 53rpx; |
|||
margin-left: 40rpx; |
|||
} |
|||
.topbg .userinfo { |
|||
flex: 1; |
|||
} |
|||
.topbg .userinfo .com-flex { |
|||
font-size: 56rpx; |
|||
line-height: 100rpx; |
|||
font-weight: 500; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.topbg .userinfo .changebox.com-flex { |
|||
line-height: 53rpx; |
|||
background: #C9E5E6; |
|||
border-radius: 27rpx 0 0 27rpx; |
|||
justify-content: center; |
|||
font-size: 27rpx; |
|||
color: #0B898E; |
|||
font-weight: 500; |
|||
width: 232rpx; |
|||
margin-bottom: 0; |
|||
} |
|||
.topbg .userinfo .changebox.com-flex image { |
|||
width: 33rpx; |
|||
margin-left: 0; |
|||
margin-right: 11rpx; |
|||
} |
|||
.list { |
|||
margin: 0 30rpx; |
|||
margin-top: -70rpx; |
|||
color: #333333; |
|||
font-size: 49rpx; |
|||
font-weight: bold; |
|||
position: relative; |
|||
} |
|||
.item { |
|||
padding-left: 100rpx; |
|||
position: relative; |
|||
padding-right: 30rpx; |
|||
border-radius: 20rpx; |
|||
background: white; |
|||
margin-bottom: 30rpx; |
|||
line-height: 240rpx; |
|||
align-items: flex-end; |
|||
justify-content: space-between; |
|||
} |
|||
.item .circle { |
|||
position: absolute; |
|||
left: 83rpx; |
|||
bottom: 70rpx; |
|||
width: 43rpx; |
|||
display: block; |
|||
} |
|||
.item .bgimg { |
|||
width: 231rpx; |
|||
} |
|||
page { |
|||
background: #EDEDED; |
|||
} |
|||
@ -0,0 +1,88 @@ |
|||
// pages/user/order/expressInfo/index.js
|
|||
import commonApi from "../../../../utils/https/common" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
expressList:[] |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
commonApi.user_post("order/query",{ |
|||
order_id:options.id |
|||
}).then(res=>{ |
|||
let ajax = [],expressList = [],proNames = [] |
|||
res.data.post_detail_list.map(item=>{ |
|||
let product = res.data.order_product_list.find(pro=>pro.child_order_id==item.child_order_id) |
|||
ajax.push(commonApi.user_post("order/getExpress",{ |
|||
logisticCode:item.courier_number, |
|||
shipperCode:item.express_code, |
|||
child_order_id:item.child_order_id |
|||
})) |
|||
}) |
|||
Promise.all(ajax).then(res=>{ |
|||
console.log(res) |
|||
res.map(item=>{ |
|||
expressList.push(item.data.reverse()) |
|||
}) |
|||
this.setData({ |
|||
expressList:expressList |
|||
}) |
|||
}) |
|||
}) |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"title":"/pages/component/TitleHeader" |
|||
} |
|||
} |
|||
@ -0,0 +1,10 @@ |
|||
<!--pages/user/order/expressInfo/index.wxml--> |
|||
<title title="物流信息"></title> |
|||
<view class="box" wx:for="{{expressList}}"> |
|||
<view wx:for="{{item}}" class="item"> |
|||
<view class="line"></view> |
|||
<view class="circle"></view> |
|||
<view class="title">{{item.AcceptStation}}</view> |
|||
<view>{{item.AcceptTime}}</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,50 @@ |
|||
/* pages/user/order/expressInfo/index.wxss */ |
|||
.box { |
|||
padding: 0 30rpx; |
|||
font-size: 24rpx; |
|||
color: #666666; |
|||
padding-top: 40rpx; |
|||
} |
|||
.item { |
|||
padding-left: 40rpx; |
|||
padding-bottom: 30rpx; |
|||
position: relative; |
|||
} |
|||
.circle { |
|||
position: absolute; |
|||
left: 0; |
|||
width: 20rpx; |
|||
height: 20rpx; |
|||
border-radius: 50%; |
|||
left: 0rpx; |
|||
background: #ccc; |
|||
top: 10rpx; |
|||
} |
|||
.title { |
|||
font-size: 28rpx; |
|||
line-height: 40rpx; |
|||
margin-bottom: 10rpx; |
|||
} |
|||
.line { |
|||
position: absolute; |
|||
left: 0; |
|||
top: 0; |
|||
bottom: 0; |
|||
width: 2rpx; |
|||
left: 9rpx; |
|||
background: #ccc; |
|||
} |
|||
.item:nth-child(1) .line { |
|||
top: 20rpx; |
|||
} |
|||
.item:last-child .line { |
|||
bottom: auto; |
|||
height: 20rpx; |
|||
} |
|||
.item:nth-child(1) .circle { |
|||
background: #0B898E; |
|||
} |
|||
.item:nth-child(1) .title { |
|||
color: #000000; |
|||
font-weight: 500; |
|||
} |
|||
Loading…
Reference in new issue