zhangjing/sykl-hy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

锶源昆仑会员+体验官

Browse Source
This commit is contained in:
张慢慢
2023-07-22 19:04:56 +08:00
commit 5a6b3517e6
439 changed files with 20654 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
pages/about/index.js Normal file
View File

@@ -0,0 +1,28 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
})

4
pages/about/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "锶源昆仑"
}

1
pages/about/index.wxml Normal file
View File

@@ -0,0 +1 @@
<image class="product" src="http://api.siyuankunlun.com/storage/materials/2022/09/05/productimg.jpg" mode="widthFix"></image>

3
pages/about/index.wxss Normal file
View File

@@ -0,0 +1,3 @@
.product {
width: 100%;
}

99
pages/account/bankAdd/index.js Normal file
View File

@@ -0,0 +1,99 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
banksArr : [], //银行列表
banksIndex: 0, //银行列表下标
banksId : '', //银行列表id
disabled : false ,// 提交按钮状态
bankData : '', //编辑信息
ediStatet : '', //是否为编辑
bankId : '',
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
if (options) {
this.setData({
ediStatet: options.edistatet,
bankId : options.bankid
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取账户前置
this.createInfo();
// 获取编辑信息前置
if( this.data.ediStatet == 'compile') {
this.createEdit();
}
},
/**
* 账户前置
*/
createInfo() {
wx.$api.user.create().then(res => {
this.setData({
banksArr: res.data.banks
})
}).catch(err => {})
},
/**
* 选择银行
*/
banksBind(e) {
this.setData({
banksIndex: e.detail.value
})
},
/**
* 编辑信息前置
*/
createEdit() {
wx.$api.user.bankEdit(this.data.bankId).then(res => {
let areasValue = res.data.banks.findIndex(val=> val.name == res.data.info.bank.name)
this.setData({
banksIndex: areasValue,
bankData : res.data.info
})
}).catch(err => {})
},
// 添加账户
banksForm(e) {
let value = e.detail.value
let bankId = this.data.banksArr[this.data.banksIndex].id
let data = {
bank_id : bankId,
name : value.name,
mobile : value.mobile,
no : value.no
}
let urlData = wx.$api.user.createAdd(data)
// 编辑账户
if(this.data.ediStatet == 'compile') urlData = wx.$api.user.bankPut(this.data.bankId,data)
urlData.then(res => {
this.setData({
disabled: true
})
wx.navigateBack()
}).catch(err => {})
},
})

4
pages/account/bankAdd/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "添加银行卡"
}

28
pages/account/bankAdd/index.wxml Normal file
View File

@@ -0,0 +1,28 @@
<form class="issue-form" bindsubmit="banksForm">
<view class="issue-block">
<view class="issue-inputs">
<label class="issue-input-label">支行名称</label>
<picker class="issue-inputs-input" bindchange="banksBind" value="{{banksIndex}}" range="{{banksArr}}" range-key="name">
<view class="tabs-text">
{{banksArr[banksIndex].name}}
</view>
</picker>
<image class="issue-input-arrow" src="/static/icons/userLogin_icon.png"></image>
</view>
<view class="issue-inputs">
<label class="issue-input-label">收款人</label>
<input class="issue-inputs-input" maxlength="4" placeholder="输入收款人姓名" name="name" type="text" value="{{bankData.name}}"></input>
</view>
<view class="issue-inputs">
<label class="issue-input-label">手机号</label>
<input class="issue-inputs-input" maxlength="11" placeholder="输入收款人手机号" name="mobile" type="number" value="{{bankData.mobile}}"></input>
</view>
<view class="issue-inputs">
<label class="issue-input-label">银行卡号</label>
<input class="issue-inputs-input" placeholder="输入银行卡号" name="no" type="number" value="{{bankData.no}}"></input>
</view>
</view>
<view class="userdata-btn">
<button class="issue-btn" form-type="submit" disabled="{{disabled}}">立即保存</button>
</view>
</form>

88
pages/account/bankAdd/index.wxss Normal file
View File

@@ -0,0 +1,88 @@
page {
background: #f3f4f6;
}
.case {
border-bottom: 160rpx solid transparent;
}
.issue-title {
padding: 30rpx;
font-weight: 600;
}
.issue-block {
background: white;
margin-bottom: 20rpx;
}
.issue-inputs {
position: relative;
height: 110rpx;
line-height: 110rpx;
padding: 0 30rpx;
box-sizing: border-box;
border-bottom: 2rpx solid #f2f2f2;
display: flex;
}
.issue-input-arrow {
width: 32rpx;
height: 32rpx;
position: absolute;
top: 32rpx;
right: 20rpx;
}
.issue-input-label {
width: 170rpx;
}
.issue-inputs-input {
padding-left: 40rpx;
box-sizing: border-box;
line-height: 110rpx;
height: 110rpx;
width: 100%;
}
.uni-input-img {
width: 32rpx;
height: 32rpx;
position: absolute;
right: 0;
top: 30rpx;
}
/* 按钮 */
.userdata-btn {
width: 100%;
box-sizing: border-box;
padding: 30rpx;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
right: 0;
background: white;
}
.issue-btn {
background: #1d37e2;
text-align: center;
color: white;
height: 90rpx;
line-height: 90rpx;
font-size: 34rpx;
font-weight: normal;
width: 100% !important;
margin: 0;
padding: 0;
border-radius: 10rpx;
}
.issue-btn[disabled] {
background: #1d37e2 !important;
color: #fff !important;
}

115
pages/account/bankList/index.js Normal file
View File

@@ -0,0 +1,115 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
createArr : [] , //列表
page : {}, //分页信息
type : '', //类型
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
type: options.type
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取我的账户
this.createInfo();
},
// 我的银行卡
createInfo(page){
wx.$api.user.createList({page : page || 1}).then(res => {
let listArr = this.data.createArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
createArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
// 删除地址
bankRemove(e){
let newid = e.currentTarget.dataset.id
let list = this.data.createArr
wx.showModal({
title : '提示',
content : '是否删除银行卡',
success : res=> {
if (res.confirm) {
wx.showLoading({
title: '删除中',
})
wx.$api.user.bankDel(newid).then(res=>{
this.setData({
createArr: list
})
wx.showToast({
title: res.data,
icon : "none"
})
wx.hideLoading()
// 获取我的账户
this.createInfo();
})
}
}
})
},
/**
* 选择地址
*/
BankClick(e){
let atAdds = this.data.createArr[e.currentTarget.dataset.index]
let pages = getCurrentPages(),
prepage = pages[pages.length-2]
prepage.setData({
accounts: atAdds
})
wx.navigateBack()
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取我的账户
this.createInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取我的账户
this.createInfo(pageNumber);
}
}
})

3
pages/account/bankList/index.json Normal file
View File

@@ -0,0 +1,3 @@
{
"usingComponents": {}
}

55
pages/account/bankList/index.wxml Normal file
View File

@@ -0,0 +1,55 @@
<view class="title">
<view class="title-name">
我的卡<text>（共{{createArr.length}}张）</text>
</view>
<navigator hover-class="none" url="../bankAdd/index" class="title-add">
<image src="/static/icons/bank_add.png"></image>添加银行卡
</navigator>
</view>
<view class="list" wx:if="{{createArr.length > 0}}">
<view class="item" wx:for="{{createArr}}" wx:key="createArr">
<view class="item-logo">
<image src="{{item.bank.cover}}"></image>
</view>
<view class="item-text">
<view class="item-top">
<view class="item-title">
{{item.bank.name}}
</view>
<view class="item-name">
{{item.name}}
</view>
</view>
<view class="item-number">
{{item.no}}
</view>
</view>
<view class="item-tool">
<view class="item-left" wx:if="{{type == 'selectBank'}}">
<view class="item-tool-btn" bindtap="BankClick" data-index="{{index}}">
选择此账户
</view>
</view>
<view class="item-btn">
<navigator hover-class="none" url="../bankAdd/index?edistatet=compile&bankid={{item.bank_account_id}}" class="item-tool-btn">
<image src="/static/icons/bank_edit.png"></image>编辑
</navigator>
<view class="item-tool-btn" bindtap="bankRemove" data-index="{{index}}" data-id="{{item.bank_account_id}}">
<image src="/static/icons/bank_del.png"></image>删除
</view>
</view>
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

130
pages/account/bankList/index.wxss Normal file
View File

@@ -0,0 +1,130 @@
page {
background: #f4f5f9;
padding: 30rpx;
box-sizing: border-box;
}
.title {
display: flex;
margin-bottom: 30rpx;
line-height: 54rpx;
}
.title-name {
flex: 1;
font-weight: 600;
}
.title-name text {
color: #9d9d9d;
font-weight: normal;
}
.title-add {
background-color: #e2ecff;
display: inline-block;
font-size: 28rpx;
line-height: 54rpx;
padding: 0 15rpx;
border-radius: 50rpx;
}
.title-add image {
width: 34rpx;
height: 34rpx;
vertical-align: middle;
margin-right: 6rpx;
}
.item {
background-image: linear-gradient(to top left, #3b61ce, #3f8ad4);
border-radius: 30rpx;
margin-bottom: 30rpx;
position: relative;
padding: 30rpx;
box-sizing: border-box;
}
.item:nth-child(even) {
background-image: linear-gradient(to top left, #e7796e, #e35d65);
}
.item-logo {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
overflow: hidden;
background-color: #ffffff;
padding: 20rpx;
box-sizing: border-box;
}
.item-logo image {
width: 100%;
height: 100%;
}
.item-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
padding: 30rpx 30rpx 30rpx 160rpx;
box-sizing: border-box;
}
.item-top {
display: flex;
color: #ffffff;
font-size: 34rpx;
line-height: 50rpx;
}
.item-title {
flex: 1;
margin-bottom: 5rpx;
}
.item-name {
font-size: 32rpx;
}
.item-number {
color: #e9f3ff;
}
.item-tool {
display: flex;
margin-top: 40rpx;
}
.item-left {
flex: 1;
}
.item-btn {
text-align: right;
}
.item-tool-btn {
margin-left: 30rpx;
}
.item-tool-btn {
background-color: rgba(255, 255, 255, .4);
color: #ffffff;
border-radius: 6rpx;
height: 48rpx;
display: inline-block;
line-height: 48rpx;
font-size: 26rpx;
padding: 0 20rpx;
}
.item-tool-btn image {
width: 26rpx;
height: 26rpx;
vertical-align: -2rpx;
margin-right: 5rpx;
}

97
pages/account/index/index.js Normal file
View File

@@ -0,0 +1,97 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
accounts : '', //数额
logsArr : [], // 提货列表数据
listType : 'income', //列表分类
page : {}, //分页信息
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取账户信息
this.accountInfo()
},
/**
* 账户信息
*/
accountInfo(page){
let urlPage = wx.$api.user.account
if(this.data.listType == 'withdrawal'){
urlPage = wx.$api.user.bankList
}
urlPage({
page : page || 1
}).then(res => {
let listArr = this.data.logsArr,
newData = [],
newPage = ''
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.logs.data)
newPage = res.data.logs.page
if(this.data.listType == 'withdrawal'){
newData = listArr.concat(res.data.lists.data)
newPage = res.data.lists.page
}
this.setData({
accounts : res.data.account,
logsArr : newData,
page : newPage,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 状态筛选
*/
onTabs(val){
if(this.data.listType === val.currentTarget.dataset.type) return
this.setData({
listType: val.currentTarget.dataset.type
})
// 获取账户信息
this.accountInfo();
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取账户信息
this.accountInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取账户信息
this.accountInfo(pageNumber);
}
}
})

4
pages/account/index/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "现金账户"
}

62
pages/account/index/index.wxml Normal file
View File

@@ -0,0 +1,62 @@
<view class="cashBack">
<image class="cashBack-img" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/cash_back.png" mode="aspectFill"></image>
<view class="cashBack-text">
<view class="cashBack-total">
<view class="cashBack-item">
账户总金额(元)
<text>{{accounts.balance}}</text>
</view>
<navigator hover-class="none" url="../withdraw/index" class="cashBack-btn">
提现到银行卡
</navigator>
</view>
<view class="cashBack-top">
<view class="cashBack-item">
昨日收益金额(元)
<text>{{accounts.yesterday}}</text>
</view>
<view class="cashBack-item">
提现金额(元)
<text>{{accounts.withdraw}}</text>
</view>
</view>
</view>
</view>
<view class="record">
<view class="title">
<text class="{{listType == 'income' ? 'active' : ''}}" bindtap="onTabs" data-type="income">账变记录</text>
<text class="{{listType == 'withdrawal' ? 'active' : ''}}" bindtap="onTabs" data-type="withdrawal">提现记录</text>
</view>
<view class="list" wx:if="{{logsArr.length > 0}}">
<view class="item" wx:for="{{logsArr}}" wx:key="logsArr">
<view class="top">
<view class="name">
{{listType == 'income' ? item.remark : item.way}}
<block wx:if="{{item.status}}">
<view class="state {{item.status.status == 2 ? 'red' : ''}}" wx:if="{{listType == 'withdrawal'}}">
{{item.status.status_text}}
</view>
</block>
</view>
<view class="time">
{{listType == 'income' ? item.created_at : item.create_at}}
</view>
</view>
<view class="number">
{{item.amount}}
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pages-no" wx:else>
<image src="/static/imgs/record_null.png" mode="widthFix"></image>
<view>~暂无数据哦~</view>
</view>
</view>

171
pages/account/index/index.wxss Normal file
View File

@@ -0,0 +1,171 @@
page {
padding: 30rpx;
box-sizing: border-box;
}
.cashBack {
width: 100%;
border-radius: 10rpx;
padding-top: 50%;
position: relative;
overflow: hidden;
box-shadow: 0 4rpx 10rpx 6rpx #f5d473;
}
.cashBack-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.cashBack-text {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9;
padding: 40rpx;
box-sizing: border-box;
}
.cashBack-total {
margin-bottom: 40rpx;
font-size: 30rpx;
position: relative;
}
.cashBack-total text {
display: block;
font-size: 56rpx;
margin-top: 10rpx;
font-weight: 600;
}
.cashBack-btn {
position: absolute;
top: 20rpx;
right: 0;
background-color: #000000;
color: #ffffff;
border-radius: 70rpx;
line-height: 80rpx;
padding: 0 35rpx;
}
.cashBack-top {
margin-bottom: 30rpx;
display: flex;
}
.cashBack-item {
flex: 2;
font-size: 30rpx;
}
.cashBack-item text {
display: block;
font-weight: 600;
font-size: 42rpx;
margin-top: 10rpx;
}
.record {
margin-top: 30rpx;
}
.title {
display: flex;
font-size: 34rpx;
}
.title text {
display: block;
flex: 2;
text-align: center;
line-height: 90rpx;
color: #9d9d9d;
position: relative;
}
.title text::after {
position: absolute;
content: '';
left: calc(50% - 25rpx);
bottom: 0;
width: 50rpx;
height: 6rpx;
background-color: #000000;
display: none;
}
.title text.active {
color: #000000;
}
.title text.active::after {
display: block;
}
.list {
margin-top: 40rpx;
}
.item {
margin-bottom: 30rpx;
padding-bottom: 30rpx;
border-bottom: 2rpx solid #f2f2f2;
display: flex;
}
.top {
flex: 1;
}
.name {
margin-bottom: 10rpx;
display: flex;
}
.state {
font-size: 26rpx;
border: 2rpx solid green;
color: green;
border-radius: 10rpx;
margin-left: 20rpx;
padding: 0 10rpx;
height: 36rpx;
line-height: 36rpx;
margin-top: 2rpx;
}
.state.red {
color: red;
border-color: red;
}
.time {
font-size: 26rpx;
color: #9d9d9d;
}
.number {
line-height: 92rpx;
text-align: right;
font-size: 34rpx;
font-weight: 600;
}
.pages-no {
text-align: center;
padding: 180rpx 0 30rpx;
color: #9d9d9d;
font-size: 28rpx;
}
.pages-no image {
width: 180rpx;
padding-bottom: 20rpx;
}

30
pages/account/tips/index.js Normal file
View File

@@ -0,0 +1,30 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
})

3
pages/account/tips/index.json Normal file
View File

@@ -0,0 +1,3 @@
{
"usingComponents": {}
}

9
pages/account/tips/index.wxml Normal file
View File

@@ -0,0 +1,9 @@
<view class="examine">
<image src="http://api.siyuankunlun.com/storage/materials/2022/09/14/examine.png" mode="widthFix"></image>
<view class="text">
<view class="title">提交成功</view>
<view class="time">预计审核时间：1个工作日</view>
<view class="time">申请提现成功,等待管理员审核</view>
</view>
<navigator hover-class="none" open-type="navigateBack" class="return">返回</navigator>
</view>

33
pages/account/tips/index.wxss Normal file
View File

@@ -0,0 +1,33 @@
.examine {
padding: 240rpx 0 30rpx;
box-sizing: border-box;
text-align: center;
}
.examine image {
width: 35%;
margin: 0 auto 30rpx;
}
.title {
font-weight: 600;
font-size: 42rpx;
margin-bottom: 30rpx;
}
.time {
color: #999999;
line-height: 50rpx;
}
.return {
display: inline-block;
margin-top: 80rpx;
background-color: #1d37e2;
padding: 0 180rpx;
height: 90rpx;
line-height: 90rpx;
border-radius: 10rpx;
box-shadow: 0 3rpx 6rpx 4rpx rgba(6, 34, 214, .6);
color: #FFFFFF;
}

102
pages/account/withdraw/index.js Normal file
View File

@@ -0,0 +1,102 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
balance : '', //金额
accounts : '', //账户列表
amount : '', //提现金额
disabled : false ,// 提交按钮状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 获取账户前置
this.createInfo();
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
/**
* 账户前置
*/
createInfo() {
wx.$api.user.createUser().then(res => {
this.setData({
balance : res.data.balance,
accounts : res.data.bank_account
})
}).catch(err => {})
},
/**
* 输入商品数量
*/
goodsNumberInput(e) {
let goodsNum = (e.detail.value.match(/^\d*(\.?\d{0,2})/g)[0])
if (goodsNum > 0) {
if(parseFloat(goodsNum) > parseFloat(this.data.balance)){
wx.showToast({
title: '提现金额不能大于总金额',
icon: 'none'
});
return
}
this.setData({
amount: goodsNum
})
} else {
uni.showToast({
title: '商品数量不能小于1',
icon: 'none'
});
this.setData({
amount: 1
})
}
},
/**
* 全部提现
*/
allCash() {
this.setData({
amount: this.data.balance
})
},
//提现
banksForm() {
let data = {
bank_account_id : this.data.accounts.bank_account_id,
amount : this.data.amount,
type : 1
}
wx.$api.user.bankCash(data).then(() => {
this.setData({
disabled: true
})
// 跳到审核页面
wx.redirectTo({
url: "../tips/index"
})
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
}
})

4
pages/account/withdraw/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "提现银行卡"
}

39
pages/account/withdraw/index.wxml Normal file
View File

@@ -0,0 +1,39 @@
<view class="money">
<navigator hover-class="none" url="../withdrawList/index" class="money-logs">
提现记录
</navigator>
<view class="money-tips">当前余额(元)</view>
<view class="money-number">{{balance}}</view>
</view>
<form class="issue-form" bindsubmit="banksForm">
<navigator hover-class="none" url="../bankList/index?type=selectBank" class="issue-pay" wx:if="{{accounts}}">
<view class="name">
到账方式
</view>
<view class="bank">
<image src="{{accounts.bank.cover}}" mode="aspectFill"></image> {{accounts.bank.name}}
</view>
<image class="issue-input-arrow" src="/static/icons/userLogin_icon.png"></image>
</navigator>
<navigator hover-class="none" url="../bankList/index" class="issue-add" wx:else>
<image src="/static/icons/banks.png" mode=""></image>添加银行账户
</navigator>
<view class="issue-cash">
<view class="title">提现金额</view>
<view class="entry">
<view class="entry-price">
<text>￥</text>
<input bindblur="goodsNumberInput" type="text" placeholder="0.00" value="{{amount}}"></input>
</view>
<view class="entry-all" bindtap="allCash">
全部
</view>
</view>
<view class="tips">
输入的金额不能大于{{balance}}
</view>
</view>
<view class="userdata-btn">
<button class="issue-btn" form-type="submit" disabled="{{disabled}}">立即提现</button>
</view>
</form>

155
pages/account/withdraw/index.wxss Normal file
View File

@@ -0,0 +1,155 @@
page {
background-color: #f2f2f2;
}
.money {
background-image: linear-gradient(to bottom right, #1c37e2, #6a91dd);
text-align: center;
color: #ffffff;
padding: 30rpx 30rpx 50rpx;
box-sizing: border-box;
}
.money-logs {
text-align: right;
margin-bottom: 30rpx;
}
.money-tips {
opacity: .8;
}
.money-number {
line-height: 110rpx;
font-size: 56rpx;
font-weight: 600;
}
.issue-form {
padding: 30rpx;
box-sizing: border-box;
display: block;
}
.issue-pay {
background-color: #fff;
padding: 0 30rpx;
box-sizing: border-box;
border-radius: 10rpx;
display: flex;
line-height: 110rpx;
position: relative;
}
.name {
flex: 1;
color: #1e2540;
}
.bank {
padding-right: 20rpx;
display: flex;
}
.bank image {
width: 34rpx;
height: 34rpx;
border-radius: 50%;
margin: 40rpx 10rpx 0 0;
}
.issue-input-arrow {
width: 30rpx;
height: 30rpx;
position: absolute;
top: 42rpx;
right: 20rpx;
}
.issue-add {
background-color: #fff;
border-radius: 10rpx;
line-height: 110rpx;
text-align: center;
}
.issue-add image {
width: 34rpx;
height: 34rpx;
vertical-align: -6rpx;
padding-right: 10rpx;
}
.issue-cash {
margin: 30rpx 0;
background-color: #fff;
padding: 30rpx;
box-sizing: border-box;
border-radius: 10rpx;
}
.title {
color: #1e2540;
}
.entry {
margin: 10rpx 0 20rpx;
border-bottom: 2rpx solid #d9dbe4;
display: flex;
line-height: 110rpx;
}
.entry-price {
flex: 1;
font-weight: 600;
font-size: 56rpx;
color: #1e2540;
display: flex;
}
.entry-price input {
height: 110rpx;
line-height: 110rpx;
font-size: 56rpx;
}
.entry-price text {
font-size: 46rpx;
padding-right: 10rpx;
}
.entry-all {
color: #2858d0;
font-size: 30rpx;
}
.tips {
color: #c64a52;
font-size: 30rpx;
}
/* 按钮 */
.userdata-btn {
width: 100%;
background: white;
margin-top: 90rpx;
}
.issue-btn {
background: #1d37e2;
text-align: center;
color: white;
height: 90rpx;
line-height: 90rpx;
font-size: 34rpx;
font-weight: normal;
width: 100% !important;
margin: 0;
padding: 0;
border-radius: 10rpx;
}
.issue-btn[disabled] {
background: #1d37e2 !important;
color: #fff !important;
}

74
pages/account/withdrawList/index.js Normal file
View File

@@ -0,0 +1,74 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
logsArr : [], // 提货列表数据
score : '', //总数量
page : {}, //分页信息
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取提现记录
this.accountInfo();
},
/**
* 提现记录
*/
accountInfo (page){
wx.$api.user.bankList({
page: page
}).then(res => {
let listArr = this.data.logsArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.lists.data)
this.setData({
logsArr : newData,
page : res.data.lists.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => { })
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取提现记录
this.accountInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取提现记录
this.accountInfo(pageNumber);
}
}
})

4
pages/account/withdrawList/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "提现记录"
}

35
pages/account/withdrawList/index.wxml Normal file
View File

@@ -0,0 +1,35 @@
<view class="list" wx:if="{{logsArr.length > 0}}">
<view class="item" wx:for="{{logsArr}}" wx:key="index">
<view class="top">
<view class="name">
{{item.way}}
</view>
<view class="time">
{{item.create_at}}
</view>
</view>
<block wx:if="{{item.status}}">
<view class="state {{item.status.status == 1 ? 'green' : ''}}" wx:if="{{item.status.status == 1}}">
{{item.status.status_text}}
</view>
<view class="state {{item.status.status == 2 ? 'red' : ''}}" wx:else>
{{item.status.status_text}}
</view>
</block>
<view class="number">
{{item.amount}}
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/record_null.png" mode="widthFix"></image>
<view>~暂无数据哦~</view>
</view>

52
pages/account/withdrawList/index.wxss Normal file
View File

@@ -0,0 +1,52 @@
page {
padding: 30rpx;
box-sizing: border-box;
}
.item {
margin-bottom: 30rpx;
padding-bottom: 30rpx;
border-bottom: 2rpx solid #f2f2f2;
display: flex;
}
.top {
width: 45%;
}
.name {
margin-bottom: 10rpx;
}
.time {
font-size: 26rpx;
color: #9d9d9d;
}
.state {
width: 30%;
text-align: center;
line-height: 92rpx;
font-size: 30rpx;
color: #949494;
}
.state.green {
color: green;
}
.state.red {
color: red;
}
.number {
width: 25%;
line-height: 92rpx;
text-align: right;
font-size: 34rpx;
font-weight: 600;
}
.number.active {
color: green;
}

95
pages/bond/activation/index.js Normal file
View File

@@ -0,0 +1,95 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
invitesArr : [], //记录列表
page : {}, //分页信息
lodingStats : false, //加载状态
status : 2 //状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取激活码数据
this.invitesInfo();
},
// 激活码数据
invitesInfo(page) {
wx.$api.user.invites({
status: this.data.status,
page : page || 1
}).then(res => {
let listArr = this.data.invitesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
invitesArr : newData,
page : res.data.page,
lodingStats: false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
// 状态筛选
onTabs(val){
if(this.data.status === val.currentTarget.dataset.type) return
this.setData({
status: val.currentTarget.dataset.type,
page : {}
})
// 获取激活码数据
this.invitesInfo();
},
// 复制激活码
copyClick(val) {
wx.setClipboardData({
data: val.currentTarget.dataset.code,
success: () => {
wx.showToast({
title: "复制成功",
icon : "none"
})
}
})
},
// 页面相关事件处理函数--监听用户下拉动作
onPullDownRefresh() {
// 获取激活码数据
this.invitesInfo();
},
// 上拉加载
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 商品列表数据
this.lastInfo(pageNumber);
}
}
})

4
pages/bond/activation/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "激活码管理"
}

42
pages/bond/activation/index.wxml Normal file
View File

@@ -0,0 +1,42 @@
<view class="tabs">
<view class="tabs-item {{status == 2 ? 'show' : ''}}" bindtap="onTabs" data-type="2">未使用</view>
<view class="tabs-item {{status == 3 ? 'show' : ''}}" bindtap="onTabs" data-type="3">已使用</view>
</view>
<view class="list" wx:if="{{invitesArr.length > 0}}">
<view class="item" wx:for="{{invitesArr}}" wx:key="invitesArr">
<view class="top">
<view class="code">{{item.code}}</view>
<view class="copy" bindtap="copyClick" data-code="{{item.code}}">复制激活码</view>
</view>
<view class="label" wx:if="{{item.activeUser}}">
<view class="label-item">
<view class="label-name">
用户手机号
</view>
<view class="label-text">
{{item.user.username}}
</view>
</view>
<view class="label-item">
<view class="label-name">
使用时间
</view>
<view class="label-text">
{{item.actived_at}}
</view>
</view>
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLodingIcon" src="/static/icons/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

110
pages/bond/activation/index.wxss Normal file
View File

@@ -0,0 +1,110 @@
page {
background-color: #f4f4f4;
}
.tabs {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
display: flex;
background-color: #ffffff;
}
.tabs-item {
flex: 2;
text-align: center;
height: 90rpx;
line-height: 90rpx;
position: relative;
}
.tabs-item::after {
position: absolute;
width: 12%;
background-color: #1d37e2;
height: 6rpx;
border-radius: 60rpx;
content: '';
left: 44%;
bottom: 0;
display: none;
}
.tabs-item.show::after {
display: block;
}
.tabs-item.show {
color: #1d37e2;
font-weight: 600;
}
.list {
margin-top: 100rpx;
padding: 30rpx;
box-sizing: border-box;
}
.item {
background-color: #ffffff;
border-radius: 30rpx;
margin-bottom: 30rpx;
box-shadow: 0 0 5rpx rgba(0, 0, 0, .05);
}
.top {
padding: 0 30rpx;
box-sizing: border-box;
line-height: 110rpx;
border-bottom: 2rpx solid #eeeef0;
display: flex;
}
.code {
flex: 1;
font-weight: 600;
position: relative;
padding-left: 30rpx;
}
.code::after {
position: absolute;
content: '';
left: 0;
top: calc(50% - 7rpx);
width: 14rpx;
height: 14rpx;
border-radius: 50%;
background-color: #53c41a;
}
.copy {
border: 2rpx solid #1d37e2;
color: #1d37e2;
border-radius: 10rpx;
font-size: 28rpx;
height: 64rpx;
line-height: 62rpx;
padding: 0 20rpx;
box-sizing: border-box;
margin-top: 26rpx;
}
.label {
padding: 30rpx;
box-sizing: border-box;
display: flex;
}
.label-item {
flex: 2;
}
.label-name {
font-size: 30rpx;
color: #9d9d9d;
margin-bottom: 10rpx;
}

157
pages/bond/index.js Normal file
View File

@@ -0,0 +1,157 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
orderId : '',
identityid : '',
items : [{
value : 'wechat',
name : '微信支付',
cover : '/static/icons/payIcon_00.png',
checked: 'true'
},
{
value : 'code',
name : '激活码支付',
cover : '/static/icons/payIcon_01.png'
}
],
current : 0,
payState : false, //支付选择弹出
writeState : false, //激活码弹出
disabled : false, //按钮状态
payType : 'wechat' //支付类型 wechat微信 code激活码
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
identityid: options.identityid
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取身份信息
this.identityInfo();
},
/**
* 身份信息
*/
identityInfo() {
wx.$api.member.identityOpen(this.data.identityid).then(res => {
this.setData({
// orderId: res.data.order
orderId: res.data.order_id
})
}).catch(err => {})
},
/**
* 选择支付
*/
payChange(e) {
this.setData({
payType: e.detail.value
})
},
/**
* 显示支付选择弹出
*/
payShow() {
this.setData({
payState: !this.data.payState
})
},
// 微信支付
payment() {
// 隐藏支付选择弹出
this.setData({
payState: false
})
if(this.data.payType == 'code') {
// 弹出激活码填写表单
this.setData({
writeState: !this.data.writeState
})
return
}
// 微信支付
wx.login({
success: res => {
wx.$api.member.openid(res).then(openidRes => {
wx.$api.member.identityPay(this.data.orderId, {
channel: 'miniapp',
openid : openidRes.data
}).then(PayRes => {
let payInfo = JSON.parse(PayRes.data.wechat)
wx.requestPayment({
timeStamp: payInfo.timeStamp,
nonceStr : payInfo.nonceStr,
package : payInfo.package,
paySign : payInfo.paySign,
signType : payInfo.signType,
success : payInfoRes=>{
if(payInfoRes.errMsg == "requestPayment:ok"){
wx.showToast({
title: '支付成功',
icon : 'success'
})
setTimeout(()=>{
wx.navigateTo({
url: './tips/index'
})
},3000)
}
},
fail : res=>{
wx.showToast({
title: '取消支付',
icon: 'none'
})
}
})
}).catch(err => {})
}).catch(err => {})
}
})
},
// 激活码支付
writePayment(e) {
let newCode = e.detail.value.code
wx.$api.member.codePay(this.data.orderId, {
code: newCode
}).then(res => {
this.setData({
disabled: true
})
// 返回上一页
wx.navigateBack();
}).catch(err => {})
},
/**
* 关闭激活码填写
*/
writeHide(){
this.setData({
writeState: false
})
},
})

4
pages/bond/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "保证金"
}

43
pages/bond/index.wxml Normal file
View File

@@ -0,0 +1,43 @@
<image class="temporary" src="http://api.siyuankunlun.com/storage/materials/2022/09/21/bzj.jpg" mode="widthFix"></image>
<view class="member-btn">
<view class="btnGo" bindtap="payShow" disabled="{{disabled}}">
保证金支付
</view>
</view>
<!-- 支付弹出 -->
<view class="payPop {{payState ? 'active' : ''}}"></view>
<view class="payCont {{payState ? 'active' : ''}}">
<view class="payCont-close">
<image src="/static/icons/uricacidClose.png" mode="" bindtap="payShow"></image>
</view>
<radio-group bindchange="payChange">
<label class="uni-list-cell uni-list-cell-pd payCont-radio" wx:for="{{items}}" wx:key="items">
<view class="payCont-name">
<image src="{{item.cover}}" mode=""></image>{{item.name}}
</view>
<view>
<radio value="{{item.value}}" checked="current" color="#e8c198" checked="{{index === current}}" />
</view>
</label>
</radio-group>
<view class="payCont-btn" bindtap="payment">
立即支付
</view>
</view>
<!-- 填写表单 -->
<view class="writePop {{writeState ? 'active' : ''}}"></view>
<view class="writeCont {{writeState ? 'active' : ''}}">
<form bindsubmit="writePayment">
<view class="writeCont-close">
<image src="/static/icons/uricacidClose.png" mode="" bindtap="writeHide"></image>
</view>
<view class="writePop-input">
<input type="text" name="code" placeholder="请输入激活码" />
</view>
<button class="writeCont-btn" form-type="submit" disabled="{{disabled}}">
立即激活
</button>
</form>
</view>

187
pages/bond/index.wxss Normal file
View File

@@ -0,0 +1,187 @@
.temporary {
width: 100%;
}
.member-btn {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
padding: 30rpx;
box-sizing: border-box;
z-index: 9;
}
.btnGo {
padding: 0 30rpx;
line-height: 90rpx;
font-size: 36rpx;
box-sizing: border-box;
background-image: linear-gradient(to right, #fce9cf, #dfac80);
box-shadow: 0 4rpx 4rpx 3rpx rgba(175, 136, 88, 1);
border-radius: 50rpx;
color: #633a25;
font-weight: 600;
text-align: center;
}
.btnGo.active {
background-image: linear-gradient(to right, #d4d4d4, #e0e0e0);
box-shadow: 0 2px 2px 1px #b7b7b7;
color: #656565
}
/* 支付弹出 */
.payPop {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .4);
z-index: 999;
display: none;
}
.payPop.active {
display: block;
}
.payCont {
position: fixed;
width: 100%;
box-sizing: border-box;
bottom: 0;
left: 0;
background-color: #ffffff;
z-index: 1000;
border-radius: 90rpx 90rpx 0 0;
padding: 30rpx 40rpx;
display: none;
}
.payCont.active {
display: block;
}
.payCont-close {
text-align: right;
margin-bottom: 40rpx;
padding-right: 10rpx;
box-sizing: border-box;
}
.payCont-close image {
width: 40rpx;
height: 40rpx;
}
.payCont-radio {
display: flex;
line-height: 100rpx;
}
.payCont-name {
flex: 1;
font-weight: 600;
display: flex;
}
.payCont-name image {
width: 48rpx;
height: 48rpx;
margin-right: 20rpx;
margin-top: 26rpx;
}
.payCont-radio radio {
transform: scale(.9);
}
.payCont-btn {
margin: 60rpx 0 20rpx;
width: 100%;
background-color: #e8c198;
line-height: 90rpx;
color: #442b11;
text-align: center;
border-radius: 10rpx;
}
/* 填写激活码弹出 */
.writePop {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .4);
z-index: 999;
display: none;
}
.writePop.active {
display: block;
}
.writeCont {
position: fixed;
width: 100%;
box-sizing: border-box;
bottom: 0;
left: 0;
background-color: #ffffff;
z-index: 1000;
border-radius: 90rpx 90rpx 0 0;
padding: 30rpx 40rpx;
display: none;
}
.writeCont.active {
display: block;
}
.writeCont-close {
text-align: right;
margin-bottom: 40rpx;
padding-right: 10rpx;
box-sizing: border-box;
}
.writeCont-close image {
width: 40rpx;
height: 40rpx;
}
.writePop-input {
background-color: #f5f5f5;
height: 90rpx;
border-radius: 10rpx;
padding: 0 30rpx;
box-sizing: border-box;
}
.writePop-input input {
background-color: transparent;
border: none;
height: 100%;
line-height: 90rpx;
}
.writeCont-btn {
margin: 60rpx 0 20rpx;
width: 100% !important;
padding: 0;
background-color: #e8c198 !important;
line-height: 90rpx;
color: #442b11 !important;
font-size: 32rpx;
text-align: center;
border-radius: 10rpx;
border: none;
box-shadow: none;
}
.writeCont-btn::after {
display: none;
}

28
pages/bond/tips/index.js Normal file
View File

@@ -0,0 +1,28 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
})

3
pages/bond/tips/index.json Normal file
View File

@@ -0,0 +1,3 @@
{
"usingComponents": {}
}

7
pages/bond/tips/index.wxml Normal file
View File

@@ -0,0 +1,7 @@
<view class="examine">
<image src="/static/imgs/payImg.jpg" mode="widthFix"></image>
<view class="text">
<view class="title">支付成功</view>
</view>
<navigator hover-class="none" open-type="navigateBack" class="return">知道了</navigator>
</view>

34
pages/bond/tips/index.wxss Normal file
View File

@@ -0,0 +1,34 @@
.examine {
padding: 240rpx 0 30rpx;
box-sizing: border-box;
text-align: center;
}
.examine image {
width: 45%;
margin: 0 auto 30rpx;
}
.text .title {
font-weight: 600;
font-size: 42rpx;
margin-bottom: 30rpx;
}
.text .time {
color: #999999;
line-height: 50rpx;
}
.return {
display: inline-block;
margin-top: 80rpx;
background-color: #1d37e2;
padding: 0 180rpx;
height: 90rpx;
line-height: 90rpx;
border-radius: 10rpx;
box-shadow: 0 3rpx 6rpx 4rpx rgba(6, 34, 214, .6);
color: #FFFFFF;
font-size: 34rpx;
}

268
pages/code/index.js Normal file
View File

@@ -0,0 +1,268 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
shareSee : false, //分享弹出
identity : 1, //1为普通，2为上师版， 3为何院士
userInfo : '', //用户信息
inviteText: '', //邀请码
invite : '' //二维码
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取推广码
this.inviteInfo();
// 获取小程序码
this.ShareInfo();
},
/**
* 推广码
*/
inviteInfo() {
wx.$api.user.invite().then(res => {
this.setData({
identity : res.data.user_info.tag,
userInfo : res.data.user_info,
inviteText : res.data.invite
})
}).catch(err => {})
},
/**
* 小程序码
*/
ShareInfo() {
wx.$api.user.miniShare({
url: '/pages/login/index'
}).then(res => {
this.setData({
invite: res.data.qrcode
})
}).catch(err => {})
},
/**
* 分享弹出
*/
shareTap() {
this.setData({
shareSee: !this.data.shareSee
})
},
/**
* 第一种海报样式 保存图片到本地
*/
saveImg(){
this.dowImg();
this.setData({
shareSee: false
})
},
/**
* 第二种海报样式 保存图片到本地
*/
TwoImg(){
this.TwoSaveImg();
this.setData({
shareSee: false
})
},
/**
* 第一种海报样式
*/
dowImg(){
wx.showLoading({
title: '生成中',
mask : true
})
// 下载背景素材
let codeImg = new Promise(success => {
wx.getImageInfo({
src : this.data.invite,
success : res => {
success(res.path)
}
})
})
// 下载背景素材
let backUrl
if (this.data.identity == 1) {
backUrl = "https://api.siyuankunlun.com/storage/materials/2022/09/14/code.jpg"
} else if (this.data.identity == 2) {
backUrl = "https://api.siyuankunlun.com/storage/materials/2022/09/14/code_01.png"
}
Promise.all([codeImg]).then(res => {
wx.getImageInfo({
src : backUrl,
success : networkImg => {
// 绘制海报
const ctx = wx.createCanvasContext('qrcodeCard')
ctx.save()
// 绘制背景
ctx.drawImage(networkImg.path, 0, 0, 375, 800)
// 绘制二维码背景
ctx.drawImage("/static/imgs/codeshart_back.png", 137, 532, 100, 100)
// 绘制二维码
ctx.drawImage(res[0], 145, 540, 85, 85)
// 文字
ctx.setFontSize(12)
ctx.setFillStyle("#eadbc8")
ctx.setTextAlign('center')
ctx.fillText("扫描二维码了解更多", 188, 650 , 270)
// 保存图片
ctx.draw(true, () => {
wx.hideLoading()
wx.canvasToTempFilePath({
canvasId: 'qrcodeCard',
x: 0,
y: 0,
success: keepRes => {
wx.saveImageToPhotosAlbum({
filePath: keepRes.tempFilePath,
success : ()=>{
wx.showToast({
title: '分享海报已保存至相册',
icon : 'none'
})
},
fail : err=>{
wx.showModal({
title : '提示',
content : '暂未授权小程序写入您的相册，无法存储二维码海报',
confirmColor: '#d82526',
confirmText : '去设置',
success : info=>{
if (info.confirm){
wx.openSetting()
}
}
})
},
complete: e => {}
})
}
})
})
}
})
}).catch(err=>{})
},
/**
* 第二种海报样式
*/
TwoSaveImg() {
wx.showLoading({
title: '加载中',
})
// 下载背景素材
let codeImg = new Promise(success => {
wx.getImageInfo({
src : this.data.invite,
success : res => {
success(res.path)
}
})
})
Promise.all([codeImg]).then(res => {
wx.getImageInfo({
src: "https://api.siyuankunlun.com/storage/materials/2022/09/14/code_02.png",
success : networkImg => {
// 绘制海报
const ctx = wx.createCanvasContext('qrcodeCard')
ctx.save()
// 绘制背景
ctx.drawImage(networkImg.path, 0, 0, 375, 800)
// 绘制二维码背景
ctx.drawImage("/static/imgs/codeshart_back_02.png", 60, 550, 246, 94)
// 绘制二维码
ctx.drawImage(res[0], 215, 562, 70, 70)
// 绘制标题
ctx.drawImage("/static/imgs/codeShart_title1.png", 80, 570, 120, 56)
// 保存图片
ctx.draw(true, () => {
wx.hideLoading()
wx.canvasToTempFilePath({
canvasId: 'qrcodeCard',
x: 0,
y: 0,
success: keepRes => {
wx.saveImageToPhotosAlbum({
filePath: keepRes.tempFilePath,
success : ()=>{
wx.showToast({
title: '分享海报已保存至相册',
icon : 'none'
})
},
fail : err=>{
wx.showModal({
title : '提示',
content : '暂未授权小程序写入您的相册，无法存储二维码海报',
confirmColor: '#d82526',
confirmText : '去设置',
success : info=>{
if (info.confirm){
wx.openSetting()
}
}
})
},
complete: e => {}
})
}
})
})
}
})
}).catch(err=>{})
},
/**
* 微信分享
*/
onShareAppMessage(){
return {
title : this.data.userInfo.nickname + '邀请您了解锶源昆仑',
path : "/pages/login/index?invite=" + this.data.inviteText,
imageUrl: "https://api.siyuankunlun.com/storage/materials/2022/09/14/code.jpg"
}
}
})

4
pages/code/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "邀请码"
}

45
pages/code/index.wxml Normal file
View File

@@ -0,0 +1,45 @@
<view class="code">
<image src="http://api.siyuankunlun.com/storage/materials/2022/09/14/code.jpg" class="code-back" wx:if="{{identity == 1}}"></image>
<image src="http://api.siyuankunlun.com/storage/materials/2022/09/14/code_01.png" class="code-back" wx:elif="{{identity == 2}}"></image>
<image src="http://api.siyuankunlun.com/storage/materials/2022/09/14/code_02.png" class="code-back" wx:else></image>
<view class="newCode-cont" wx:if="{{identity == 3}}">
<view class="newCode-img">
<view class="newCode-img-title">
<image src="http://api.siyuankunlun.com/storage/materials/2022/09/14/codeShart_title1.png" mode="widthFix"></image>
</view>
<image class="newCode-img-code" src="{{invite}}"></image>
</view>
</view>
<view class="code-cont" wx:else>
<view class="code-img">
<image src="{{invite}}" mode="widthFix"></image>
</view>
<view class="code-text"><text>扫描二维码了解更多</text></view>
</view>
<view class="code-share" bindtap="shareTap">
<image src="/static/icons/share.png"></image>
<view class="code-share-name">分享</view>
</view>
</view>
<!-- 海报canvas -->
<canvas class="canvasImg" canvas-id="qrcodeCard"></canvas>
<!-- 分享弹出 -->
<view class="sharePop {{shareSee ? 'active' : ''}}">
<view class="shareCont">
<button class="shareCont-label codeShare-button" open-type="share" hover-class="none">
<image src="https://card.ysd-bs.com/storage/materials/2021/09/01/code_icon_00.png"></image>
微信好友
</button>
<view class="shareCont-label" bindtap="TwoImg" wx:if="{{identity == 3}}">
<image src="https://card.ysd-bs.com/storage/materials/2021/09/01/code_icon_02.png"></image>
保存二维码
</view>
<view class="shareCont-label" bindtap="saveImg" wx:else>
<image src="https://card.ysd-bs.com/storage/materials/2021/09/01/code_icon_02.png"></image>
保存二维码
</view>
</view>
<view class="shareCancel" bindtap="shareTap">取消</view>
</view>

164
pages/code/index.wxss Normal file
View File

@@ -0,0 +1,164 @@
.code {
width: 100vw;
height: 100vh;
position: relative;
}
.code-back {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.code-cont {
width: 100%;
position: absolute;
z-index: 9;
text-align: center;
left: 0;
bottom: 19%;
}
.code-img{
margin: 0 auto 20rpx;
overflow: hidden;
border-radius: 30rpx;
width: 190rpx;
height: 190rpx;
border: 4rpx solid #be9768;
background-color: #ffffff;
}
.code-img image {
width: 100%;
}
.code-text {
background: linear-gradient(to right, #aa957b, #ffeeda, #aa957b);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
font-size: 26rpx;
}
.code-share {
position: absolute;
z-index: 10;
left: 0;
bottom: 24%;
background: linear-gradient(to right, #aa957b, #ffeeda);
width: 50rpx;
text-align: center;
border-radius: 0 20rpx 20rpx 0;
padding: 20rpx 0;
}
.code-share-name {
writing-mode:vertical-rl;
font-size: 28rpx;
padding-left: 4rpx;
color: #4d2a00;
}
.code-share image {
width: 30rpx;
height: 30rpx;
margin-bottom: 5rpx;
}
.sharePop {
position: fixed;
width: 100%;
z-index: 99;
left: 0;
bottom: 0;
background-color: #0a1930;
display: none;
}
.sharePop.active {
display: block;
}
.shareCont-label image {
width: 60rpx;
height: 60rpx;
display: block;
margin: 0 auto 10rpx;
}
.shareCancel {
border-top: 2rpx solid #0e2c58;
color: #ffffff;
width: 100%;
text-align: center;
line-height: 100rpx;
}
.shareCont{
display: flex;
padding: 30rpx 0;
}
.shareCont-label {
color: #ffffff;
flex: 2;
text-align: center;
font-size: 28rpx;
}
.codeShare-button {
background-color: transparent;
padding: 0;
font-weight: normal;
}
/* canvas */
.canvasImg {
position: absolute;
left: -1000%;
height: 800px;
width: 375px;
}
/* 何院士样式 */
.newCode-cont {
width: 70%;
height: 200rpx;
position: absolute;
z-index: 9;
text-align: center;
left: 15%;
bottom: 19.5%;
background: linear-gradient(to top, #a09084, #a58367);
padding: 15rpx;
box-sizing: border-box;
border-radius: 30rpx;
}
.newCode-img {
height: 170rpx;
margin: 0 auto;
background: linear-gradient(to top, #e9d1bd, #c49b7a);
border: 4rpx solid #f3c49d;
border-radius: 30rpx;
display: flex;
padding: 10rpx 30rpx 10rpx 10rpx;
box-sizing: border-box;
}
.newCode-img-title {
width: calc(100% - 140rpx);
}
.newCode-img-title image {
width: 80%;
margin-top: 15rpx;
}
.newCode-img-code {
width: 140rpx;
height: 140rpx;
}

74
pages/coupons/list/index.js Normal file
View File

@@ -0,0 +1,74 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
couponArr : [], //抵值券
page : {}, //下一页
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
couponId: options.couponid
})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取我的抵值券
this.couponInfo();
},
// 我的抵值券
couponInfo(page){
wx.$api.user.couponList(this.data.couponId,{
page : page || 1
}).then(res => {
let listArr = this.data.couponArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
couponArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取我的抵值券
this.couponInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取我的抵值券
this.couponInfo(pageNumber);
}
}
})

4
pages/coupons/list/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "抵值券"
}

50
pages/coupons/list/index.wxml Normal file
View File

@@ -0,0 +1,50 @@
<view class="list" wx:if="{{couponArr.length > 0}}">
<view class="item" wx:for="{{couponArr}}" wx:key="index">
<view class="item-label {{item.status.status != 1 ? 'active' : ''}}" wx:if="{{item.status}}">
<image class="tipsImg {{item.status.status != 1 ? 'active' : ''}}" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/coupons_tips.png" mode="widthFix"></image>
<view class="top">
<view class="left">
<view class="name">
{{item.title}}
</view>
<view class="time {{item.status.status != 1 ? 'active' : ''}}">
{{item.time.end_at}} 到期
</view>
</view>
<view class="right {{item.status.status != 1 ? 'active' : ''}}">
<view class="right-prop">
<text>￥</text>{{item.price}}
</view>
<view class="right-tips">
{{item.price_text}}
</view>
</view>
</view>
<view class="bottom {{item.status.status != 1 ? 'active' : ''}}">
<view class="tips {{item.status.status != 1 ? 'active' : ''}}">
开通季卡会员可低值
</view>
<block wx:if="{{item.status}}">
<navigator hover-class="none" url="/pages/member/index/index" class="btn" wx:if="{{item.status.status == 1}}">
立即使用
</navigator>
<view class="btn active" wx:if="{{item.status.status == 2}}">
{{item.status.text}}
</view>
</block>
</view>
</view>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

150
pages/coupons/list/index.wxss Normal file
View File

@@ -0,0 +1,150 @@
page {
padding: 30rpx;
box-sizing: border-box;
background-color: #f5f5f5;
}
.item-label {
border-radius: 30rpx;
padding: 50rpx 40rpx 20rpx;
box-sizing: border-box;
margin-bottom: 40rpx;
position: relative;
box-shadow: 0 0 6rpx 2rpx rgba(0, 0, 0, .1);
background-image: linear-gradient(to top right, #f9e3b4, #ecc685);
}
.item-label.active {
background-image: linear-gradient(to top right, #c9c9c9, #b5b5b5);
}
.item-label::after,
.item-label::before {
position: absolute;
content: '';
background-color: #f5f5f5;
width: 30rpx;
height: 30rpx;
bottom: 84rpx;
border-radius: 50%;
}
.item-label::after {
left: -15rpx;
}
.item-label::before {
right: -15rpx;
}
.tipsImg {
position: absolute;
top: 0;
left: 30rpx;
width: 170rpx;
}
.tipsImg.active {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.top {
margin-bottom: 20rpx;
display: flex;
}
.left {
flex: 1;
font-weight: 600;
}
.name {
margin-bottom: 15rpx;
font-size: 34rpx;
margin-top: 10rpx;
}
.time {
background-color: #f6d4a6;
font-size: 26rpx;
display: inline-block;
color: #eb5941;
line-height: 48rpx;
padding: 0 10rpx;
border-radius: 10rpx;
}
.time.active {
background-color: #b1b1b1;
color: #464646;
}
.right {
color: #835529;
}
.right-prop {
font-size: 52rpx;
font-weight: 600;
display: flex;
}
.right-prop text {
font-size: 28rpx;
margin-top: 10rpx;
padding-right: 6rpx;
}
.right-tips {
font-size: 26rpx;
text-align: center;
}
.right.active {
color: #464646;
}
.bottom {
border-top: 2rpx dashed #dfc796;
display: flex;
font-size: 28rpx;
padding-top: 20rpx;
margin-top: 30rpx;
}
.bottom.active {
border-color: #adadad;
}
.tips {
color: #b18c5d;
line-height: 58rpx;
flex: 1;
}
.tips.active {
color: #464646;
}
.btn {
background-image: linear-gradient(to right, #d8a76a, #b37a3e);
border-radius: 70rpx;
color: #ffffff;
padding: 0 30rpx;
height: 58rpx;
line-height: 58rpx;
font-weight: 600;
border: 2rpx solid #c38d4c;
}
.btn.active {
background-image: linear-gradient(to right, #8f8f8f, #a7a7a7);
color: #000;
border-color: #a7a7a7;
}

72
pages/coupons/organize/index.js Normal file
View File

@@ -0,0 +1,72 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
couponArr : [], //抵值券
page : {}, //下一页
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取我的抵值券
this.couponInfo();
},
/**
* 我的抵值券
*/
couponInfo(page){
wx.$api.user.coupon({
page : page || 1
}).then(res => {
let listArr = this.data.couponArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.lists)
this.setData({
couponArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取我的抵值券
this.couponInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取我的抵值券
this.couponInfo(pageNumber);
}
}
})

4
pages/coupons/organize/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "抵值券"
}

41
pages/coupons/organize/index.wxml Normal file
View File

@@ -0,0 +1,41 @@
<view class="list" wx:if="{{couponArr.length > 0}}">
<view class="item" wx:for="{{couponArr}}" wx:key="couponArr">
<image class="tipsImg" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/coupons_tips.png" mode="widthFix"></image>
<view class="top">
<view class="left">
<view class="name">
{{item.title}}
</view>
<view class="time" wx:if="{{item.time}}">
{{item.time.interval}}
</view>
</view>
<view class="right">
<view class="right-prop">
<text>￥</text>{{item.price}}
</view>
<view class="right-tips">
{{item.price_text}}
</view>
</view>
</view>
<navigator hover-class="none" url="../list/index?couponid={{item.coupon_id}}" class="bottom">
<view class="tips">
共<text>{{item.coupon_count}}</text>张{{item.title}}
</view>
<image class="arrow" src="/static/icons/coupons_arrow.png"></image>
</navigator>
</view>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

114
pages/coupons/organize/index.wxss Normal file
View File

@@ -0,0 +1,114 @@
page {
padding: 30rpx;
box-sizing: border-box;
background-color: #f5f5f5;
}
.item {
border-radius: 30rpx;
padding: 50rpx 40rpx 10rpx;
box-sizing: border-box;
margin-bottom: 40rpx;
position: relative;
box-shadow: 0 0 6rpx 2rpx rgba(0, 0, 0, .1);
background-image: linear-gradient(to top right, #f9e3b4, #ecc685);
}
.item::after,
.item::before {
position: absolute;
content: '';
background-color: #f5f5f5;
width: 30rpx;
height: 30rpx;
bottom: 84rpx;
border-radius: 50%;
}
.item::after {
left: -15rpx;
}
.item::before {
right: -15rpx;
}
.tipsImg {
position: absolute;
top: 0;
left: 30rpx;
width: 170rpx;
}
.top {
margin-bottom: 20rpx;
display: flex;
}
.left {
flex: 1;
font-weight: 600;
}
.name {
margin-bottom: 15rpx;
font-size: 34rpx;
margin-top: 10rpx;
}
.time {
background-color: #f6d4a6;
font-size: 26rpx;
display: inline-block;
color: #eb5941;
line-height: 48rpx;
padding: 0 10rpx;
border-radius: 10rpx;
}
.right {
color: #835529;
}
.right-prop {
font-size: 50rpx;
font-weight: 600;
display: flex;
}
.right-prop text {
font-size: 28rpx;
margin-top: 10rpx;
padding-right: 6rpx;
}
.right-tips {
font-size: 26rpx;
text-align: center;
}
.bottom {
border-top: 2rpx dashed #dfc796;
display: flex;
font-size: 28rpx;
padding-top: 20rpx;
margin-top: 30rpx;
}
.tips {
color: #b18c5d;
line-height: 58rpx;
flex: 1;
}
.tips text {
font-weight: 600;
padding: 0 5rpx;
}
.arrow {
width: 32rpx;
height: 32rpx;
margin-top: 10rpx;
}

136
pages/index/carry/index.js Normal file
View File

@@ -0,0 +1,136 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
num : 1, //数量默认1
address : '', //地址
stockData : '', //数据
isExperience : '', //身份
disabled : false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 获取提货前置
this.pickInfo();
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 提货前置
*/
pickInfo (){
wx.$api.stock.pick().then(res => {
this.setData({
address : res.data.address,
stockData : res.data.stockData,
isExperience : res.data.dientity.is_experience
})
}).catch(err => {})
},
/**
* 商品数量加减
*/
goodsNumber(e){
let num = this.data.num,
val = e.currentTarget.dataset.type
if (val == 'plus'){
num ++;
if(num > this.data.stockData.stock ){
wx.showToast({
title: '商品数量不能大于库存量',
icon: 'none'
});
num = this.data.stockData.stock
}
}else{
if (num > 1){
num --;
}else{
wx.showToast({
title : '商品数量不能小于1',
icon : 'none'
})
}
this.setData({
num: num
})
}
this.setData({
num: num
})
},
/**
* 输入商品数量
*/
goodsNumberInput(e) {
let goodsNum = e.detail.value;
if (goodsNum > 0) {
if(goodsNum > this.data.stockData.stock ){
wx.showToast({
title: '商品数量不能大于库存量',
icon: 'none'
});
this.setData({
num: this.data.stockData.stock
})
return
}
this.setData({
num: goodsNum
})
} else {
wx.showToast({
title: '商品数量不能小于1',
icon: 'none'
});
this.setData({
num: 1
})
}
},
/**
* 申请提货
*/
stockForm(e) {
let newQty = this.data.num
if(this.data.isExperience) {
newQty = this.data.stockData.stock
}
let data = {
remark : e.detail.value.remark,
qty : newQty,
address_id : this.data.address.address_id
}
wx.$api.stock.pickTake(data).then(res => {
this.setData({
disabled: true
})
// 跳到审核页面
wx.redirectTo({
url: '../examine/index'
})
}).catch(err => {})
}
})

4
pages/index/carry/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "申请提货"
}

63
pages/index/carry/index.wxml Normal file
View File

@@ -0,0 +1,63 @@
<form bindsubmit="stockForm" class="take">
<view class="take">
<view class="take-label" wx:if="{{isExperience}}">
<view class="reminder">
<view class="reminder-tips">
<image src="/static/icons/reminder_tips.png"></image>温馨提示
</view>
<text>收货地址只限制广东省深圳市地区</text>
</view>
</view>
<view class="take-label">
<view class="item" wx:if="{{isExperience}}">
<view class="name">
<image src="/static/icons/takeIcon_01.png" mode="widthFix"></image>提货数量
</view>
<view class="time stock">
{{stockData.stock}}<text>箱</text>
</view>
</view>
<view class="item" wx:else>
<view class="name">
<image src="/static/icons/takeIcon_01.png" mode="widthFix"></image>提货数量
</view>
<view class="number">
<view class="btn" bindtap="goodsNumber" data-type="remove">-</view>
<input bindblur="goodsNumberInput" class="see" type="text" value="{{num}}" />
<view class="btn" bindtap="goodsNumber" data-type="plus">+</view>
</view>
</view>
<view class="item">
<view class="name">
<image src="/static/icons/takeIcon_02.png" mode="widthFix"></image>备注信息
</view>
<textarea class="remarks" name="remark" placeholder="请输入备注信息~" />
</view>
</view>
<view class="take-label">
<view class="item site {{address == '' ? 'active' : ''}}">
<block wx:if="{{address}}">
<view class="site-title">
{{address.name}}<text>{{address.mobile}}</text>
</view>
<view class="site-text">
{{address.full_address}}
</view>
<navigator hover-class="none" url="/pages/stock/site/index?type=selectAddress&experience=isExperience" class="site-change">
更改地址
</navigator>
</block>
<view class="edit-no" wx:else>
<image src="/static/imgs/site_no_add.png"></image>
<navigator hover-class="none" class="site-change" url="/pages/stock/site/index?type=selectAddress&experience=isExperience">
新增地址
</navigator>
</view>
</view>
</view>
</view>
<view class="site-btn">
<button form-type="submit" disabled="{{disabled}}">提交申请</button>
</view>
</form>

197
pages/index/carry/index.wxss Normal file
View File

@@ -0,0 +1,197 @@
page {
background-color: #f4f4f4;
}
.take {
border-bottom: 180rpx solid transparent;
}
.take-label {
padding: 30rpx 30rpx 0;
box-sizing: border-box;
}
.item {
padding: 30rpx;
box-sizing: border-box;
background-color: #FFFFFF;
border-bottom: 2rpx solid #f3f3f3;
position: relative;
font-size: 30rpx;
}
.name {
display: flex;
flex: 1;
}
.name image {
width: 44rpx;
height: 44rpx;
margin-right: 15rpx;
}
.time {
color: #565656;
position: absolute;
right: 30rpx;
top: 30rpx;
}
.stock {
font-weight: 600;
}
.stock text {
padding-left: 5rpx;
}
.number {
display: flex;
position: absolute;
right: 30rpx;
top: 30rpx;
}
.btn {
width: 40rpx;
height: 40rpx;
line-height: 34rpx;
font-weight: 600;
border-radius: 50%;
color: #1d37e2;
border: #1d37e2 2rpx solid;
text-align: center;
}
.see {
width: 60rpx;
text-align: center;
padding: 0 20rpx;
line-height: 42rpx;
font-size: 30rpx;
display: inline-block;
}
.remarks {
margin-top: 30rpx;
background-color: #f4f4f4;
font-size: 30rpx;
padding: 20rpx 30rpx;
box-sizing: border-box;
border-radius: 26rpx;
color: #9d9d9d;
width: 100%;
}
.site {
padding: 30rpx 30rpx 30rpx 90rpx;
position: relative;
}
.site::after {
position: absolute;
content: '';
left: 40rpx;
top: 60rpx;
background-color: #FFFFFF;
border: #e64248 solid 6rpx;
width: 12rpx;
height: 12rpx;
border-radius: 50%;
}
.site.active::after {
display: none;
}
.site-title {
margin-bottom: 10rpx;
font-weight: 600;
font-size: 30rpx;
}
.site-title text {
padding-left: 10rpx;
}
.site-text {
color: #565656;
}
.site-change {
border: 2rpx solid #e64248;
text-align: center;
line-height: 74rpx;
color: #e64248;
border-radius: 10rpx;
margin-top: 30rpx;
}
/* 按钮 */
.site-btn {
width: 100%;
box-sizing: border-box;
padding: 30rpx;
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
right: 0;
background: white;
}
.site-btn button {
background: #1d37e2;
text-align: center;
color: white;
height: 88rpx;
line-height: 88rpx;
font-size: 30rpx;
font-weight: normal;
width: 100%;
margin: 0;
padding: 0;
border-radius: 10rpx;
}
.site-btn button[disabled] {
background: #7789ff !important;
color: #fff !important;
}
.edit-no {
text-align: center;
color: #9d9d99;
}
.edit-no image {
width: 240rpx;
height: 240rpx;
}
/* 温馨提示 */
.reminder {
background-color: #eef0ff;
color: #001bca;
padding: 30rpx;
box-sizing: border-box;
}
.reminder text {
font-size: 30rpx;
padding-left: 44rpx;
}
.reminder-tips {
font-weight: 600;
margin-bottom: 10rpx;
display: flex;
line-height: 34rpx;
}
.reminder-tips image {
width: 34rpx;
height: 34rpx;
margin-right: 10rpx;
}

88
pages/index/feeling/index.js Normal file
View File

@@ -0,0 +1,88 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
userData : '', //用户信息
surveyArr : [], //反馈列表
page : {}, //分页信息
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取反馈列表
this.surveysInfo();
},
/**
* 反馈列表
*/
surveysInfo(page) {
wx.$api.index.surveys({
page : page
}).then(res => {
let listArr = this.data.surveyArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
surveyArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
// 图片预览
openImg(e){
let imgs = [],
index = e.currentTarget.dataset.index
for (let img of e.currentTarget.dataset.imgs){
imgs.push(img)
}
wx.previewImage({
urls : imgs,
current : imgs[index]
})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取反馈列表
this.surveysInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取反馈列表
this.surveysInfo(pageNumber);
}
}
})

4
pages/index/feeling/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "效果反馈"
}

45
pages/index/feeling/index.wxml Normal file
View File

@@ -0,0 +1,45 @@
<view class="lists" wx:if="{{surveyArr.length > 0}}">
<view class="lists-item" wx:for="{{surveyArr}}" wx:key="surveyArr">
<view class="lists-top">
<image class="lists-head" src="{{item.user.avatar}}" mode="aspectFill"></image>
<view class="lists-cont">
<view class="lists-name">
{{item.user.nickname}}
</view>
<image wx:if="{{item.user.identity.order == '1'}}" class="lists-identity" src="/static/icons/member_01.png" mode="widthFix"></image>
<image wx:elif="{{item.user.identity.order == '2'}}" class="lists-identity" src="/static/icons/member_02.png" mode="widthFix"></image>
<image wx:elif="{{item.user.identity.order == '3'}}" class="lists-identity" src="/static/icons/member_03.png" mode="widthFix"></image>
<image wx:elif="{{item.user.identity.order == '4'}}" class="lists-identity" src="/static/icons/member_04.png" mode="widthFix"></image>
<image wx:elif="{{item.user.identity.order == '5'}}" class="lists-identity" src="/static/icons/member_05.png" mode="widthFix"></image>
<image wx:else src="/static/icons/member_06.png" class="lists-identity" mode="widthFix"></image>
</view>
</view>
<view class="lists-text">
<text>{{item.content}}</text>
</view>
<view class="lists-img" wx:if="{{item.pictures.length > 0}}">
<block wx:if="{{item.pictures.length >= 3}}">
<view class="lists-label lists-three" wx:for="{{item.pictures}}" wx:key="picturesItems" wx:for-item="items">
<image src="{{items}}" mode="aspectFill" bindtap="openImg" data-imgs="{{item.pictures}}" data-index="{{index}}"></image>
</view>
</block>
<block wx:elif="{{item.pictures.length == 1}}">
<view class="lists-label lists-one" wx:for="{{item.pictures}}" wx:key="picturesItems" wx:for-item="items">
<image src="{{items}}" mode="aspectFill" bindtap="openImg" data-imgs="{{item.pictures}}" data-index="{{index}}"></image>
</view>
</block>
<block wx:else>
<view class="lists-label lists-two" wx:for="{{item.pictures}}" wx:key="picturesItems" wx:for-item="items">>
<image src="{{items}}" mode="aspectFill" bindtap="openImg" data-imgs="{{item.pictures}}" data-index="{{index}}"></image>
</view>
</block>
</view>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>
<navigator hover-class="none" url="/pages/index/write/index" class="write">
<image src="/static/icons/white.png"></image>
</navigator>

105
pages/index/feeling/index.wxss Normal file
View File

@@ -0,0 +1,105 @@
page {
background-color: #f5f5f5;
}
/* 列表 */
.lists {
padding: 30rpx;
box-sizing: border-box;
}
.lists-item {
padding: 30rpx 30rpx 20rpx;
box-sizing: border-box;
margin-bottom: 30rpx;
border-radius: 30rpx;
background-color: #ffffff;
box-shadow: 0 0 6rpx rgb(232, 232, 232);
}
.lists-top {
position: relative;
}
.lists-head {
width: 120rpx;
height: 120rpx;
border-radius: 50%;
}
.lists-cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
box-sizing: border-box;
padding-left: 140rpx;
}
.lists-name {
font-weight: 600;
margin: 15rpx 0;
}
.lists-identity {
width: 130rpx;
}
.lists-text {
font-size: 28rpx;
padding: 20rpx 0 10rpx;
line-height: 42rpx;
color: #383838;
box-sizing: border-box;
}
.lists-img {
margin: 0 -10rpx;
}
.lists-label {
display: inline-block;
width: calc(100% - 20rpx);
margin: 10rpx;
padding-top: calc(100% - 20rpx);
position: relative;
border-radius: 4rpx;
overflow: hidden;
}
.lists-label.lists-two {
width: calc(50% - 20rpx);
padding-top: calc(50% - 20rpx);
}
.lists-label.lists-three {
width: calc(33.33% - 20rpx);
padding-top: calc(33.33% - 20rpx);
}
.lists-label image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.write {
position: fixed;
right: 30rpx;
bottom: 100rpx;
z-index: 1000;
background-color: #ffffff;
width: 90rpx;
height: 90rpx;
border-radius: 50%;
box-shadow: 0 2rpx 10rpx rgba(98, 112, 255, .4);
padding: 20rpx;
box-sizing: border-box;
}
.write image {
width: 100%;
height: 100%;
}

189
pages/index/index.js Normal file
View File

@@ -0,0 +1,189 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
const app = getApp();
Page({
/**
* 页面的初始数据
*/
data: {
//任务列表
case : '',
case_log : '',
experience : '',
order : '',
payment : '',
register : '',
stepsSign : '',
subscribe : '',
loginCode : '',
code : '', //公众号二维码
showSymptom : '', //是否显示报告列表
max : '',
min : '',
goutCaseId : '', //档案id
count : '', //数量
sign : '', //签到
nowStatus : '', //流程判断
popStatus : false, //流程判断弹出层状态
authState : false,
applyState : false, //申请体验馆状态
hasCase : '',
userLogin : '', //登录状态
detailsImg : '',
offsetStatus: false , //抵值券弹出
identityId : '' , //身份
symptomsArr: '' , //报告列表
isOfficial : app.globalData.isOfficial, //公众号-场景值
followState: false //公众号弹出
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
wx.login({
success: res => {
this.setData({
loginCode: res.code
})
}
})
// 商品详情数据
wx.$api.index.goods(1).then(res => {
this.setData({
detailsImg: res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"')
})
}).catch(err => {})
// 获取登录状态
if(wx.getStorageSync("token")){
this.setData({
userLogin: true
})
// 获取用户信息
this.userInfo();
// 获取公众号二维码
wx.$api.user.invitesCode().then(res => {
this.setData({
code: res.data.code
})
}).catch(err => {})
}
// 获取首页数据
this.mallData();
},
/**
* 首页数据
*/
mallData() {
wx.$api.index.home().then(res => {
this.setData({
case : res.data.steps.lists.case,
case_log : res.data.steps.lists.case_log,
experience : res.data.steps.lists.experience,
order : res.data.steps.lists.order,
payment : res.data.steps.lists.payment,
register : res.data.steps.lists.register,
stepsSign : res.data.steps.lists.sign,
subscribe : res.data.steps.lists.subscribe,
showSymptom : res.data.showSymptoms,
max : res.data.steps.max,
min : res.data.steps.min,
count : res.data.count,
hasCase : res.data.hasCase,
sign : res.data.user.sign
})
if(res.data.case != '') {
this.setData({
symptomsArr: res.data.case.all_symptoms,
goutCaseId : res.data.case.gout_case_id
})
}
if(res.data.user.identity) {
this.setData({
identityId: res.data.identity.order
})
}
}).catch(err => {})
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.userIndex().then(res => {
this.setData({
nowStatus : res.data.nowStatus
})
}).catch(err => {})
},
/**
* 申请体验馆状态隐藏
*/
applySee() {
this.setData({
applyState: false
})
},
/**
* 获取code
*/
followCode() {
wx.getUserProfile({
desc : "获取你的昵称、头像、地区及性别",
success : e => {
if(e.errMsg == "getUserProfile:ok"){
wx.$api.user.wechatMini({
code :this.data.loginCode,
iv : e.iv,
encryptedData: e.encryptedData
}).then(res => {
// subscribe == 0未关注公众号
if (res.data.subscribe == 0) {
this.setData({
followState: true
})
return
}
// 获取首页数据 subscribe == 1已 关注公众号
this.mallData();
}).catch(err => {})
}
},
fail: err => {
return;
}
})
},
/**
* 公众号弹出
*/
followHide() {
this.setData({
followState: !this.data.followState
})
}
})

5
pages/index/index.json Normal file
View File

@@ -0,0 +1,5 @@
{
"usingComponents": {},
"navigationStyle": "custom",
"navigationBarTextStyle": "white"
}

254
pages/index/index.wxml Normal file
View File

@@ -0,0 +1,254 @@
<view class="exhibition" wx:if="{{applyState}}">
<view class="exhibition-img">
<rich-text nodes="{{detailsImg}}"></rich-text>
</view>
<view class="exhibition-btn" bindtap="applySee">
<view class="exhibition-btn-go">点击参与活动</view>
</view>
</view>
<block wx:if="{{!applyState}}">
<!-- 近期报告 -->
<image class="banner" src="/static/imgs/banner.png" mode="widthFix"></image>
<!-- 效果反馈入口 -->
<block wx:if="{{!applyState}}">
<view class="drift" wx:if="{{showSymptom}}">
<navigator hover-class="none" url="./feeling/index" class="drift-brief" wx:if="{{identityId != 1}}">
效果反馈
</navigator>
</view>
</block>
<block wx:if="{{userLogin}}">
<!-- 水宣传图 -->
<view class="report" wx:if="{{showSymptom}}">
<!-- 有数据 -->
<scroll-view scroll-x class="report-flex" scroll-with-animation>
<view class="report-item" wx:for="{{symptomsArr}}" wx:key="symptomsArr">
<view class="report-name">
<text>{{item.title}}</text>
<view class="report-date">{{item.created_at ? item.created_at : '--'}}</view>
</view>
<image class="report-img" wx:if="{{item.name == 'hypertension'}}" src="/static/imgs/reportImg_00.png" mode="widthFix"></image>
<image class="report-img" wx:elif="{{item.name == 'hyperglycemia'}}" src="/static/imgs/reportImg_01.png" mode="widthFix"></image>
<image class="report-img" wx:elif="{{item.name == 'hyperlipidemia'}}" src="/static/imgs/reportImg_03.png" mode="widthFix"></image>
<image class="report-img" wx:else src="/static/imgs/reportImg_02.png" mode="widthFix"></image>
<view class="report-number">
<block wx:if="{{item.isChose}}">
<view class="report-number-last">{{item.name == 'hypertension' ? '高 ~ 低' : '数值'}}</view>
{{item.name == 'hypertension' ? item.high + '~' : ''}}{{item.low}}
<text>{{item.unit}}</text>
</block>
<view class="healthy" wx:else>
<view class="report-number-last"></view>
<view wx:if="{{item.name == 'hypertension'}}" class="report-see red">健康</view>
<view wx:elif="{{item.name == 'hyperglycemia'}}" class="report-see yellow">健康</view>
<view wx:elif="{{item.name == 'hyperlipidemia'}}" class="report-see peony">健康</view>
<view wx:else class="report-see purple">健康</view>
</view>
</view>
</view>
</scroll-view>
</view>
<!-- 未有数据 -->
<view class="npReport" wx:else>
<view class="npReport-tits">针对亚健康人群的一次喝水体验活动</view>
</view>
</block>
<!-- 未有数据 -->
<view class="npReport" wx:else>
<view class="npReport-tits">针对亚健康人群的一次喝水体验活动</view>
</view>
<!-- 任务流程 -->
<view class="task">
<view class="white">
<view class="task-title">
<view class="task-title-name">
参与活动流程
</view>
<view class="task-title-number">
已完成 {{min}}/{{max}}
</view>
</view>
<view class="task-list">
<view class="item {{register.status == 2 ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{register.status == 2 ? 'active' : ''}}">1</view>
<text>{{register.name}}</text>
</view>
<view class="tips">手机号+验证码</view>
</view>
<!-- register.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{register.status == 0}}">
<text>{{register.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{register.status == 1}}">
<navigator hover-class="none" url="/pages/login/index">{{register.buttonText}}</navigator>
</view>
<view class="btn complete" wx:else>
<text>{{register.buttonText}}</text>
</view>
</view>
<view class="item {{case.status == 2 ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{case.status == 2 ? 'active' : ''}}">2</view>
<text>{{case.name}}</text>
</view>
<view class="tips">姓名、性别、年龄、身高、体重</view>
</view>
<!-- case.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{case.status == 0}}">
<text>{{case.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{case.status == 1}}">
<navigator hover-class="none" url="/pages/record/index/index?experience=1">{{case.buttonText}}</navigator>
</view>
<view class="btn complete" wx:else>
<text>{{case.buttonText}}</text>
</view>
</view>
<view class="item {{experience.status == 2 ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{experience.status == 2 ? 'active' : ''}}">3</view>
<text>{{experience.name}}({{experience.identity.count}}/{{experience.identity.max}})</text>
</view>
<view class="tips">亚健康报告、限深圳、1000名额</view>
</view>
<!-- experience.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{experience.status == 0}}">
<text>{{experience.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{experience.status == 1}}">
<navigator hover-class="none" url="/pages/stock/examine/index" wx:if="{{experience.view}}">{{experience.buttonText}}</navigator>
<navigator hover-class="none" url="/pages/record/report/index?caseid={{goutCaseId}}&number=first" wx:else>{{experience.buttonText}}</navigator>
</view>
<view class="btn complete" wx:else>
<text>{{experience.buttonText}}</text>
</view>
</view>
<view class="item {{subscribe.status == 2 ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{subscribe.status == 2 ? 'active' : ''}}">4</view>
<text>{{subscribe.name}}</text>
</view>
<view class="tips">接收打卡和发货的消息提醒</view>
</view>
<!-- subscribe.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{subscribe.status == 0}}">
<text>{{subscribe.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{subscribe.status == 1}}">
<text bindtap="followCode">{{subscribe.buttonText}}</text>
</view>
<view class="btn complete" wx:else>
<text>{{subscribe.buttonText}}</text>
</view>
</view>
<view class="item {{payment.status == 2 ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{payment.status == 2 ? 'active' : ''}}">5</view>
<text>{{payment.name}}</text>
</view>
<view class="tips">成为锶享体验官</view>
</view>
<!-- payment.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{payment.status == 0}}">
<text>{{payment.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{payment.status == 1}}">
<navigator hover-class="none" url="/pages/bond/index?identityid={{payment.identity_id}}">{{payment.buttonText}}</navigator>
</view>
<view class="btn complete" wx:else>
<text>{{payment.buttonText}}</text>
</view>
</view>
<view class="item {{order.status == 2 ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{order.status == 2 ? 'active' : ''}}">6</view>
<text>{{order.name}}</text>
</view>
<view class="tips">申请提货+确定签收</view>
</view>
<!-- stockCarry.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{order.status == 0}}">
<text>{{order.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{order.status == 1}}">
<navigator hover-class="none" url="/pages/order/details/index?orderNo={{order.order_no}}" wx:if="{{order.order_no}}">{{order.buttonText}}</navigator>
<navigator hover-class="none" url="/pages/stock/take/index" wx:else>{{order.buttonText}}</navigator>
</view>
<view class="btn complete" wx:else>
<text>{{order.buttonText}}</text>
</view>
</view>
<view class="item {{stepsSign.status == 2 ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{stepsSign.status == 2 ? 'active' : ''}}">7</view>
<text>{{stepsSign.name}}</text>
</view>
<view class="tips">每日4瓶，连续30天喝水打卡</view>
<view class="tips">建议水温加热至40到50度效果最佳</view>
<view class="number">{{stepsSign.sign.continue}}/{{stepsSign.sign.all}}天</view>
</view>
<!-- sign.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{stepsSign.status == 0}}">
<text>{{stepsSign.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{stepsSign.status == 1}}">
<navigator hover-class="none" url="/pages/sign/index">{{stepsSign.buttonText}}</navigator>
</view>
<view class="btn complete" wx:else>
<text>{{stepsSign.buttonText}}</text>
</view>
</view>
<view class="item {{case_log.has_log ? 'active' : ''}}">
<view class="name">
<view class="title">
<view class="circular {{case_log.has_log ? 'active' : ''}}">8</view>
<text>{{case_log.name}}</text>
</view>
<view class="tips">近期亚健康体检报告信息</view>
<navigator hover-class="none" url="/pages/record/reportSee/index" wx:if="{{case_log.status == 2}}" class="see">
查看报告
</navigator>
</view>
<!-- case_log.status 0为待完成 1位去完成 2位已完成 -->
<view class="btn" wx:if="{{case_log.status == 0}}">
<text>{{case_log.buttonText}}</text>
</view>
<view class="btn active" wx:elif="{{case_log.status == 1}}">
<navigator hover-class="none" url="/pages/record/healthy/index" wx:if="{{case_log.has_log}}">{{case_log.buttonText}}</navigator>
<navigator hover-class="none" url="/pages/record/report/index?caseid={{goutCaseId}}&number=second" wx:else>{{case_log.buttonText}}</navigator>
</view>
<view class="btn complete" wx:else>
<text>{{case_log.buttonText}}</text>
</view>
</view>
</view>
</view>
</view>
</block>
<!-- 公众号弹出 -->
<view class="followPop {{followState ? 'active' : ''}}"></view>
<view class="followCont {{followState ? 'active' : ''}}">
<view class="followText">
<!-- <block wx:if="{{isOfficial}}">
<view class="weChat-title">关注公众号</view>
<image class="weChat-close" src="/static/icons/uricacidClose.png" bindtap="followHide"></image>
<official-account style="position:absolute;top:90rpx;left:0;width:50%;height:168rpx;" bindload="load" binderror="err"></official-account>
</block> -->
<view class="weChat-title">关注公众号</view>
<image class="weChat-close" src="/static/icons/uricacidClose.png" bindtap="followHide"></image>
<image class="weChat-img" src="/static/imgs/weChat_code.png" mode="widthFix"></image>
<view class="weChat-text">截图扫码，关注公众号</view>
</view>
</view>

435
pages/index/index.wxss Normal file
View File

@@ -0,0 +1,435 @@
/* 申请体验馆 */
.exhibition-img {
width: 100%;
border-bottom: 90rpx solid transparent;
}
.exhibition-btn {
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
width: 100%;
text-align: center;
padding: 30rpx;
box-sizing: border-box;
}
.exhibition-btn-go {
background-color: #e8c198;
color: #442b11;
border-radius: 50rpx;
height: 90rpx;
line-height: 90rpx;
}
.banner {
width: 100%;
}
/* 近期报告 */
.report {
box-sizing: border-box;
position: relative;
top: -130rpx;
left: 0;
}
.report-flex {
white-space: nowrap;
flex-direction: row;
align-items: center;
justify-content: space-around;
width: 100%;
box-sizing: border-box;
}
.report-item {
border-radius: 30rpx;
width: 39%;
padding: 20rpx;
box-sizing: border-box;
display: inline-block;
margin-left: 25rpx;
background-color: white;
}
.report-item:last-child {
margin-right: 25rpx;
}
.report-name {
margin-bottom: 15rpx;
display: flex;
line-height: 40rpx;
}
.report-name text {
font-weight: 600;
font-size: 32rpx;
display: inline-block;
flex: 1;
}
.report-date {
font-size: 28rpx;
color: #9d9d9d;
}
.report-img {
width: 100%;
padding: 10rpx 0 0;
}
.report-number {
font-size: 32rpx;
font-weight: 600;
height: 74rpx;
overflow: hidden;
}
.report-number text {
font-size: 26rpx;
color: #9d9d9d;
padding-left: 8rpx;
font-weight: normal;
}
.healthy {
font-size: 30rpx;
text-align: center;
}
.report-see.red {
color: #608ee4;
}
.report-see.yellow {
color: #f4951a;
}
.report-see.purple {
color: #a843fc;
}
.report-see.peony {
color: #d30047;
}
.report-number-last {
font-size: 26rpx;
color: #ff7894;
height: 30rpx;
line-height: 30rpx;
}
/* 未有数据 */
.npReport {
position: relative;
top: -90rpx;
left: 0;
padding: 30rpx 20rpx;
box-sizing: border-box;
text-align: center;
}
.npReport-tits {
font-size: 34rpx;
background-color: #ffffff;
border-radius: 30rpx;
padding: 30rpx;
box-sizing: border-box;
font-weight: 600;
color: #6774ff;
}
/* 任务流程 */
.task {
margin-top: -130rpx;
padding: 30rpx 25rpx;
box-sizing: border-box;
}
.white {
background-color: #FFFFFF;
border-radius: 30rpx;
padding: 0 30rpx;
box-sizing: border-box;
}
.task-title {
line-height: 40rpx;
display: flex;
padding: 30rpx 0 10rpx;
}
.task-title-name {
font-weight: 600;
flex: 1;
position: relative;
padding-left: 62rpx;
}
.task-title-name::after {
position: absolute;
content: '';
width: 16rpx;
height: 16rpx;
border-radius: 50%;
border: 4rpx solid #ffb8b2;
left: 10rpx;
top: calc(50% - 12rpx);
background-color: #ff321f;
}
.task-title-number {
font-size: 28rpx;
color: #9d9d9d;
}
.task-list {
padding-bottom: 30rpx;
box-sizing: border-box;
}
.item {
padding: 30rpx 0;
position: relative;
}
.item:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.item::before {
position: absolute;
content: '';
height: 2rpx;
width: calc(100% - 62rpx);
left: 62rpx;
bottom: 0;
background-color: #ecf4f6;
}
.item::after {
position: absolute;
content: '';
height: 100%;
width: 0;
border-left: 2rpx #b4baf7 dashed;
left: 20rpx;
top: 40rpx;
}
.item.active::after {
border-left: 2rpx #2e40f7 dashed;
}
.item:last-child::after {
height: calc(100% - 40rpx);
}
.item:last-child::before {
display: none;
}
.name {
position: relative;
}
.title {
font-size: 28rpx;
color: #000000;
display: flex;
line-height: 42rpx;
position: relative;
}
.title text {
display: flex;
width: 100%;
padding-left: 62rpx;
}
.circular {
background-color: #b4baf7;
border: 6rpx solid #dee1ff;
width: 30rpx;
height: 30rpx;
line-height: 30rpx;
text-align: center;
border-radius: 50%;
font-size: 24rpx;
color: #FFFFFF;
position: absolute;
z-index: 9;
}
.circular.active {
background-color: #2e40f7;
border: 6rpx solid #b4baf7;
}
.tips {
color: #9d9d9d;
font-size: 26rpx;
line-height: 48rpx;
padding-left: 62rpx;
box-sizing: border-box;
}
.see {
display: inline-block;
padding-left: 10rpx;
color: #6774ff;
padding-left: 62rpx;
font-size: 28rpx;
}
.number {
color: #9d9d9d;
padding-left: 62rpx;
font-size: 28rpx;
margin-top: 6rpx;
}
.number.active {
color: #fcb338;
font-weight: 600;
}
.btn {
position: absolute;
right: 0;
top: 40rpx;
background-color: #efeff7;
color: #7b8199;
font-size: 28rpx;
border-radius: 90rpx;
width: 130rpx;
text-align: center;
height: 58rpx;
line-height: 58rpx;
}
.btn.active {
background-color: #6774ff;
color: #FFFFFF;
}
.btn.complete {
background-color: #fe321f;
color: #ffffff;
}
.btn text {
display: block;
}
/* 浮动入口 */
.drift {
position: absolute;
top: 200rpx;
right: 0;
z-index: 999;
}
.drift-brief {
background: rgba(35, 45, 85, .6);
color: #FFFFFF;
font-size: 26rpx;
padding: 0 20rpx 0 25rpx;
line-height: 60rpx;
border-radius: 60rpx 0 0 60rpx;
}
.drift-card {
margin: 30rpx 20rpx;
width: 80rpx;
height: 80rpx;
float: right;
}
/* 公众号关注 */
.followPop {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 99;
background-color: rgba(0, 0, 0, .4);
display: none;
}
.followPop.active{
display: block;
}
.followCont {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
z-index: 100;
display: none;
}
.followCont.active{
display: block;
}
.followText {
position: absolute;
left: 50%;
top: 50%;
width: 500rpx;
margin-left: -250rpx;
margin-top: -260rpx;
border-radius: 20rpx;
overflow: hidden;
background-color: #ffffff;
text-align: center;
}
.followText.active {
width: 300px;
height: 250rpx;
margin-top: -130rpx;
margin-left: -150px;
}
.weChat-close {
position: absolute;
right: 30rpx;
top: 25rpx;
width: 38rpx;
height: 38rpx;
}
.weChat-img {
width: 60%;
margin: 30rpx auto 0;
}
.weChat-title {
height: 90rpx;
line-height: 90rpx;
border-bottom: 2rpx dashed rgb(236, 236, 236);
font-weight: 600;
}
.weChat-text {
font-size: 28rpx;
color: #9d9d9d;
line-height: 60rpx;
padding-bottom: 30rpx;
}
.weChat-tips {
width: 300px;
height: 84px;
}

128
pages/index/write/index.js Normal file
View File

@@ -0,0 +1,128 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
score : '', //水滴值
albumArr : [], //图片
disabled : false, //按钮状态
popStatus: false, //获得水滴弹出层状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
// 上传商品封面图片
addAlbum(key){
wx.chooseMedia({
success : res => {
let path = res.tempFiles.map((val, index) => {
return {
name: 'uploads' + index,
uri : val.tempFilePath
}
})
for (let i = 0; i < path.length; i++){
wx.$api.file.uploadImg(path[i].uri, {}).then(updRes => {
let albumArr = this.data.albumArr
albumArr.push({
path: updRes.path,
showpath: updRes.url
})
this.setData({
albumArr
})
}).catch(err => {})
}
}
})
},
// 图片预览
openImg(index){
let paths = this.data.albumArr.map(val => {
return val.showpath
})
wx.previewImage({
urls : paths,
current : index,
indicator: 'number'
})
},
// 删除图片
removeImg(e){
wx.showLoading({
title: '加载中'
})
let index = e.currentTarget.dataset.index,
atalbum = this.data.albumArr
wx.showToast({
title: '删除成功',
icon : 'none'
})
atalbum.splice(index,1)
this.setData({
albumArr : atalbum
})
},
// 发布反馈
writeform(e) {
let newPictures = this.data.albumArr.map(val => {
return val.path
})
if(this.data.albumArr.length <= 0) {
wx.showToast({
title: '缺少反馈图片',
icon : 'none'
})
return
}
let data = {
content : e.detail.value.content,
pictures : newPictures
}
wx.$api.index.surveysForm(data).then(res => {
this.setData({
disabled: true
})
if(res.data.score > 0) {
this.setData({
score : res.data.score,
popStatus: true
})
return
}
wx.redirectTo({
url: "/pages/index/feeling/index"
})
}).catch(err => {})
},
// 我知道了
knowClick() {
this.setData({
popStatus: false
})
wx.redirectTo({
url: "/pages/index/feeling/index"
})
}
})

4
pages/index/write/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "效果反馈"
}

40
pages/index/write/index.wxml Normal file
View File

@@ -0,0 +1,40 @@
<form bindsubmit="writeform" class="site-form">
<view class="issue-block">
<view class="issue-textarea">
<textarea placeholder="请输入您要发布的内容~" name="content"></textarea>
</view>
<view class="album-list">
<view class="album-list-li" wx:for="{{albumArr}}" wx:key="albumArr">
<image class="album-list-img" src="{{item.showpath}}" mode="aspectFill" bindtap="openImg" data-index="{{index}}"></image>
<view class="album-remove" bindtap="removeImg" data-index="{{index}}">删除</view>
</view>
<view class="album-list-li">
<view class="album-list-li-add" bindtap="addAlbum">
<image class="album-list-add-icon" src="/static/icons/circle_add.png"></image>
<view>添加</view>
</view>
</view>
</view>
</view>
<view class="site-btn">
<button form-type="submit" size="mini" disabled="{{disabled}}">立即发布</button>
</view>
</form>
<!-- 提示弹出框 start -->
<view class="publicBack {{popStatus ? 'active' : ''}}"></view>
<view class="publicPop {{popStatus ? 'active' : ''}}">
<view class="publicPop-cont">
<image class="publicPop-img" src="/static/imgs/Water_drop.png" mode="widthFix"></image>
<view class="publicPop-text">
<view class="number">+{{score}}</view>
<text>水滴</text>
</view>
<image class="publicPop-left publicPop-right" src="/static/imgs/Water_img.png" mode="widthFix"></image>
<view class="publicPop-tips">
<image src="/static/imgs/Water_icon.png" mode="widthFix"></image>水滴已发放!
</view>
<image class="publicPop-left" src="/static/imgs/Water_img.png" mode="widthFix"></image>
</view>
<image src="/static/icons/waterPop_close.png" mode="widthFix" class="publicPop-close" bindtap="knowClick"></image>
</view>

192
pages/index/write/index.wxss Normal file
View File

@@ -0,0 +1,192 @@
page {
background-color: #f5f5f5;
padding: 30rpx;
box-sizing: border-box;
}
.issue-block {
background: white;
padding: 30rpx;
box-sizing: border-box;
border-radius: 10rpx;
}
.issue-textarea textarea {
width: 100%;
height: 200rpx;
}
.album-list {
display: flex;
flex-wrap: wrap;
}
.album-list-li {
margin-right: 10rpx;
position: relative;
width: calc(25% - 10rpx);
padding-top: calc(25% - 10rpx);
box-sizing: border-box;
}
.album-list-li:last-child {
margin: 0;
}
.album-list-img,
.album-list-li-add {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f5f5f5;
border-radius: 6rpx;
}
.album-list-li-add {
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
color: #666;
font-size: 26rpx;
}
.album-list-add-icon {
width: 34rpx;
height: 34rpx;
}
.album-remove {
position: absolute;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
color: white;
font-size: 28rpx;
text-align: center;
line-height: 50rpx;
width: 100%;
z-index: 9;
}
.site-btn {
margin-top: 120rpx;
}
.site-btn button[size="mini"] {
width: 100%;
background: #1d37e2;
height: 88rpx;
line-height: 88rpx;
font-size: 30rpx;
color: white;
padding: 0;
}
.site-btn button[disabled] {
background: #7789ff !important;
color: #fff !important;
}
/* 获得水滴弹出层提示 */
.publicBack {
position: fixed;
width: 100vw;
height: 100vh;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, .5);
z-index: 99;
display: none;
}
.publicBack.active {
display: block;
}
.publicPop {
left: 50%;
top: 50%;
width: 440rpx;
height: 300rpx;
margin-left: -220rpx;
margin-top: -200rpx;
position: fixed;
z-index: 100;
background-color: #ffffff;
border-radius: 30rpx;
text-align: center;
display: none;
}
.publicBack.active {
display: block;
}
.publicPop-close {
position: absolute;
top: -20rpx;
right: -20rpx;
z-index: 102;
width: 54rpx;
height: 54rpx;
}
.publicPop-img {
width: 70%;
margin: -30rpx auto 0;
}
.publicPop-text {
padding-bottom: 20rpx;
box-sizing: border-box;
font-weight: 600;
color: #e56653;
padding-top: 40rpx;
}
.number {
font-size: 72rpx;
display: inline-block;
padding-right: 10rpx;
}
.publicPop-text text {
font-size: 36rpx;
display: inline-block;
line-height: 86rpx;
vertical-align: bottom;
}
.publicPop-tips {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: #fdfae7;
color: #e6a950;
line-height: 80rpx;
font-weight: 600;
border-top: 2rpx solid #f6ede6;
border-radius: 0 0 30rpx 30rpx;
}
.publicPop-tips image {
width: 54rpx;
height: 54rpx;
vertical-align: -14rpx;
}
.publicPop-left {
width: 90rpx;
position: absolute;
top: 46%;
right: 2rpx;
}
.publicPop-right {
transform: rotate(180deg);
left: 2rpx;
}

31
pages/login/agreement/index.js Normal file
View File

@@ -0,0 +1,31 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
content: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 获取用户协议
wx.$api.auth.registeragree(options.type).then(res => {
this.setData({
content: res.data.content
})
}).catch(err => {})
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
})

3
pages/login/agreement/index.json Normal file
View File

@@ -0,0 +1,3 @@
{
"usingComponents": {}
}

3
pages/login/agreement/index.wxml Normal file
View File

@@ -0,0 +1,3 @@
<view class="agreement-content">
<rich-text nodes="{{content}}"></rich-text>
</view>

5
pages/login/agreement/index.wxss Normal file
View File

@@ -0,0 +1,5 @@
.agreement-content{
padding: 30rpx;
box-sizing: border-box;
font-size: 32rpx;
}

162
pages/login/index.js Normal file
View File

@@ -0,0 +1,162 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
phone : "",
code : "",
parentId: "", //邀请码
newUser : '', //是否为新用户
checked : false, //勾选协议
codename: '获取验证码',
getSms : false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 是否有邀请码
if(options) {
this.setData({
parentId : options.invite || '',
channelId : options.channel || ''
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 手机号码
*/
bindInput(e) {
this.setData({
phone: e.detail.value
})
},
/**
* 短信验证码
*/
bindCode(e) {
this.setData({
code: e.detail.value
})
},
/**
* 获取短信验证码
*/
getPhoneCode(e) {
let mobile = this.data.phone,
myreg = /^(14[0-9]|13[0-9]|15[0-9]|17[0-9]|18[0-9])\d{8}$$/
var _this = this
if (mobile == "") {
wx.showToast({
title : '手机号不能为空',
icon : 'none',
duration : 1000
})
return false;
}else if (!myreg.test(mobile)) {
wx.showToast({
title : '请输入正确的手机号',
icon : 'none',
duration : 1000
})
return false;
}else{
wx.$api.auth.getSms({
mobileNo: mobile
}).then(res=>{
_this.setData({
newUser : res.data.new,
getSms : true
})
wx.showToast({
title : '发送成功',
icon : 'success',
duration: 2000
})
var num = 60;
var timer = setInterval(function () {
num--;
if (num <= 0) {
clearInterval(timer);
_this.setData({
codename : '重新发送',
getSms : false
})
} else {
_this.setData({
codename : num + "s后重新获取",
getSms : true
})
}
}, 1000)
}).catch(err=>{})
}
},
/**
* 邀请码
*/
parentInput(e) {
this.setData({
parentId: e.detail.value
})
},
/**
* 用户登录
*/
login() {
if(this.data.checked) {
wx.$api.auth.smsAuth({
mobileNo : this.data.phone,
code : this.data.code,
invite : this.data.parentId,
channel : this.data.channelId
}).then(res=>{
// 写入缓存
wx.setStorage({
key : 'token',
data : res.data.token_type + ' ' + res.data.access_token
})
// 回到首页
wx.switchTab({
url: '/pages/mall/index/index'
})
}).catch(err=>{})
} else {
wx.showToast({
title: '请勾选用户隐私和服务协议',
icon: "none"
})
}
},
// 勾选协议
radioChange() {
this.setData({
checked: !this.data.checked
})
}
})

4
pages/login/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "锶源昆仑"
}

28
pages/login/index.wxml Normal file
View File

@@ -0,0 +1,28 @@
<view class="login-top">
<view class="top-logo-content">
手机号快捷登录
</view>
未注册的手机号码将自动注册
</view>
<!-- 输入手机号相关 -->
<view class="inputs phone">
<label class="label">+86</label>
<input type="number" placeholder="输入您的手机号码" maxlength="11" name="phone" bindinput="bindInput" class="inputs-phone" />
</view>
<view class="inputs sms">
<input type="number" placeholder="输入短信验证码" maxlength="4" name="code" class="inputs-sms" bindinput="bindCode" />
<button class="sms-btn" type="default" size="mini" disabled="{{phone == '' || getSms}}" bindtap="getPhoneCode">{{codename}}</button>
</view>
<view class="inputs" wx:if="{{newUser}}">
<input placeholder="邀请码 (选填)" maxlength="10" value="{{parentId}}" bindinput="parentInput" />
</view>
<button class="btn" type="default" disabled="{{phone == '' || code == ''}}" bindtap="login">登录</button>
<!-- 用户登录注册协议 -->
<view class="agreement">
<checkbox-group bindchange="radioChange">
<checkbox color="#4490ff" checked="{{checked}}" size='10' class="radioGroup" />
</checkbox-group>
<view class="agreement-text">
登录即表示同意用户<navigator hover-class="none" url="./agreement/index?type=secret">《隐私协议》</navigator>和<navigator hover-class="none" url="./agreement/index?type=protocol">《服务协议》</navigator>
</view>
</view>

164
pages/login/index.wxss Normal file
View File

@@ -0,0 +1,164 @@
page {
height: 100vh;
width: 100vw;
padding: 90rpx 60rpx;
box-sizing: border-box;
background: white;
}
.login-top {
height: 17vh;
width: 100%;
flex-direction: row;
align-items: flex-end;
justify-content: center;
box-sizing: border-box;
position: relative;
color: #919191;
}
.top-bg {
position: absolute;
bottom: 30rpx;
z-index: 2;
width: 740rpx;
}
.top-logo-content {
box-sizing: border-box;
color: #000;
font-weight: 600;
font-size: 40rpx;
margin-bottom: 10rpx;
}
.top-logo {
margin-bottom: 20rpx;
width: 146rpx;
height: 146rpx;
}
.inputs {
background: rgba(68, 144, 255, 0.05);
border: solid 1rpx #f2f2f2;
position: relative;
margin-top: 30rpx;
height: 80rpx;
line-height: 80rpx;
}
.inputs input {
width: 100%;
height: 80rpx;
line-height: 80rpx;
padding: 0 30rpx;
border: none;
box-sizing: border-box;
font-size: 30rpx;
}
input.inputs-phone {
padding-left: 150rpx;
}
input.inputs-sms {
padding-right: 200rpx;
}
.label {
position: absolute;
left: 0;
top: 0;
width: 120rpx;
text-align: center;
border-right: solid 1rpx #f2f2f2;
font-size: 30rpx;
}
.sms-btn[size='mini'] {
font-weight: normal;
height: 77rpx;
line-height: 77rpx;
position: absolute;
top: 1rpx;
right: 1rpx;
padding: 0 20rpx;
margin: 0;
border-radius: 0;
border-left: solid 1rpx #f2f2f2;
color: #4490ff !important;
font-size: 30rpx;
background-color: transparent !important;
}
.sms-btn::after {
border: none;
}
.sms-btn[disabled] {
color: rgba(68, 144, 255, .6) !important;
}
.title {
text-align: center;
font-size: 38rpx;
font-weight: bold;
color: #2a2a2a;
margin-bottom: 100rpx;
}
.btn {
background: #4490ff !important;
width: 100% !important;
color: white !important;
border-radius: 0;
margin-top: 30rpx;
font-size: 32rpx;
line-height: 90rpx;
height: 90rpx;
font-weight: bold;
padding: 0;
}
.btn::after {
border: none;
}
.btn[disabled] {
background: rgba(68, 144, 255, .6) !important;
}
.beianNo {
font-size: 26rpx;
color: #9d9d9d;
text-align: center;
padding-top: 60rpx;
position: fixed;
width: 100%;
left: 0;
bottom: 50rpx;
}
/* 协议 */
.agreement {
font-size: 26rpx;
color: #9d9d9d;
margin-top: 20rpx;
display: flex;
}
.radioGroup {
transform: scale(.6);
width: 55rpx;
text-align: left;
}
.agreement-text {
width: calc(100% - 55rpx);
line-height: 48rpx;
}
.agreement-text navigator {
color: #000;
display: inline-block;
}

107
pages/mall/article/articleAll/index.js Normal file
View File

@@ -0,0 +1,107 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
categoriesArr: '', //分类
articlesArr : [] , //列表
page : {}, //分页信息
listType : 0, //类型
name : '', //名称
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取分类
this.classifysInfo();
// 获取列表
this.articlesInfo();
},
// 分类
classifysInfo(){
wx.$api.mall.classifysAll().then(res => {
let Arr = res.data
let valueFirst = {
category_id: 0,
slug : "ALL",
title : "全部"
}
Arr.unshift(valueFirst)
this.setData({
categoriesArr : Arr
})
}).catch(err => {})
},
// 列表
articlesInfo(page){
wx.$api.mall.favorites({
category_id : this.data.listType,
page : page || 1
}).then(res => {
let listArr = this.data.articlesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
articlesArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 状态筛选
*/
onTabs(val){
console.log(val)
if(this.data.listType === val) return
this.setData({
listType: val.currentTarget.dataset.type
})
// 商品详情数据
this.articlesInfo();
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取列表
this.articlesInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取列表
this.articlesInfo(pageNumber);
}
}
})

4
pages/mall/article/articleAll/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "文章列表"
}

31
pages/mall/article/articleAll/index.wxml Normal file
View File

@@ -0,0 +1,31 @@
<view class="header">
<view class="tabs">
<view wx:for="{{categoriesArr}}" wx:key="categoriesArr" class="tabs-item {{listType == item.category_id ? 'show' : ''}}" bindtap="onTabs" data-type="{{item.category_id}}">{{item.title}}</view>
</view>
</view>
<view class="list" wx:if="{{articlesArr.length > 0}}">
<navigator hover-class="none" url="/pages/mall/article/articleInfo/index?id={{item.article_id}}&type={{name}}" class="item" wx:for="{{articlesArr}}" wx:key="articlesArr">
<view class="itemCont">
<view class="nowrap itemCont-name"><text>{{item.categories[0].slug}}</text> | {{item.title}}</view>
<view class="nowrap itemCont-text">{{item.description}}</view>
<view class="itemCont-see">
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_00.png"></image> {{item.clicks}}</view>
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_01.png"></image>{{item.subscribes}}</view>
</view>
</view>
<image class="itemImg" mode="aspectFill" src="{{item.cover}}"></image>
</navigator>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

99
pages/mall/article/articleAll/index.wxss Normal file
View File

@@ -0,0 +1,99 @@
page {
padding: 30rpx;
box-sizing: border-box;
background-color: #f6f6f6;
}
/* tabs */
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.tabs {
display: flex;
justify-content: space-around;
background: white;
padding: 15rpx 0;
font-size: 30rpx;
color: #9d9d9d;
}
.tabs-item {
height: 60rpx;
line-height: 60rpx;
}
.tabs-item.show {
color: #1d37e2;
border-bottom: solid 4rpx #1d37e2;
}
.list {
margin-top: 90rpx;
}
.item {
position: relative;
background-color: #ffffff;
border-radius: 10rpx;
height: 200rpx;
margin-bottom: 30rpx;
}
.itemImg {
position: absolute;
right: 0;
top: 0;
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
overflow: hidden;
}
.itemCont {
position: absolute;
left: 0;
top: 0;
padding: 25rpx 230rpx 0 30rpx;
box-sizing: border-box;
width: 100%;
}
.itemCont-name {
font-size: 30rpx;
}
.itemCont-name text {
text-transform: uppercase;
}
.itemCont-text {
color: #999;
font-size: 26rpx;
margin: 15rpx 0 30rpx;
font-weight: 200;
}
.itemCont-see {
color: #999;
display: flex;
font-size: 26rpx;
font-weight: 200;
}
.itemCont-icon {
display: flex;
margin-right: 50rpx;
line-height: 26rpx;
}
.itemCont-icon image {
width: 26rpx;
height: 26rpx;
margin-right: 10rpx;
}

137
pages/mall/article/articleInfo/index.js Normal file
View File

@@ -0,0 +1,137 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
id : '', //文章id
indexShow : '', //内容
mallContent : '', //简介
favoritesSee : '', //收藏状态
favoritesNumber : '', //收藏数量
subscribesSee : '', //点赞状态
subscribesNumber: '', //点赞数量
inviteText : '', //邀请码
isFixedTop : 0,
barHeight : getApp().globalData.statusBarHeight // 状态栏高度
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
id: options.id
})
if (options.type == 'memory') {
wx.setNavigationBarTitle({
title: '锶源昆仑·记忆'
})
} else if (options.type == 'wiki') {
wx.setNavigationBarTitle({
title: '锶源昆仑·健康百科'
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取详情数据
this.indexInfo();
// 获取登录状态
if(wx.getStorageSync("token")){
// 获取推广码
this.inviteInfo();
}
},
/**
* 推广码
*/
inviteInfo() {
wx.$api.user.invite().then(res => {
this.setData({
inviteText : res.data.invite
})
}).catch(err => {})
},
/**
* 详情数据
*/
indexInfo () {
wx.$api.mall.articlesSee(this.data.id).then(res => {
this.setData({
indexShow : res.data,
favoritesSee : res.data.isFavorite,
subscribesSee : res.data.isSubscribed,
favoritesNumber : res.data.favorites,
subscribesNumber: res.data.subscribes,
mallContent : res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"')
})
}).catch(err => {})
},
// 操作按钮
toolTap(e) {
let newName = e.currentTarget.dataset.name
// 收藏
if(newName == 'favorites') {
wx.$api.mall.favorite(this.data.id).then(res => {
this.setData({
favoritesSee : res.data.favorite,
favoritesNumber: res.data.count
})
}).catch(err => {})
return
}
// 点赞
wx.$api.mall.subscribe(this.data.id).then(res => {
this.setData({
subscribesSee : res.data.subscribed,
subscribesNumber: res.data.count
})
}).catch(err => {})
},
/**
* 微信分享
*/
onShareAppMessage(){
return {
title : this.data.indexShow.title,
imageUrl: this.data.indexShow.cover
}
},
// 返回上一页
returnGo() {
wx.navigateBack({
delta: 1
})
},
returnHome() {
wx.switchTab({
url: '/pages/mall/index/index'
})
},
/**
* 监听页面滑动事件
*/
onPageScroll(e) {
this.setData({
isFixedTop: parseInt(e.scrollTop)
});
},
})

5
pages/mall/article/articleInfo/index.json Normal file
View File

@@ -0,0 +1,5 @@
{
"usingComponents": {},
"navigationStyle": "custom",
"navigationBarTextStyle": "white"
}

40
pages/mall/article/articleInfo/index.wxml Normal file
View File

@@ -0,0 +1,40 @@
<view class="navigation {{isFixedTop > 0 ? 'active' : ''}}" style="padding-top:{{barHeight}}px;">
<image bindtap="returnGo" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/arrowBlack.png' : '/static/icons/arrowWrite.png'}}"></image>
<image bindtap="returnHome" class="navigation-arrow" src="{{isFixedTop > 0 ? '/static/icons/homeBlack.png' : '/static/icons/homeWrite.png'}}"></image>
</view>
<image class="articleImg" src="{{indexShow.cover}}" mode="widthFix"></image>
<view class="articleCont">
<view class="articleTop">
<view class="articleName">
<text>{{indexShow.categories[0].slug}}</text> | {{indexShow.title}}
</view>
<view class="articleTool">
<text>{{indexShow.created_at}}</text>
<text>浏览 {{indexShow.clicks}}</text>
</view>
</view>
<view class="articleBanner">
<image mode="widthFix" src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleBanner.jpg"></image>
</view>
<view class="articleText">
<rich-text nodes="{{mallContent}}"></rich-text>
</view>
</view>
<view class="tool">
<view class="toolCont">
<button class="toolCont-label" open-type="share" hover-class="none">
<image class="toolCont-label-icon" src="/static/icons/articleIcon_01.png"></image>
<text>转发</text>
</button>
<view class="toolCont-label" bindtap="toolTap" data-name="favorites">
<image class="toolCont-label-icon" src="{{!favoritesSee ? '/static/icons/articleIcon_02.png' : '/static/icons/articleIcon_02_active.png'}}"></image>
<text>{{favoritesNumber}}</text>
</view>
<view class="toolCont-label" bindtap="toolTap" data-name="subscribes">
<image class="toolCont-label-icon" src="{{!subscribesSee ? '/static/icons/articleIcon_03.png' : '/static/icons/articleIcon_03_active.png'}}"></image>
<text>{{subscribesNumber}}</text>
</view>
</view>
</view>

102
pages/mall/article/articleInfo/index.wxss Normal file
View File

@@ -0,0 +1,102 @@
page {
background-color: #ffffff;
}
.articleImg {
width: 100%;
display: inline-block;
}
.articleCont {
padding: 30rpx;
box-sizing: border-box;
border-bottom: 160rpx transparent solid;
}
.articleName {
font-size: 36rpx;
margin-top: 20rpx;
}
.articleName text {
text-transform: uppercase;
}
.articleTool {
color: #666666;
font-size: 26rpx;
margin-top: 15rpx;
}
.articleTool text {
padding-right: 30rpx;
font-weight: 200;
}
.articleBanner {
text-align: center;
margin: 60rpx 0;
}
.articleBanner image {
width: 100%;
}
.tool {
position: fixed;
width: 100%;
height: 90rpx;
line-height: 90rpx;
left: 0;
bottom: 60rpx;
z-index: 99;
padding: 0 30rpx;
box-sizing: border-box;
}
.toolCont {
background-color: #ffffff;
display: flex;
box-shadow: 0 0 10rpx rgba(0, 0, 0, .1);
border-radius: 80rpx;
}
.toolCont-label {
flex: 3;
text-align: center;
color: #999;
font-size: 30rpx;
background-color: transparent;
padding: 0;
margin: 0;
line-height: 100rpx;
font-weight: 200;
}
.toolCont-label-icon {
width: 36rpx;
height: 36rpx;
margin-right: 10rpx;
vertical-align: -4rpx;
}
.navigation{
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 90rpx;
background-color: transparent;
transition: .2s;
}
.navigation.active {
background-color: #ffffff;
}
.navigation-arrow {
width: 44rpx;
height: 44rpx;
margin: 20rpx 15rpx 0 20rpx;
}

92
pages/mall/article/articleList/index.js Normal file
View File

@@ -0,0 +1,92 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
articlesArr : [] , //列表
page : {}, //分页信息
type : '', //类型
name : '', //名称
lodingStats : false, //加载状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
console.log(options)
this.setData({
type: options.type
})
if (options.type == '1') {
wx.setNavigationBarTitle({
title: '锶源昆仑·记忆'
})
this.setData({
name: 'memory'
})
} else if (options.type == '2') {
wx.setNavigationBarTitle({
title: '锶源昆仑·健康百科'
})
this.setData({
name: 'wiki'
})
}
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 获取列表
this.articlesInfo();
},
// 列表
articlesInfo(page){
wx.$api.mall.articlesList({
category_id : this.data.type,
page : page || 1
}).then(res => {
let listArr = this.data.articlesArr,
newData = []
if(page == 1 || page == undefined) listArr = []
newData = listArr.concat(res.data.data)
this.setData({
articlesArr : newData,
page : res.data.page,
lodingStats : false
})
wx.stopPullDownRefresh()
}).catch(err => {})
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
// 获取列表
this.articlesInfo();
},
/**
* 上拉加载
*/
onReachBottom(){
this.setData({
lodingStats: true
})
let pageNumber = this.data.page.current
if(this.data.page.has_more){
pageNumber++
// 获取列表
this.articlesInfo(pageNumber);
}
}
})

3
pages/mall/article/articleList/index.json Normal file
View File

@@ -0,0 +1,3 @@
{
"usingComponents": {}
}

25
pages/mall/article/articleList/index.wxml Normal file
View File

@@ -0,0 +1,25 @@
<view class="list" wx:if="{{articlesArr.length > 0}}">
<navigator hover-class="none" url="../articleInfo/index?id={{item.article_id}}&type={{name}}" class="item" wx:for="{{articlesArr}}" wx:key="articlesArr">
<view class="itemCont">
<view class="nowrap itemCont-name"><text>{{item.categories[0].slug}}</text> | {{item.title}}</view>
<view class="nowrap itemCont-text">{{item.description}}</view>
<view class="itemCont-see">
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_00.png"></image> {{item.clicks}}</view>
<view class="itemCont-icon"><image src="https://api.siyuankunlun.com/storage/materials/2022/10/11/articleIcon_01.png"></image>{{item.subscribes}}</view>
</view>
</view>
<image class="itemImg" mode="aspectFill" src="{{item.cover}}"></image>
</navigator>
<view class="pagesLoding" wx:if="{{lodingStats}}">
<block wx:if="{{page.has_more}}">
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
</block>
<block wx:else>
没有更多了~
</block>
</view>
</view>
<view class="pack-center pages-hint" wx:else>
<image src="/static/imgs/coupon_null.png"></image>
<view>暂无数据</view>
</view>

66
pages/mall/article/articleList/index.wxss Normal file
View File

@@ -0,0 +1,66 @@
page {
padding: 30rpx;
box-sizing: border-box;
background-color: #f6f6f6;
}
.item {
position: relative;
background-color: #ffffff;
border-radius: 10rpx;
height: 200rpx;
margin-bottom: 30rpx;
}
.itemImg {
position: absolute;
right: 0;
top: 0;
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
overflow: hidden;
}
.itemCont {
position: absolute;
left: 0;
top: 0;
padding: 25rpx 230rpx 0 30rpx;
box-sizing: border-box;
width: 100%;
}
.itemCont-name {
font-size: 30rpx;
}
.itemCont-name text {
text-transform: uppercase;
}
.itemCont-text {
color: #999;
font-size: 26rpx;
margin: 15rpx 0 30rpx;
font-weight: 200;
}
.itemCont-see {
color: #999;
display: flex;
font-size: 26rpx;
font-weight: 200;
}
.itemCont-icon {
display: flex;
margin-right: 50rpx;
line-height: 26rpx;
}
.itemCont-icon image {
width: 26rpx;
height: 26rpx;
margin-right: 10rpx;
}

102
pages/mall/buy/index.js Normal file
View File

@@ -0,0 +1,102 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
avatar : '', //用户头像
nickName : '', //用户昵称
identity : '', //用户身份
goodId : '', //商品id
surplus : '', //我的水滴
mallData : '', //商品详情
mallContent : '', //商品介绍
userLogin : '', //登录状态
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
goodId: options.id
})
// 获取商品详情
this.goodInfo(options.id);
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
if(wx.getStorageSync("token")){
this.setData({
userLogin: true
})
// 获取用户信息
this.userInfo();
}
},
/**
* 用户信息
*/
userInfo() {
wx.$api.user.userIndex().then(res => {
this.setData({
avatar : res.data.avatar,
nickName : res.data.nickname,
identity : res.data.identity,
surplus : res.data.account.score.surplus
})
}).catch(err => {})
},
/**
* 商品详情
*/
goodInfo(id) {
wx.$api.mall.goodsShow(id).then(res => {
this.setData({
mallData : res.data,
mallContent : res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"'),
})
}).catch(err => {})
},
/**
* 放大轮播相册图片
*/
opneBanner(e){
let imgs = [],
index = e.currentTarget.dataset.index
for (let img of e.currentTarget.dataset.imgs){
imgs.push(img)
}
wx.previewImage({
urls : imgs,
current : imgs[index]
})
},
// 购买
buyTap(e) {
if(wx.getStorageSync("token")){
wx.navigateTo({
url: '../submit/index?skuid=' + this.data.mallData.skus[0].sku_id + '&goodsid=' + this.data.mallData.goods_id + '&qty=' + 1,
})
}else {
// 去登录
wx.navigateTo({
url: "/pages/login/index"
})
}
}
})

4
pages/mall/buy/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "水滴商城"
}

69
pages/mall/buy/index.wxml Normal file
View File

@@ -0,0 +1,69 @@
<!-- 轮播 -->
<view class="banner">
<swiper class="swiperCont" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff" autoplay="true">
<swiper-item data-index="{{index}}" data-imgs="{{mallData.pictures}}" bindtap="opneBanner" wx:for="{{mallData.pictures}}" wx:key="arr">
<image class="swiperImg" src="{{item}}" mode="aspectFill"></image>
</swiper-item>
</swiper>
<!-- 用户 -->
<view class="user-cont" wx:if="{{userLogin}}">
<view class="user-head">
<image class="user-avatar" src="{{avatar || '/static/imgs/default_myHead.png'}}" mode="aspectFill"></image>
<image wx:if="{{identity.order != '1'}}" class="user-ancrown" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/ancrown.png" mode=""></image>
</view>
<view class="user-text">
<view class="user-top">
<view class="user-name">
{{nickName}}
</view>
<view class="user-icon">
<image wx:if="{{userData.is_partner}}" src="/static/icons/userIcon_01.png" mode="widthFix"></image>
</view>
</view>
<image wx:if="{{identity.order == '1'}}" class="user-identity" src="/static/icons/member_01.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '2'}}" class="user-identity" src="/static/icons/member_02.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '3'}}" class="user-identity" src="/static/icons/member_03.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '4'}}" class="user-identity" src="/static/icons/member_04.png" mode="widthFix"></image>
<image wx:elif="{{identity.order == '5'}}" class="user-identity" src="/static/icons/member_05.png" mode="widthFix"></image>
<image wx:else src="/static/icons/member_06.png" class="user-identity" mode="widthFix"></image>
</view>
<view class="water">
<image src="/static/icons/waterDrop.png"></image>{{surplus}}
</view>
</view>
</view>
<!-- 商品信息 -->
<view class="goodsInfo">
<view class="goodsInfo-name">
{{mallData.name}}
</view>
<view class="goodsInfo-info">
<!-- <view class="goodsInfo-price">
{{mallData.price.show}}<view class="goodsInfo-price-symbol">水滴</view>
</view> -->
</view>
</view>
<!-- 产品详情 -->
<view class="detailsBrief">
<view class="detailsBrief-title">
产品详情
</view>
<view class="detailsBrief-img">
<!-- <view class="detailsBrief-text">{{mallData.description}}</view> -->
<!-- <view class="detailsBrief-back" wx:if="{{mallData.content.length > 0}}">
<image src="{{item}}" data-index="{{index}}" data-imgs="{{mallData.content}}" bindtap="opneImg" mode="widthFix" wx:for="{{mallData.content}}" wx:key="content"></image>
</view> -->
<view class="detailsBrief-back">
<rich-text nodes="{{mallContent}}"></rich-text>
</view>
</view>
<view class="goods-info-footer {{barHeight > 30 ? 'iphoneX':''}}">已经到底拉，在往上逛一逛吧</view>
</view>
<!-- <view class="footer">
<view class="number">需<text>{{mallData.price.show}}</text>水滴</view>
<view bindtap="buyTap" class="btn">立即兑换</view>
</view> -->

232
pages/mall/buy/index.wxss Normal file
View File

@@ -0,0 +1,232 @@
page {
background-color: #f3f3f5;
}
/* 产品轮播 */
.banner {
overflow: hidden;
position: relative;
padding-top: 100%;
}
.swiperCont,
.swiperImg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 用户 */
.user-cont {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 99;
padding: 20rpx 30rpx;
display: flex;
box-sizing: border-box;
}
.user-head {
position: relative;
width: 90rpx;
height: 90rpx;
border-radius: 50%;
border: 6rpx solid #ffe0a8;
margin-top: 10rpx;
}
.user-avatar {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
}
.user-ancrown {
position: absolute;
width: 48rpx;
height: 48rpx;
right: 0;
top: -34rpx;
}
.user-text {
height: 120rpx;
width: calc(100% - 120rpx);
padding-left: 20rpx;
box-sizing: border-box;
}
.user-top {
display: flex;
line-height: 58rpx;
}
.user-name {
color: #ffffff;
padding-right: 10rpx;
}
.user-icon image {
width: 32rpx;
height: 32rpx;
margin: 12rpx 0 0 5rpx;
}
.user-identity {
margin-top: 5rpx;
width: 120rpx;
}
.water {
background-color: rgba(0, 0, 0, .3);
border-radius: 30rpx 30rpx 30rpx 0;
padding: 0 15rpx 0 10rpx;
height: 60rpx;
line-height: 60rpx;
display: flex;
position: absolute;
right: 30rpx;
top: 50rpx;
color: #ffffff;
}
.water image {
width: 46rpx;
height: 46rpx;
margin: 6rpx 5rpx 0 0;
}
/* 商品信息 */
.goodsInfo {
background-color: #ffffff;
padding: 30rpx;
width: 100%;
box-sizing: border-box;
font-weight: 600;
font-size: 32rpx;
}
.goodsInfo-name {
margin-bottom: 20rpx;
}
.goodsInfo-info {
display: flex;
line-height: 44rpx;
}
.goodsInfo-price {
font-size: 36rpx;
color: #df723a;
flex: 1;
}
.goodsInfo-price-symbol {
font-size: 28rpx;
display: inline-block;
margin-left: 10rpx;}
.goodsInfo-price-see {
font-weight: normal;
color: #959595;
font-size: 28rpx;
}
/* 产品详情 */
.detailsBrief {
padding: 30rpx 0;
box-sizing: border-box;
background-color: #ffffff;
margin-top: 20rpx;
border-bottom: 60px solid transparent;
}
.detailsBrief-title {
position: relative;
font-size: 32rpx;
height: 70rpx;
margin-bottom: 10rpx;
font-weight: 600;
text-align: center;
}
.goods-info-footer {
line-height: 40rpx;
text-align: center;
font-size: 24rpx;
color: #747788;
padding-top: 20rpx;
}
.detailsBrief-text {
padding: 30rpx;
box-sizing: border-box;
line-height: 44rpx;
}
.detailsBrief-back {
text-align: center;
padding: 0 30rpx;
box-sizing: border-box;
}
.cardcase-like-online {
font-weight: normal;
font-size: 24rpx;
border: solid 2rpx #d8c283;
color: #c7a232;
border-radius: 4rpx;
display: inline-block;
height: 32rpx;
line-height: 32rpx;
padding: 0 10rpx;
margin: 2rpx 10rpx;
}
/* 底部 */
.footer {
width: 100%;
height: 60px;
background-color: #FFFFFF;
position: fixed;
left: 0;
bottom: 0;
z-index: 9;
padding: 8px 30rpx;
box-sizing: border-box;
display: flex;
}
.number {
flex: 1;
line-height: 44px;
color: #6c78f8;
}
.number text {
padding: 0 5rpx;
font-weight: 600;
font-size: 38rpx;
}
.btn {
height: 36px;
line-height: 36px;
background-color: #6c78f8;
text-align: center;
color: #FFFFFF;
border-radius: 60rpx;
font-size: 28rpx;
padding: 0 30rpx;
margin-top: 8rpx;
}
.detailsBrief-back{
width: 100%;
}

77
pages/mall/details/index.js Normal file
View File

@@ -0,0 +1,77 @@
/*
* 手太欠
* 愿这世界都如故事里一样 美好而动人~
*/
Page({
/**
* 页面的初始数据
*/
data: {
goodsData : '', //详情
sign : '', //签收
express : '', //物流
orderNo : '' //订单号
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
this.setData({
orderNo: options.orderNo
})
// 订单详情
this.goodsInfo(options.orderNo);
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {},
// 获取订单详情
goodsInfo(orderNo) {
wx.$api.user.goodsDet(orderNo).then(res => {
this.setData({
goodsData : res.data,
sign : res.data.can.sign,
express : res.data.express
})
}).catch(err => {})
},
// 复制订单号
copyUrl(val) {
wx.setClipboardData({
data: val.currentTarget.dataset.no,
success: () => {
wx.showToast({
title: "复制成功",
icon : "none"
})
}
})
},
// 订单签收
signClick() {
wx.showModal({
title : '提示',
content : '是否签收',
success : res=> {
if (res.confirm) {
wx.$api.user.goodsSign(this.data.orderNo).then(res => {
wx.showToast({
title:'签收成功',
icon:'none'
})
wx.navigateBack()
}).catch(err => {})
}
}
})
}
})

4
pages/mall/details/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "订单详情"
}

80
pages/mall/details/index.wxml Normal file
View File

@@ -0,0 +1,80 @@
<view class="orderData">
<view class="While">
<view class="orderData-cont-label">
<image class="orderData-cont-img" src="/static/icons/orderIcon_01.png" mode="aspectFill"></image>
<view class="orderData-cont-text">
<view class="orderData-cont-name">订单编号</view>
<view class="orderData-cont-copy">
<text class="nowrap">{{ goodsData.order_no }}</text>
<view bindtap="copyUrl" data-no="{{goodsData.order_no}}">复制</view>
</view>
</view>
</view>
<view class="orderData-cont-label">
<image class="orderData-cont-img" src="/static/icons/orderIcon_00.png" mode="aspectFill"></image>
<view class="orderData-cont-text">
<view class="orderData-cont-name">{{ goodsData.express.name }} <text>{{ goodsData.express.mobile }}</text></view>
<view class="orderData-cont-copy">
{{ goodsData.express.full_address }}
</view>
</view>
</view>
</view>
<view class="While orderGoods">
<view class="orderGoods-wares" wx:for="{{goodsData.items}}" wx:key="items">
<!-- 先默认固定图 -->
<image class="orderGoods-img" src="http://api.siyuankunlun.com/storage/materials/2022/09/14/photo.png" mode="widthFix"></image>
<view class="orderGoods-cont">
<view class="nowrap orderGoods-name">{{ item.sku.goods_name }}</view>
<view class="orderGoods-price">
<view class="orderGoods-number">{{ item.price }}</view><text>x{{ item.qty }}</text>
</view>
</view>
</view>
</view>
<view class="While reserveCont">
<view class="reserveCont-title">订单信息</view>
<view class="reserve-label">
<view class="reserve-name">交易时间</view>
<view class="reserve-text">{{ goodsData.created_at }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">总水滴数</view>
<view class="reserve-text reserve-red">{{ goodsData.amount }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">运费金额</view>
<view class="reserve-text">{{ goodsData.freight == 0 ? '免邮' : goodsData.freight }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">交易状态</view>
<view class="reserve-text green">{{ goodsData.state }}</view>
</view>
</view>
<view class="While reserveCont" wx:if="{{express.express_name}}">
<view class="reserveCont-title">物流信息</view>
<view class="reserve-label">
<view class="reserve-name">物流公司</view>
<view class="reserve-text">{{ express.express_name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货姓名</view>
<view class="reserve-text green">{{ express.name }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">收货电话</view>
<view class="reserve-text green">{{ express.mobile }}</view>
</view>
<view class="reserve-label">
<view class="reserve-name">物流单号</view>
<view class="reserve-text">{{ express.express_no }}<view class="reserve-copy" bindtap="copyUrl" data-no="{{express.express_no}}">复制</view>
</view>
</view>
</view>
</view>
<view class="order-data-footer">
<navigator hover-class="none" class="order-btn" open-type="navigateBack">返回订单</navigator>
<view class="order-btn" bindtap="signClick" wx:if="{{sign}}">签收订单</view>
</view>

202
pages/mall/details/index.wxss Normal file
View File

@@ -0,0 +1,202 @@
page {
background: #f3f4f6;
padding: 30rpx;
box-sizing: border-box;
}
.While {
border-radius: 10rpx;
margin-bottom: 30rpx;
background-color: #FFFFFF;
box-shadow: 0 0 10rpx rgba(0, 0, 0, .05);
}
.orderData {
border-bottom: 70rpx transparent solid;
}
/* 订单 */
.orderData-cont-label {
padding: 40rpx 30rpx;
display: flex;
box-sizing: border-box;
border-bottom: #f2f2f2 2rpx solid;
}
.orderData-cont-img {
width: 48rpx;
height: 48rpx;
vertical-align: middle;
}
.orderData-cont-text {
width: calc(100% - 68rpx);
margin-left: 20rpx;
box-sizing: border-box;
}
.orderData-cont-name {
margin-bottom: 10rpx;
}
.orderData-cont-name text {
color: #999;
padding-left: 20rpx;
}
.orderData-cont-copy {
display: flex;
font-size: 28rpx;
color: #999;
}
.orderData-cont-copy text {
flex: 1;
display: inline-block;
margin-right: 20rpx;
}
.orderData-cont-copy view {
color: #eb504c;
}
/* 产品 */
.orderGoods {
padding: 30rpx;
box-sizing: border-box;
}
.orderGoods-wares {
position: relative;
}
.orderGoods-img {
width: 100rpx;
height: 100rpx;
border: 2rpx solid #dddddd;
border-radius: 10rpx;
}
.orderGoods-cont {
position: absolute;
width: 100%;
left: 0;
padding-left: 130rpx;
box-sizing: border-box;
top: 0;
}
.orderGoods-text {
margin: 20rpx 0 30rpx;
color: #666666;
font-size: 26rpx;
}
.orderGoods-price {
display: flex;
color: #555555;
margin-top: 15rpx;
}
.orderGoods-number {
flex: 1;
color: #000;
font-weight: 600;
}
.orderGoods-price text {
color: #999;
}
.reserve-red {
font-weight: 600;
color: #1d37e2;
}
.orderGoods-brief {
display: flex;
padding-top: 30rpx;
}
.orderGoods-brief view {
flex: 1;
color: #333333;
}
.orderGoods-brief text {
font-weight: 600;
}
/* 规格 */
.reserveCont-title {
font-weight: 600;
padding: 30rpx;
}
.reserve-label {
display: flex;
padding: 0 30rpx 30rpx;
box-sizing: border-box;
font-size: 28rpx;
}
.reserve-name {
flex: 1;
width: 200rpx;
margin-right: 20rpx;
color: #7e7e7e;
}
.reserve-text {
width: calc(100% - 240rpx);
text-align: right;
line-height: 50rpx;
}
.reserve-text.reserve-price {
font-weight: 600;
color: #1d37e2;
}
.reserve-copy {
color: #6774ff;
border: #6774ff 2rpx solid;
display: inline-block;
height: 34rpx;
line-height: 34rpx;
font-size: 26rpx;
padding: 0 10rpx;
border-radius: 4rpx;
margin-left: 10rpx;
}
/* 底部菜单 */
.order-data-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
border-top: solid 1rpx #f2f2f2;
padding-top: 17rpx;
padding-right: 30rpx;
padding-left: 30rpx;
height: 83rpx;
background: white;
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse;
z-index: 9;
}
.order-btn {
margin-left: 20rpx;
height: 58rpx;
line-height: 58rpx;
box-sizing: border-box;
border: solid 1rpx #747788;
padding: 0 20rpx;
font-size: 26rpx;
border-radius: 10rpx;
margin-top: 5rpx;
}

71
pages/mall/exhibition/index.js Normal file
View File

@@ -0,0 +1,71 @@
// pages/mall/exhibition/index.js
Page({
/**
* 页面的初始数据
*/
data: {
detailsImg: ''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
// 商品详情数据
wx.$api.index.goods(1).then(res => {
this.setData({
detailsImg: res.data.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"')
})
}).catch(err => {})
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})

4
pages/mall/exhibition/index.json Normal file
View File

@@ -0,0 +1,4 @@
{
"usingComponents": {},
"navigationBarTitleText": "体验官活动"
}

8
pages/mall/exhibition/index.wxml Normal file
View File

@@ -0,0 +1,8 @@
<view class="exhibition">
<view class="exhibition-img">
<rich-text nodes="{{detailsImg}}"></rich-text>
</view>
<view class="exhibition-btn">
<navigator hover-class="none" url="/pages/index/index" open-type="switchTab" class="exhibition-btn-go">点击参与活动</navigator>
</view>
</view>

23
pages/mall/exhibition/index.wxss Normal file
View File

@@ -0,0 +1,23 @@
/* 申请体验馆 */
.exhibition-img {
width: 100%;
}
.exhibition-btn {
position: fixed;
bottom: 0;
left: 0;
z-index: 99;
width: 100%;
text-align: center;
padding: 30rpx;
box-sizing: border-box;
}
.exhibition-btn-go {
background-color: #e8c198;
color: #442b11;
border-radius: 50rpx;
height: 90rpx;
line-height: 90rpx;
}

Some files were not shown because too many files have changed in this diff Show More